:root{--bg:#0a0e1a;--bg-elev:#111827;--bg-elev-2:#182033;--border:#243049;--border-bright:#33415e;--text:#e8edf7;--text-dim:#97a3bd;--text-faint:#66738f;--accent:#f79f1a;--accent-dim:#b8760f;--blue:#2f7fe8;--green:#24c07a;--red:#e8523f;--purple:#8b5cf6;--radius:10px;--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}body{background:radial-gradient(1200px 600px at 50% -10%, #16203a 0%, transparent 70%), var(--bg);color:var(--text);font-family:var(--font);min-height:100vh;margin:0;font-size:15px;line-height:1.5}a{color:inherit;text-decoration:none}.shell{max-width:1000px;margin:0 auto;padding:0 18px 80px}.nav{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#0a0e1ad1;margin-bottom:26px;position:sticky;top:0}.nav-inner{flex-wrap:wrap;align-items:center;gap:6px;max-width:1000px;margin:0 auto;padding:12px 18px;display:flex}.brand{letter-spacing:-.3px;align-items:center;gap:8px;margin-right:12px;font-size:17px;font-weight:800;display:flex}.brand-mark{background:linear-gradient(135deg, var(--accent), #e8523f);border-radius:7px;place-items:center;width:26px;height:26px;font-size:14px;display:grid}.nav a.link{color:var(--text-dim);border-radius:8px;padding:7px 12px;font-size:14px;font-weight:600;transition:all .15s}.nav a.link:hover{background:var(--bg-elev-2);color:var(--text)}.nav a.link.active{background:var(--bg-elev-2);color:var(--accent)}.nav-spacer{flex:1}.nav-user{color:var(--text-faint);align-items:center;gap:10px;font-size:13px;display:flex}h1{letter-spacing:-.5px;margin:0 0 4px;font-size:26px;font-weight:800}h2{letter-spacing:-.2px;margin:30px 0 12px;font-size:17px;font-weight:700}.sub{color:var(--text-dim);margin:0 0 22px;font-size:14px}.eyebrow{text-transform:uppercase;letter-spacing:.9px;color:var(--text-faint);font-size:11px;font-weight:700}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.card+.card{margin-top:10px}.match{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:10px;padding:14px 16px}.match.locked{opacity:.72}.match-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;font-size:12px;display:flex}.match-round{color:var(--text-faint);font-weight:600}.match-time{color:var(--text-dim)}.teams{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.team{align-items:center;gap:9px;min-width:0;display:flex}.team.right{text-align:right;flex-direction:row-reverse}.team-logo{background:var(--bg-elev-2);border:1px solid var(--border-bright);width:34px;height:34px;color:var(--text-dim);letter-spacing:-.3px;border-radius:8px;flex-shrink:0;place-items:center;font-size:11px;font-weight:800;display:grid}.team-name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.team-region{color:var(--text-faint);font-size:11px}.vs{color:var(--text-faint);font-size:12px;font-weight:700}.pick{justify-content:center;align-items:center;gap:8px;margin-top:14px;display:flex}.pick-btn{background:var(--bg-elev-2);border:1px solid var(--border-bright);color:var(--text);cursor:pointer;font-size:14px;font-weight:700;font-family:var(--font);border-radius:8px;padding:7px 13px;transition:all .12s}.pick-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.pick-btn.selected{background:var(--accent);border-color:var(--accent);color:#1a1204}.pick-btn:disabled{cursor:not-allowed;opacity:.55}.result-badge{letter-spacing:-.5px;align-items:center;gap:6px;font-size:18px;font-weight:800;display:inline-flex}.score-final{font-size:20px;font-weight:800}.score-final .win{color:var(--green)}.score-final .lose{color:var(--text-faint)}.badge{letter-spacing:.2px;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-block}.badge.live{color:#ff7c6b;background:#e8523f29}.badge.done{color:var(--green);background:#24c07a24}.badge.soon{color:#6fa9f2;background:#2f7fe824}.badge.mult{color:#b39bf8;background:#8b5cf629}.badge.pts{color:var(--accent);background:#f79f1a26}.badge.zero{background:var(--bg-elev-2);color:var(--text-faint)}label{color:var(--text-dim);margin-bottom:6px;font-size:13px;font-weight:600;display:block}input,select{background:var(--bg);border:1px solid var(--border-bright);width:100%;color:var(--text);font-size:15px;font-family:var(--font);border-radius:8px;padding:10px 12px}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:#0000}.field{margin-bottom:14px}.btn{background:var(--accent);color:#1a1204;cursor:pointer;font-size:15px;font-weight:700;font-family:var(--font);border:none;border-radius:8px;padding:10px 18px;transition:all .12s}.btn:hover{background:#ffb13d}.btn.ghost{border:1px solid var(--border-bright);color:var(--text);background:0 0}.btn.ghost:hover{background:var(--bg-elev-2)}.btn.sm{padding:6px 12px;font-size:13px}.btn.danger{color:#ff7c6b;background:0 0;border:1px solid #e8523f66}.error{color:#ff9a8c;background:#e8523f1f;border:1px solid #e8523f4d;border-radius:8px;margin-bottom:14px;padding:10px 13px;font-size:14px}.notice{color:#8fbcf5;background:#2f7fe81a;border:1px solid #2f7fe847;border-radius:8px;margin-bottom:14px;padding:10px 13px;font-size:14px}table{border-collapse:collapse;width:100%}th{text-align:left;text-transform:uppercase;letter-spacing:.7px;color:var(--text-faint);border-bottom:1px solid var(--border);padding:0 10px 10px;font-size:11px;font-weight:700}td{border-bottom:1px solid var(--border);padding:11px 10px;font-size:14px}tr:last-child td{border-bottom:none}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.rank{color:var(--text-faint);width:40px;font-weight:800}.rank.r1{color:#ffd045}.rank.r2{color:#d6dceb}.rank.r3{color:#d89a5c}.me-row{background:#f79f1a12}.empty{text-align:center;color:var(--text-faint);padding:40px 20px;font-size:14px}.code-pill{letter-spacing:3px;background:var(--bg);color:var(--accent);border:1px dashed var(--border-bright);border-radius:8px;padding:8px 14px;font-family:ui-monospace,monospace;font-size:16px;font-weight:700;display:inline-block}.grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.stat{flex:1;min-width:110px}.stat-val{letter-spacing:-.6px;font-size:24px;font-weight:800}.stat-lbl{color:var(--text-faint);font-size:12px}@media (max-width:620px){.teams{grid-template-columns:1fr auto 1fr;gap:8px}.team-name{font-size:13px}.team-logo{width:30px;height:30px}.grid-2{grid-template-columns:1fr}h1{font-size:22px}}label.check{cursor:pointer;color:var(--text);align-items:flex-start;gap:10px;margin:0;font-weight:600;display:flex}label.check input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer;flex:none;margin-top:1px}label.check em{color:var(--text-faint);margin-top:3px;font-size:12px;font-style:normal;font-weight:400;display:block}