:root{--bg-primary: #080810;--bg-secondary: #0f0f1a;--bg-card: #12121e;--bg-elevated: #1a1a2e;--border: rgba(255,255,255,.08);--border-glow: rgba(229,57,53,.4);--accent: #e53935;--accent-dim: rgba(229,57,53,.15);--accent-glow: 0 0 20px rgba(229,57,53,.4);--gold: #ffd700;--gold-dim: rgba(255,215,0,.15);--green: #00e676;--green-dim: rgba(0,230,118,.15);--blue: #00b0ff;--purple: #7c4dff;--text-primary: #f0f0f8;--text-secondary: rgba(240,240,248,.55);--text-muted: rgba(240,240,248,.3);--font-display: "Bebas Neue", sans-serif;--font-body: "Rajdhani", sans-serif;--font-mono: "JetBrains Mono", monospace;--radius: 8px;--radius-lg: 16px;--shadow: 0 8px 32px rgba(0,0,0,.6);--shadow-lg: 0 16px 64px rgba(0,0,0,.8);--transition: .2s cubic-bezier(.4,0,.2,1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);font-size:16px;line-height:1.5;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:3px}h1,h2,h3{font-family:var(--font-display);letter-spacing:.04em;line-height:1.1}h4,h5,h6{font-family:var(--font-body);font-weight:700}a{color:var(--accent);text-decoration:none;transition:color var(--transition)}a:hover{color:#ff6b6b}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--radius);border:none;cursor:pointer;font-family:var(--font-body);font-size:16px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:all var(--transition);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity var(--transition)}.btn:hover:before{opacity:1}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 20px #e5393566}.btn-primary:hover{background:#f44336;box-shadow:0 6px 30px #e5393599}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.btn-ghost{background:transparent;color:var(--text-secondary);border:none;padding:8px 16px}.btn-ghost:hover{color:var(--text-primary);background:#ffffff0d}.btn-gold{background:linear-gradient(135deg,gold,#ff9800);color:#000;box-shadow:0 4px 20px #ffd7004d}.btn-sm{padding:8px 16px;font-size:14px}.btn-lg{padding:16px 36px;font-size:18px}.btn:disabled{opacity:.4;cursor:not-allowed}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;transition:border-color var(--transition),box-shadow var(--transition)}.card:hover{border-color:#e539354d}.card-glow{box-shadow:0 0 30px #e5393526}.input{width:100%;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px;color:var(--text-primary);font-family:var(--font-body);font-size:16px;transition:border-color var(--transition),box-shadow var(--transition);outline:none}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #e5393526}.input::placeholder{color:var(--text-muted)}.input-lg{padding:16px 20px;font-size:24px;font-family:var(--font-mono);text-align:center}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.badge-pro{background:var(--gold-dim);color:var(--gold);border:1px solid rgba(255,215,0,.3)}.badge-free{background:#ffffff0d;color:var(--text-secondary);border:1px solid var(--border)}.badge-admin{background:#7c4dff33;color:var(--purple);border:1px solid rgba(124,77,255,.4)}.badge-win{background:var(--green-dim);color:var(--green);border:1px solid rgba(0,230,118,.3)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.gap-8{gap:8px}.gap-16{gap:16px}.gap-24{gap:24px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.text-center{text-align:center}.text-muted{color:var(--text-secondary)}.text-accent{color:var(--accent)}.text-gold{color:var(--gold)}.text-green{color:var(--green)}.font-mono{font-family:var(--font-mono)}.font-display{font-family:var(--font-display)}.divider{border:none;border-top:1px solid var(--border);margin:24px 0}.score-big{font-family:var(--font-display);font-size:clamp(60px,12vw,120px);color:var(--text-primary);letter-spacing:.02em;line-height:1;text-shadow:0 0 40px rgba(229,57,53,.3)}.score-required{font-family:var(--font-mono);font-size:14px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes glow{0%,to{box-shadow:0 0 20px #e539354d}50%{box-shadow:0 0 40px #e5393599}}@keyframes numberPop{0%{transform:scale(1.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(-6px);opacity:1}}.animate-fadeIn{animation:fadeIn .3s ease forwards}.animate-slideIn{animation:slideIn .3s ease forwards}.animate-pulse{animation:pulse 2s ease infinite}.animate-glow{animation:glow 2s ease infinite}.animate-numberPop{animation:numberPop .4s cubic-bezier(.175,.885,.32,1.275) forwards}.animate-spin{animation:spin 1s linear infinite}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.gradient-text{background:linear-gradient(135deg,var(--accent),#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gold-text{background:linear-gradient(135deg,gold,#ff9800);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.noise:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");opacity:.025}@media (max-width: 768px){.container{padding:0 16px}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.hide-mobile{display:none!important}}@media (max-width: 480px){.grid-3,.grid-4{grid-template-columns:1fr}}@media (max-width: 768px){input,select,textarea{font-size:16px!important}.card{padding:16px;border-radius:12px}.btn-lg{padding:14px 28px;font-size:16px}main{padding:16px!important}}@media (hover: none){.btn{min-height:44px}.input{min-height:48px}}@media (max-width: 600px){.dashboard-stats{grid-template-columns:repeat(2,1fr)!important}.dashboard-actions{grid-template-columns:1fr!important}}@media (max-width: 600px){.players-grid{grid-template-columns:1fr!important}}@media (max-width: 600px){.game-type-grid{grid-template-columns:repeat(2,1fr)!important}.player-select-grid{grid-template-columns:1fr!important}}[data-theme=light]{--bg-primary: #f5f5f7;--bg-secondary: #ebebed;--bg-card: #ffffff;--bg-elevated: #f0f0f4;--border: rgba(0,0,0,.1);--border-glow: rgba(229,57,53,.35);--accent: #d32f2f;--accent-dim: rgba(211,47,47,.1);--accent-glow: 0 0 20px rgba(211,47,47,.25);--gold: #c8900a;--gold-dim: rgba(200,144,10,.12);--green: #1b8a4a;--green-dim: rgba(27,138,74,.12);--blue: #0277bd;--purple: #5e35b1;--text-primary: #111118;--text-secondary:rgba(17,17,24,.62);--text-muted: rgba(17,17,24,.38);--shadow: 0 2px 16px rgba(0,0,0,.1);--shadow-lg: 0 8px 40px rgba(0,0,0,.14)}[data-theme=light] nav{background:#f5f5f7f2!important;border-bottom-color:#0000001a!important}[data-theme=light] .card{box-shadow:0 1px 4px #00000014,0 0 0 1px #0000000f}[data-theme=light] .card:hover{box-shadow:0 4px 16px #0000001f,0 0 0 1px #d32f2f33}[data-theme=light] .btn-secondary{border-color:#0000002e;color:var(--text-primary)}[data-theme=light] .btn-ghost:hover{background:#0000000f}[data-theme=light] .input{background:#fff;border-color:#0000002e}[data-theme=light] .input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #d32f2f1f}[data-theme=light] .badge-pro{background:#c8900a1f;border-color:#c8900a4d}[data-theme=light] .badge-free{background:#0000000d;border-color:#0000001f}[data-theme=light] .badge-admin{background:#5e35b11f;border-color:#5e35b14d}[data-theme=light] .badge-win{background:#1b8a4a1f;border-color:#1b8a4a4d}[data-theme=light] ::-webkit-scrollbar-track{background:var(--bg-primary)}[data-theme=light] .score-big{text-shadow:0 0 20px rgba(211,47,47,.15)}[data-theme=light] .spinner{border-color:#0000001a;border-top-color:var(--accent)}[data-theme=light] footer{background:var(--bg-secondary);border-top-color:#0000001a!important}[data-theme=light] section>div[style*=radial-gradient]{opacity:.5}.theme-toggle{width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s;flex-shrink:0}.theme-toggle:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}[data-theme=light] .dm-mobile-menu{background:var(--bg-card);border-top-color:#0000001a!important}a>.card,a .card[class*=game],a .card[class*=stat],a .card[class*=row],a .card[class*=player]{cursor:pointer}a:hover>.card{transform:translateY(-1px);box-shadow:var(--shadow);border-color:#e5393540;transition:transform .15s,box-shadow .15s,border-color .15s}[data-theme=light] a:hover>.card{box-shadow:0 4px 16px #0000001a}