@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;900&display=swap");:root{--background-color:#F3F4F6;--surface-color:#FFFFFF;--surface-hover:#F9FAFB;--text-primary:#111827;--text-secondary:#4B5563;--border-color:#E5E7EB;--gold-accent:#D4AF37;--gold-hover:#B49126;--white-text:#111827;--white-text-secondary:#4B5563;--emerald-dark:#FFFFFF;--emerald-light:#F3F4F6;--dark-background:#111827;--primary-color:var(--gold-accent);--primary-hover:var(--gold-hover);--success-color:#059669;--danger-color:#DC2626;--warning-color:#D97706;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:0.5rem;--radius-md:1rem;--radius-lg:2rem;--radius-xl:3rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.4),0 2px 4px -1px rgba(0,0,0,0.3);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.5),0 4px 6px -2px rgba(0,0,0,0.3);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.5),0 10px 10px -5px rgba(0,0,0,0.3);--transition-fast:150ms ease-in-out;--transition-base:200ms ease-in-out;--transition-slow:300ms ease-in-out}.dark-mode{--emerald-dark:#0A3B2A;--emerald-light:#0B5D43;--mahogany-dark:#3B1E17;--mahogany-light:#6B3B32;--gold-accent:#D4AF37;--gold-hover:#E6C75F;--white-text:#EAEAEA;--white-text-secondary:#C0C0C0;--dark-background:#120A08;--background-color:var(--dark-background);--surface-color:var(--mahogany-dark);--surface-hover:var(--mahogany-light);--primary-color:var(--gold-accent);--primary-hover:var(--gold-hover);--text-primary:var(--white-text);--text-secondary:var(--white-text-secondary);--border-color:rgba(107,59,50,0.5);--success-color:var(--emerald-light);--danger-color:#DC2626;--warning-color:#F59E0B}@keyframes slideIn{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{color:var(--text-primary);background:var(--background-color);min-height:100vh}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--primary-hover)}.container{width:100%;max-width:1200px;margin:0 auto}.card,.container{padding:var(--spacing-lg)}.card{background-color:var(--surface-color);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);box-shadow:var(--shadow-md);transition:transform var(--transition-base),box-shadow var(--transition-base)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:.75rem 1.5rem;font-size:1rem;font-weight:700;border-radius:var(--radius-full);border:none;cursor:pointer;transition:all var(--transition-base);text-decoration:none;font-family:Inter,sans-serif}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--primary-color);color:var(--dark-background)}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover);transform:scale(1.05)}.btn-success{background-color:var(--success-color);color:var(--white-text)}.btn-success:hover:not(:disabled){background-color:#0D7A5A;transform:scale(1.05)}.btn-danger{background-color:var(--danger-color);color:var(--white-text)}.btn-danger:hover:not(:disabled){background-color:#B91C1C;transform:scale(1.05)}.btn-block{width:100%}input[type=email],input[type=number],input[type=password],input[type=text],select,textarea{width:100%;padding:.75rem 1rem;font-size:1rem;font-family:Inter,sans-serif;color:var(--text-primary);background-color:rgba(255,255,255,.05);border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:border-color var(--transition-base),background-color var(--transition-base)}input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=text]:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary-color);background-color:rgba(255,255,255,.08)}.form-control{width:100%;padding:.5rem .75rem;font-size:.875rem;font-family:Inter,sans-serif;color:var(--text-primary);background-color:rgba(255,255,255,.05);border:1px solid var(--border-color);border-radius:var(--radius-sm)}.input-group{display:flex;gap:var(--spacing-sm);align-items:stretch}.input-group input{flex:1 1}.table-container{overflow-x:auto;border-radius:var(--radius-md);background-color:var(--surface-color);box-shadow:var(--shadow-md)}table{width:100%;border-collapse:collapse}thead{background-color:var(--emerald-dark)}th{.mobile-card-view td{display:flex;justify-content:space-between;border-bottom:none;padding:8px 0}.mobile-card-view td:before{content:attr(data-label);font-weight:600;margin-right:var(--spacing-md)}}.responsive-container{padding:1rem;max-width:100%;overflow:auto;flex:1 1}.game-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width:768px){.responsive-container{padding:1.5rem}.game-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (min-width:1024px){.responsive-container{padding:2.5rem}.game-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1400px){.game-grid{grid-template-columns:repeat(4,1fr)}}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;background-color:var(--emerald-dark);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:49}@media (min-width:1024px){.mobile-header{display:none}}.sidebar{display:flex;flex-direction:column;justify-content:space-between;background-color:var(--emerald-dark);padding:calc(1rem + env(safe-area-inset-top)) 1rem calc(1rem + env(safe-area-inset-bottom));transition:width .3s ease-in-out,transform .3s ease-in-out;overflow-y:auto;overflow-x:hidden;border-right:1px solid var(--border-color);flex-shrink:0;height:100dvh;z-index:50}@media (min-width:1024px){.sidebar{position:relative;transform:none!important;width:16rem}.sidebar.collapsed{width:5rem}}@media (max-width:1023px){.sidebar{position:fixed;top:0;left:0;width:16rem;transform:translateX(-100%);box-shadow:none}.sidebar.mobile-open{transform:translateX(0);box-shadow:var(--shadow-xl)}}