:root{--radius: 14px;--radius-sm: 10px;--radius-pill: 999px;--text-xs: .8125rem;--text-sm: .9375rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px}:root,[data-theme=dark]{--bg: #0a0f0d;--bg-glow: #11231a;--surface: #101815;--surface-2: #16211c;--line: #213029;--border: var(--line);--text: #e8f0ec;--muted: #9bb0a4;--green: #1db954;--green-deep: #0b6b3a;--accent: #f5c542;--accent-bright: #f5c542;--danger: #e2554f;--orange: #ff6b00;--orange-deep: #d95800;--shadow: 0 8px 30px rgba(0, 0, 0, .35);--shadow-lg: 0 24px 64px rgba(0, 0, 0, .6);--on-cta: #03130a;--input-bg: #0c1411;--elevated: #0c1411;--nav-bg: rgba(12, 18, 15, .92);--scrim: rgba(5, 8, 7, .68);--ball-dark: #0a0f0d}[data-theme=light]{--bg: #f4f7f5;--bg-glow: #dcebe1;--surface: #ffffff;--surface-2: #eef3f0;--line: #d3ded7;--border: var(--line);--text: #0d1714;--muted: #5a6b62;--green: #128a3e;--green-deep: #0b6b3a;--accent: #b8860b;--accent-bright: #f5c542;--danger: #c43a35;--orange: #e85d00;--orange-deep: #c24f00;--shadow: 0 6px 24px rgba(15, 40, 28, .1);--shadow-lg: 0 20px 48px rgba(15, 40, 28, .18);--on-cta: #ffffff;--input-bg: #ffffff;--elevated: #f3f7f4;--nav-bg: rgba(255, 255, 255, .92);--scrim: rgba(15, 30, 24, .45);--ball-dark: #0b6b3a}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin-wght-normal.woff2) format("woff2")}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin-wght-italic.woff2) format("woff2")}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(1200px 600px at 50% -10%,var(--bg-glow) 0%,var(--bg) 60%);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:var(--text-base);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--green);text-decoration:none}h1,h2,h3{letter-spacing:-.02em;line-height:1.15;margin:0 0 .4em}.app{max-width:720px;margin:0 auto;padding:0 16px 96px}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px 0;margin-bottom:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px;flex:0 0 auto;white-space:nowrap}.topbar>.row{flex:0 1 auto;min-width:0}.topbar-name{min-width:0;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 520px){.brand .muted,.brand-name{display:none}.topbar>.row{gap:6px}}.brand .dot{width:26px;height:26px;border-radius:50%;background:conic-gradient(from 45deg,#fff 0 25%,var(--ball-dark) 0 50%,#fff 0 75%,var(--ball-dark) 0);box-shadow:0 0 0 2px var(--green-deep)}.card{background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.card+.card{margin-top:12px}.card--spotlight{border-top:3px solid var(--green)}.countdown{display:flex;flex-direction:column;align-items:center;gap:2px}.countdown-label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.countdown-clock{font-size:20px;font-weight:700;color:var(--text)}.countdown-clock b{color:var(--accent);font-variant-numeric:tabular-nums}.countdown--live{color:var(--green);font-weight:700;text-align:center}.howto{display:grid;gap:10px}.howto-step{display:flex;align-items:flex-start;gap:12px}.howto-num{flex:0 0 auto;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:var(--on-cta);background:linear-gradient(180deg,var(--green),var(--green-deep))}.howto-title{font-weight:600}.invite-banner{border:1px solid var(--green);border-left:4px solid var(--green);background:#1db9541a;border-radius:var(--radius);padding:10px 14px;font-size:14px}.muted{color:var(--muted)}.small{font-size:13px}.row{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:12px}button,.btn{font:inherit;font-weight:600;cursor:pointer;border-radius:10px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);padding:10px 14px;transition:transform .05s ease,background .15s ease,border-color .15s ease}button:hover{border-color:var(--green-deep)}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg,var(--green),var(--green-deep));border:none;color:var(--on-cta)}.btn-ghost{background:transparent}.btn-pill{border-radius:999px;padding:8px 14px}.btn.active{outline:2px solid var(--green);background:#1db9541f}.theme-toggle{font-size:15px;line-height:1;padding:7px 11px}input,select,textarea{font:inherit;width:100%;background:var(--input-bg);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:11px 12px}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid var(--green-deep);border-color:transparent}label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}.match-card{scroll-margin-top:80px}.match-highlight{outline:2px solid var(--green);box-shadow:0 0 0 4px #1db9542e;transition:outline-color .3s,box-shadow .3s}@media (prefers-reduced-motion: reduce){.match-highlight{transition:none}}.match-teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.team{display:flex;align-items:center;gap:8px;min-width:0}.team.away{flex-direction:row-reverse;text-align:right}.team .flag{width:22px;height:22px;border-radius:4px;object-fit:cover;background:var(--line)}.team .name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.score-pill{font-weight:800;background:var(--elevated);border:1px solid var(--line);border-radius:8px;padding:4px 10px;min-width:54px;text-align:center;flex:0 0 auto}.fixture-row{display:flex;align-items:center;gap:8px}.fixture-time{flex:0 0 auto;width:92px}.fixture-team{flex:1 1 0;min-width:0;display:flex;align-items:center;gap:6px}.fixture-team.home{justify-content:flex-end}.fixture-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip{font-size:12px;padding:3px 9px;border-radius:999px;background:var(--elevated);border:1px solid var(--line);color:var(--muted)}.chip.live{color:var(--accent);border-color:var(--accent)}.chip.locked{color:var(--danger);border-color:#e2554f66}.badge-rank{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:var(--surface-2);border:1px solid var(--line)}.badge-rank.r1{background:var(--accent);color:#1a1300}.badge-rank.r2{background:#c8d2cd;color:#10130f}.badge-rank.r3{background:#cd7f48;color:#1a0f06}.bottomnav{position:fixed;left:0;right:0;bottom:0;display:flex;gap:2px;background:var(--nav-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:8px 4px env(safe-area-inset-bottom)}.bottomnav a{color:var(--muted);font-size:11px;flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;border-radius:10px}.bottomnav a.active{color:var(--green)}.bottomnav .ic{font-size:18px}.bottomnav .nav-label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.error{color:var(--danger);font-size:14px}.center{text-align:center}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.spinner{color:var(--muted);padding:40px;text-align:center}.points{color:var(--accent);font-weight:800}.wc-banner{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--line);min-height:132px;background:radial-gradient(420px 170px at 86% 16%,rgba(29,185,84,.18),transparent 70%),linear-gradient(120deg,var(--green-deep),#0a1512 72%)}.wc-banner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(600px 200px at 50% 50%,#0a0f0d59,#0a0f0dbf)}.wc-banner-title{margin:0;color:#fff;font-size:30px;letter-spacing:.5px;text-shadow:0 2px 12px rgba(0,0,0,.6)}.wc-banner-sub{margin:4px 0 0;color:#cfe9d8;font-size:13px}.wc-banner-flags{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;gap:10px;padding:0 10px;opacity:.42;filter:saturate(1.18);animation:wc-marquee 60s linear infinite;width:max-content}.wc-banner-flags img{height:38px;width:auto;border-radius:3px;flex:0 0 auto}.wc-banner-flags img.wc-flag-oranje{height:46px;outline:2px solid var(--accent);box-shadow:0 0 12px #f5c54280}@keyframes wc-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){.wc-banner-flags{animation:none}}.help{position:relative;display:inline-flex}.help-btn{width:22px;height:22px;border-radius:50%;border:1px solid var(--line);background:var(--surface-2);color:var(--muted);font-size:13px;cursor:pointer;line-height:1}.help-btn:hover{color:var(--green);border-color:var(--green-deep)}.help-pop{position:absolute;top:28px;right:0;z-index:50;width:min(300px,80vw);background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:10px 12px;box-shadow:0 10px 30px #00000080;text-align:left}.help-pop-title{display:block;font-weight:700;font-size:13px;margin-bottom:4px}.help-pop-body{display:block;color:var(--muted);font-size:13px;line-height:1.45}.stadium-hero{border-radius:14px;overflow:hidden;border:1px solid var(--line);line-height:0;box-shadow:0 8px 30px #0006}.stadium-hero svg{width:100%;height:auto;display:block;max-height:240px}.scorer-picker{position:relative}.scorer-current{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;background:var(--input-bg);border:1px solid var(--line)}.scorer-caret{color:var(--muted);flex:0 0 auto;font-size:11px}.scorer-list{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:30;max-height:300px;overflow-y:auto;padding:4px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow)}.scorer-option{display:flex;width:100%;align-items:center;text-align:left;background:transparent;border:1px solid transparent;padding:6px 8px;border-radius:8px}.scorer-option:hover{background:var(--elevated);border-color:transparent}.scorer-option--sel{outline:2px solid var(--green)}.scorer-group{padding:8px 8px 2px;font-weight:600}.scorer-row{display:flex;align-items:center;gap:10px;min-width:0}.scorer-meta{display:flex;flex-direction:column;min-width:0;line-height:1.2}.scorer-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-photo{width:34px;height:34px;border-radius:50%;object-fit:cover;flex:0 0 auto;background:var(--surface-2);border:1px solid var(--line)}.player-photo-fallback{display:inline-flex;align-items:center;justify-content:center;font-size:12px;color:var(--muted)}.player-row{padding:3px 4px;border-radius:8px}.player-row:hover{background:var(--surface-2)}.standings-table{width:100%;border-collapse:collapse;font-size:14px;table-layout:fixed}.standings-table th,.standings-table td{padding:5px 4px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.standings-table thead th{color:var(--muted);font-weight:600;border-bottom:1px solid var(--line)}.standings-table tbody tr+tr td{border-top:1px solid var(--line)}.standings-table th:first-child,.standings-table td:first-child{width:24px}.standings-table th:nth-child(2),.standings-table td:nth-child(2){width:auto;text-align:left}.standings-table th:nth-child(n+3),.standings-table td:nth-child(n+3){width:30px}.standings-table td:nth-child(2){white-space:normal;overflow:visible;text-overflow:clip;line-height:1.2}.standings-table td:nth-child(2) .row{min-width:0;align-items:center}.standings-flag{width:20px;height:14px;border-radius:2px;object-fit:cover;background:var(--line);flex:0 0 auto}.public-nav{margin:4px 0}.crowd{display:flex;flex-direction:column;gap:4px}.crowd-bar{display:flex;height:8px;border-radius:var(--radius-pill);overflow:hidden;background:var(--elevated)}.crowd-seg{height:100%;transition:width .3s ease}.crowd-seg--home{background:var(--green)}.crowd-seg--draw{background:var(--accent)}.crowd-seg--away{background:#2f6fe0}.crowd-seg--lead{filter:saturate(1.15) brightness(1.05)}.crowd-legend{display:flex;justify-content:space-between;gap:8px}.odds-row{display:flex;align-items:center;gap:8px}.odds-name{flex:0 0 38%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.odds-track{flex:1;height:8px;border-radius:var(--radius-pill);background:var(--elevated);overflow:hidden}.odds-fill{height:100%;background:linear-gradient(90deg,var(--green),var(--green-deep));border-radius:var(--radius-pill)}.install-banner{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;align-items:center;gap:10px;max-width:720px;margin:0 auto;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:var(--surface-2);border-top:1px solid var(--border);box-shadow:0 -6px 24px #0000002e}.install-banner--above-nav{bottom:58px;padding-bottom:10px;border-radius:var(--radius) var(--radius) 0 0}.install-icon{font-size:22px}.install-text{flex:1;min-width:0;display:flex;flex-direction:column}.install-close{font-size:22px;line-height:1;padding:2px 8px}.fantasy-avatar{width:30px;height:30px;border-radius:50%;object-fit:cover;flex:0 0 auto;background:var(--surface-2);border:1px solid var(--line)}.fantasy-avatar.placeholder{display:inline-flex;align-items:center;justify-content:center;font-size:15px}.player-flag{width:20px;height:14px;border-radius:2px;object-fit:cover;flex:0 0 auto;background:var(--line);vertical-align:middle}.player-photo-hover{position:relative;display:inline-flex;flex:0 0 auto}.player-photo-zoom{position:absolute;bottom:120%;left:50%;transform:translate(-50%) scale(.9);width:132px;height:132px;border-radius:12px;object-fit:cover;opacity:0;pointer-events:none;transition:opacity .12s ease,transform .12s ease;border:1px solid var(--line);box-shadow:0 10px 28px #0000008c;z-index:60}.player-photo-hover:hover .player-photo-zoom{opacity:1;transform:translate(-50%) scale(1)}@media (hover: none){.player-photo-zoom{display:none}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px;background:var(--scrim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-card{position:relative;width:100%;max-width:540px;max-height:86vh;overflow:auto;background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow-lg)}.modal-close{position:absolute;top:10px;right:12px;background:none;border:none;color:var(--muted);font-size:24px;line-height:1;cursor:pointer;padding:2px 6px}.modal-close:hover{color:var(--text)}.player-photo-lg{width:76px;height:76px;font-size:26px}.stats-table{width:100%;border-collapse:collapse;font-size:12.5px}.stats-table th,.stats-table td{padding:5px 6px;text-align:left;border-bottom:1px solid var(--line)}.stats-table th{color:var(--muted);font-weight:600;white-space:nowrap}.stats-table td:nth-child(n+4),.stats-table th:nth-child(n+4){text-align:center}.notif-bell{display:inline-flex;align-items:center}.notif-badge{position:absolute;top:-6px;right:-9px;background:var(--danger);color:#fff;font-size:10px;font-weight:700;line-height:1;min-width:16px;height:16px;padding:0 4px;border-radius:8px;display:flex;align-items:center;justify-content:center}.notif-item{width:100%;border:1px solid var(--border, #2a2a35);background:var(--card, inherit);position:relative}.notif-open{display:flex;flex-direction:column;gap:4px;width:100%;background:none;border:none;padding:0 28px 0 0;margin:0;text-align:left;cursor:pointer;color:inherit;font:inherit}.notif-del{position:absolute;top:10px;right:10px;background:none;border:none;color:var(--muted);cursor:pointer;font-size:14px;line-height:1;padding:4px 6px;border-radius:6px}.notif-del:hover{color:var(--danger);background:var(--elevated)}