:root{--font-display:"Bebas Neue", system-ui, sans-serif;--font-body:"Inter", "DM Sans", system-ui, sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--radius-full:9999px;--transition-fast:.12s cubic-bezier(.4, 0, .2, 1);--transition-normal:.22s cubic-bezier(.4, 0, .2, 1);--shadow-sm:0 1px 3px #0000002e, 0 1px 2px #0000001f;--shadow-md:0 4px 16px #00000038, 0 2px 4px #0000001f;--shadow-lg:0 12px 32px #00000047, 0 4px 8px #0000001f;--shadow-xl:0 24px 48px #00000052}:root,[data-theme=dark]{--bg:#0f1923;--surface:#162030;--card:#1b2a3e;--card-hover:#213248;--border:#ffffff12;--border-strong:#ffffff21;--text:#e2eaf4;--text-secondary:#7a95b0;--text-muted:#45607a;--accent:#10d48e;--accent-dark:#0cb87a;--accent-dim:#10d48e1f;--live:#ef4444;--live-dim:#ef44441f;--upcoming:#3b82f6;--upcoming-dim:#3b82f61f;--gold:#f59e0b;--gold-dim:#f59e0b1f;--danger:#ef4444;--danger-dim:#ef44441a;--win:#10d48e1a;--lose:#ef444414;--overlay:#000000c7;--color-lime:var(--accent);--color-dark:var(--bg);--color-surface:var(--surface);--color-card:var(--card);--color-border:var(--border);--color-text:var(--text);--color-muted:var(--text-secondary);--color-danger:var(--danger);--color-cyan:#38bdf8;--color-gold:var(--gold);--color-win:var(--win);--color-lose:var(--lose);--bg-body:var(--bg)}[data-theme=light]{--bg:#f0f5fb;--surface:#fff;--card:#fff;--card-hover:#f5f9ff;--border:#dde6f0;--border-strong:#c4d3e8;--text:#0f1923;--text-secondary:#4a6278;--text-muted:#8aa0b8;--accent:#059669;--accent-dark:#047857;--accent-dim:#05966917;--live:#dc2626;--live-dim:#dc262614;--upcoming:#2563eb;--upcoming-dim:#2563eb14;--gold:#d97706;--gold-dim:#d9770614;--danger:#dc2626;--danger-dim:#dc262614;--win:#05966917;--lose:#dc262612;--overlay:#00000073;--shadow-sm:0 1px 3px #0f192314, 0 1px 2px #0f19230d;--shadow-md:0 4px 16px #0f19231a, 0 2px 4px #0f19230f;--shadow-lg:0 12px 32px #0f19231f, 0 4px 8px #0f19230f;--color-lime:var(--accent);--color-dark:var(--bg);--color-surface:var(--surface);--color-card:var(--card);--color-border:var(--border);--color-text:var(--text);--color-muted:var(--text-secondary);--color-danger:var(--danger);--color-cyan:var(--upcoming);--color-gold:var(--gold);--color-win:var(--win);--color-lose:var(--lose);--bg-body:var(--bg)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);-webkit-tap-highlight-color:transparent}.card-elevated{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.glass{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.glass-card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:var(--radius-lg);-webkit-tap-highlight-color:transparent}.topbar{z-index:50;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);position:sticky;top:0}.bottom-nav{z-index:100;background:var(--surface);border-top:1px solid var(--border);padding:0;padding-bottom:env(safe-area-inset-bottom,0px);display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #00000026}.bottom-nav-item{cursor:pointer;color:var(--text-muted);font-family:var(--font-body);letter-spacing:.5px;transition:color var(--transition-fast);-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:10px 0 8px;font-size:10px;font-weight:600;display:flex}.bottom-nav-item.active{color:var(--accent)}.bottom-nav-item:active{transform:scale(.94)}.btn{border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-display);letter-spacing:1.5px;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;touch-action:manipulation;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;display:inline-flex}.btn:active{transform:scale(.96)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 16px var(--accent-dim);padding:14px 28px;font-size:18px}.btn-primary:hover{background:var(--accent-dark)}.btn-secondary{background:var(--card);color:var(--text);border:1px solid var(--border);padding:12px 20px;font-size:15px}.btn-secondary:hover{background:var(--card-hover)}.btn-danger{background:var(--danger-dim);color:var(--danger);border:1px solid var(--danger);padding:12px 20px;font-size:15px}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border);background:0 0;padding:10px 16px;font-size:14px}.btn-ghost:hover{background:var(--card);color:var(--text)}.badge{border-radius:var(--radius-full);letter-spacing:1px;font-size:10px;font-weight:700;font-family:var(--font-body);align-items:center;gap:5px;padding:3px 9px;display:inline-flex}.badge-live{background:var(--live-dim);color:var(--live);border:1px solid #ef444440}.badge-upcoming{background:var(--upcoming-dim);color:var(--upcoming);border:1px solid #3b82f640}.badge-done{background:var(--accent-dim);color:var(--accent);border:1px solid #10d48e40}.badge-private{background:var(--gold-dim);color:var(--gold);border:1px solid #f59e0b40}.t-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-sm);padding:16px 18px;position:relative;overflow:hidden}.t-card:before{content:"";background:var(--border);width:3px;transition:background var(--transition-fast);border-radius:3px 0 0 3px;position:absolute;top:0;bottom:0;left:0}.t-card.live:before{background:var(--live)}.t-card.upcoming:before{background:var(--upcoming)}.t-card.done:before{background:var(--accent)}.t-card:hover{background:var(--card-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.t-card:active{transform:scale(.98)}.input{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-family:var(--font-body);width:100%;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:12px 16px;font-size:15px}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.input::placeholder{color:var(--text-muted)}.tab-btn{cursor:pointer;font-family:var(--font-display);letter-spacing:1.5px;border-radius:var(--radius-sm);color:var(--text-muted);transition:all var(--transition-normal);-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex:1;padding:10px 0;font-size:14px}.tab-btn.on{box-shadow:0 2px 10px var(--accent-dim);background:var(--accent)!important;color:#fff!important}.tab-btn.off{color:var(--text-muted)!important;background:0 0!important}.tab-btn.off:hover{background:var(--card)!important;color:var(--text)!important}.standings-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.standings-grid{grid-template-columns:28px 1fr 24px 24px 24px 36px 36px 36px 36px 76px;align-items:center;padding:10px 14px;display:grid}.standings-rank{font-family:var(--font-display);font-size:20px;line-height:1.1}.standings-pts{font-family:var(--font-display);text-align:center;font-size:22px;line-height:1.1}.standings-name{font-size:14px;font-weight:500;overflow:hidden}.standings-num{text-align:center;font-size:13px}.mc{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--transition-normal), box-shadow var(--transition-normal), transform var(--transition-normal);box-shadow:var(--shadow-sm);margin-bottom:8px;padding:14px 16px;position:relative;overflow:hidden}.mc:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-1px)}.live-dot{background:var(--live);width:8px;height:8px;box-shadow:0 0 6px var(--live);border-radius:50%;animation:1.5s ease-in-out infinite pulse;display:inline-block}.pb{transition:opacity var(--transition-fast), transform .1s;cursor:pointer;-webkit-tap-highlight-color:transparent}.pb:hover{opacity:.88}.pb:active{transform:scale(.95)}.rh{transition:background var(--transition-fast);cursor:pointer}.rh:hover{background:var(--card-hover)!important}.ni{transition:color var(--transition-fast), transform var(--transition-fast);cursor:pointer}.ni:hover{transform:translate(-3px);color:var(--accent)!important}.si{transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.si:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-dim)!important;outline:none!important}.fu{animation:.45s cubic-bezier(.16,1,.3,1) both fadeUp}.spin{animation:1s linear infinite spin}.score-flash{animation:.4s cubic-bezier(.16,1,.3,1) scoreFlash}.divider{background:var(--border);height:1px}.section-label{font-family:var(--font-body);letter-spacing:2px;color:var(--text-muted);text-transform:uppercase;align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.toast-container{z-index:1000;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:80px;left:50%;transform:translate(-50%)}.toast{background:var(--card);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);white-space:nowrap;align-items:center;gap:12px;padding:12px 20px;font-size:13px;animation:.3s cubic-bezier(.16,1,.3,1) forwards fadeUp;display:flex}.toast-success{border-left:3px solid var(--accent)}.toast-error{border-left:3px solid var(--danger)}.toast-info{border-left:3px solid var(--upcoming)}body.modal-open{touch-action:none;overflow:hidden}.champion-trophy{text-align:center;pointer-events:none;z-index:9999;margin-top:-12.5vh;animation:4s ease-out forwards riseUpAndFade;position:fixed;top:50%;left:0;right:0}.reactions-overlay{z-index:500;pointer-events:none;flex-direction:column-reverse;gap:8px;display:flex;position:fixed;bottom:80px;right:20px}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scoreFlash{0%{transform:scale(1)}30%{color:var(--accent);transform:scale(1.25)}to{transform:scale(1)}}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes reactionFloat{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-80px)scale(1.5)}}@keyframes riseUpAndFade{0%{opacity:0;transform:translateY(50vh)scale(.5)}20%{opacity:1;transform:translateY(10vh)scale(1.2)}50%{opacity:1;transform:translateY(0)scale(1.5)}80%{opacity:1;transform:translateY(-10vh)scale(1.6)}to{opacity:0;transform:translateY(-20vh)scale(2)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scoreCount{0%{transform:scale(1)}40%{color:var(--accent);transform:scale(1.35)}to{transform:scale(1)}}.reaction-float{animation:1.5s ease-out forwards reactionFloat}.page-in{animation:.3s cubic-bezier(.16,1,.3,1) both pageIn}.score-count-pop{animation:.28s cubic-bezier(.16,1,.3,1) scoreCount}@media (width<=600px){.desktop-grid,.playoff-grid{grid-template-columns:1fr!important}.hide-mobile{display:none!important}.standings-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.standings-grid{min-width:440px;grid-template-columns:24px minmax(120px,1fr) 28px 28px 28px 38px 38px 36px 36px 70px!important;padding:8px 10px!important}.standings-rank{font-size:14px!important}.standings-pts{font-size:17px!important}.standings-name,.standings-num{font-size:11px!important}.mc{padding:12px!important}.mc-grid{grid-template-columns:1fr!important;gap:8px!important}.mc-team-right{text-align:left!important;align-items:flex-start!important}.tournament-content{padding:.75rem .75rem 100px!important}.player-grid{grid-template-columns:1fr!important}input,textarea,select{font-size:16px!important}.topbar-btn{min-width:44px!important;min-height:44px!important}}.topbar-mobile-only{display:none!important}.topbar-desktop-only{align-items:center;gap:5px;display:flex!important}@media (width<=540px){.topbar-mobile-only{display:inline!important}.topbar-desktop-only{display:none!important}}@media (hover:none){.mc:hover{box-shadow:var(--shadow-sm)!important;transform:none!important}.t-card:hover{transform:none!important}.pb:hover{opacity:1!important}.ni:hover{color:inherit!important;transform:none!important}.rh:hover{background:0 0!important}}