:root{--bg:#060e1a;--ink:#f3f8ff;--muted:#9fb1c6;--accent:#5cc8ff;--accent-ink:#04101d;--green:#6ff09a;--amber:#ffd36e;--red:#ff8a8a;--card:#ffffff0f;--card-border:#ffffff1f;color:var(--ink);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(1200px 600px at 80% -10%, #5cc8ff2e, transparent 60%), radial-gradient(900px 500px at 0% 0%, #6ff09a1a, transparent 55%), var(--bg);min-height:100vh;margin:0}button,input{font:inherit}h1,h2,h3,p{margin-top:0}.muted{color:var(--muted)}.small{font-size:12px}.num{text-align:right;font-variant-numeric:tabular-nums}.card{background:var(--card);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:18px;box-shadow:0 18px 50px #0000004d}.pad{padding:22px}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:800}label{color:var(--muted);font-size:14px;font-weight:700}input{color:#fff;background:#00000047;border:1px solid #ffffff29;border-radius:12px;outline:none;width:100%;padding:12px 14px}input:focus{border-color:var(--accent)}button{color:var(--accent-ink);background:var(--accent);cursor:pointer;border:0;border-radius:12px;padding:11px 16px;font-weight:800;transition:transform 60ms,filter .15s}button:hover{filter:brightness(1.07)}button:active{transform:translateY(1px)}button:disabled{opacity:.4;cursor:not-allowed}button.ghost{color:var(--ink);background:#ffffff14}.error{color:var(--amber)}.error.banner{background:#ff8a8a1f;border:1px solid #ff8a8a4d;border-radius:12px;padding:10px 14px}.message{color:var(--green);font-weight:700}.brand-badge{background:linear-gradient(135deg, var(--accent), #2f7dff);border-radius:16px;place-items:center;width:54px;height:54px;font-size:28px;display:grid;box-shadow:0 8px 24px #5cc8ff59}.brand-badge.sm{border-radius:12px;width:38px;height:38px;font-size:20px}.auth-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{gap:12px;width:min(420px,100%);padding:30px;display:grid}.auth-card h1{margin:4px 0 0}.app-shell{max-width:1180px;margin:0 auto;padding:18px}.topbar{z-index:20;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:12px 16px;display:flex;position:sticky;top:10px}.brand{align-items:center;gap:12px;display:flex}.brand-name{font-size:18px}.topnav{background:#00000040;border-radius:14px;gap:8px;padding:5px;display:flex}.navbtn{color:var(--muted);background:0 0;padding:9px 18px}.navbtn.active{background:var(--accent);color:var(--accent-ink)}.user-box{align-items:center;gap:10px;display:flex}.me{align-items:center;gap:8px;font-weight:700;display:flex}.synced{margin:0 4px 14px}.content{display:block}.avatar{color:#06121f;background:linear-gradient(135deg,#cfe9ff,#8fbdff);border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:13px;font-weight:800;display:inline-grid}.avatar-you{background:linear-gradient(135deg, var(--green), #3fd277)}.day-section{margin-bottom:22px}.day-heading{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--card-border);margin-bottom:14px;padding-bottom:8px;font-size:14px}.day-section.pinned{border:1px solid var(--card-border);background:#ffffff08;border-radius:16px;padding:14px 14px 4px}.live-heading{color:#ff5d5d;border-color:#ff5d5d4d;align-items:center;gap:8px;display:flex}.live-dot{background:#ff5d5d;border-radius:50%;width:10px;height:10px;animation:1.4s infinite pulse}.results-strip{grid-template-columns:1fr 1fr;align-items:start;gap:14px;display:grid}.results-strip .day-section{margin-bottom:22px}@media (width<=900px){.results-strip{grid-template-columns:1fr}}.day-section.pinned.is-collapsed{padding:0}.day-section.pinned.is-collapsed .collapse-head{border-bottom:0;margin-bottom:0}.collapse-head{width:100%;color:var(--muted);cursor:pointer;background:0 0;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.collapse-head:hover{filter:none;background:#ffffff0a}.ch-title{align-items:center;gap:8px;font-weight:800;display:flex}.ch-right{align-items:center;gap:10px;display:flex}.ch-count{background:#ffffff1a;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:800}.chevron{font-size:12px;transition:transform .15s;display:inline-block}.chevron.down{transform:rotate(90deg)}.section-body{margin-top:6px}.collapse-head.live-heading{color:#ff5d5d}.filters{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.filters button{color:var(--ink);background:#ffffff12;padding:8px 14px}.filters button.active{background:var(--accent);color:var(--accent-ink)}.matches-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;display:grid}.match-card{flex-direction:column;gap:4px;padding:16px;display:flex}.match-card.is-final{border-color:#5cc8ff4d}.match-top{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.pill{color:#dff2ff;background:#5cc8ff26;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:800}.open{color:var(--green);font-weight:800}.closed{color:var(--red);font-weight:800}.final{color:var(--accent);font-weight:800}.live{color:#ff5d5d;font-weight:900;animation:1.4s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.teams{justify-content:space-between;align-items:center;gap:8px;margin:4px 0;display:flex}.team{flex:1;align-items:center;gap:8px;min-width:0;font-weight:700;display:flex}.team span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.team.away{text-align:right;justify-content:flex-end}.vs{color:var(--muted);white-space:nowrap;font-size:14px;font-weight:800}.flag{object-fit:cover;border-radius:3px;flex-shrink:0;box-shadow:0 1px 4px #0006}.flag-md{width:28px;height:20px}.flag-sm{width:20px;height:14px}.flag-fallback{color:#dff2ff;background:#ffffff1f;place-items:center;font-size:9px;font-weight:800;display:inline-grid}.tz{opacity:.7;font-size:11px}.prediction-row{grid-template-columns:60px 12px 60px 1fr;align-items:center;gap:8px;margin:10px 0 6px;display:grid}.prediction-row span{text-align:center;font-weight:900}.your-pick{margin:8px 0 4px}.picks-toggle{color:var(--accent);background:#ffffff0f;width:100%;margin-top:8px;padding:8px;font-size:13px}.picks{gap:4px;margin-top:8px;display:grid}.pick-row{background:#ffffff0a;border-radius:10px;grid-template-columns:28px 1fr auto auto;align-items:center;gap:8px;padding:6px 8px;display:grid}.pick-row.pick-you{background:#6ff09a1a}.pick-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.pick-score{font-variant-numeric:tabular-nums;font-weight:800}.pick-pts{font-variant-numeric:tabular-nums;text-align:right;min-width:26px;font-weight:900}.pts-exact{color:var(--green)}.pts-result{color:var(--amber)}.pts-miss{color:var(--red)}.form-dots{gap:4px;display:inline-flex}.dot{background:#fff3;border-radius:50%;width:9px;height:9px;display:inline-block}.dot.pts-exact{background:var(--green)}.dot.pts-result{background:var(--amber)}.dot.pts-miss{background:var(--red)}.lb-table{gap:6px;margin-top:14px;display:grid}.lb-head,.lb-row{grid-template-columns:44px 1fr 56px 64px 64px 56px 80px;align-items:center;gap:8px;padding:10px 12px;display:grid}.lb-head{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px}.lb-row{color:var(--ink);text-align:left;cursor:pointer;background:#ffffff0d;border:1px solid #0000;border-radius:12px}.lb-row:hover{border-color:var(--accent);background:#5cc8ff14}.lb-row.lb-you{background:#6ff09a1a}.lb-rank{font-size:18px;font-weight:900}.lb-name{align-items:center;gap:8px;font-weight:700;display:flex;overflow:hidden}.lb-pts{color:var(--accent);font-size:17px;font-weight:900}.back{margin-bottom:14px}.player-head{align-items:center;gap:14px;margin-bottom:16px;display:flex}.player-head .avatar{width:48px;height:48px;font-size:20px}.player-head h2{margin:0}.breakdown{gap:6px;display:grid}.bd-row{background:#ffffff0d;border-radius:10px;grid-template-columns:70px 1fr auto auto 40px;align-items:center;gap:10px;padding:9px 12px;display:grid}.bd-pill{color:#dff2ff;text-align:center;background:#5cc8ff26;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:800}.bd-match{white-space:nowrap;align-items:center;gap:6px;font-weight:600;display:flex;overflow:hidden}.bd-pred{font-variant-numeric:tabular-nums;font-weight:700}.bd-actual{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}@media (width<=760px){.topbar{flex-wrap:wrap;gap:10px;position:static}.topnav{order:3;justify-content:center;width:100%}.hide-sm{display:none!important}.lb-head,.lb-row{grid-template-columns:38px 1fr 50px}.bd-row{grid-template-columns:56px 1fr auto 36px}.bd-actual{display:none}}