:root{--bg-0: #f4f8fc;--bg-1: #ffffff;--bg-2: #eef3f9;--line: rgba(44, 55, 87, .1);--text: #1a2233;--text-dim: #5b6b7a;--text-faint: #9aa6b2;--green: #2fa45c;--green-glow: #41c371;--live: #e5484d;--gold: #e0a531;--pitch: #ecf9f1;--blue: #6883cf;--navy: #2c3757;--card-shadow: 0 1px 2px rgba(44, 55, 87, .04), 0 10px 30px rgba(44, 55, 87, .06);--radius: 14px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:radial-gradient(ellipse 900px 640px at 15% -10%,rgba(65,195,113,.12),transparent 60%),radial-gradient(ellipse 900px 640px at 92% 110%,rgba(104,131,207,.1),transparent 60%),var(--bg-0);color:var(--text);font-family:DM Sans,system-ui,-apple-system,sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,select{font-family:inherit}.shell{max-width:1080px;margin:0 auto;padding:0 20px 80px}.topbar{position:sticky;top:0;z-index:40;background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.topbar-inner{max-width:1080px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;gap:22px}.brand{font-weight:800;font-size:18px;letter-spacing:-.02em;display:flex;align-items:center;gap:8px}.brand .ball{font-size:20px}.brand .accent{color:var(--green)}.brand-logo{height:64px;width:auto;display:block}.brand-logo.lg{height:104px}.brand-x{color:var(--text-faint);font-weight:600;font-size:16px}.auth-brand{margin-bottom:10px;font-size:20px}.site-footer{max-width:1080px;margin:0 auto;padding:28px 20px 40px;display:flex;align-items:center;gap:12px;color:var(--text-dim);font-size:14px;border-top:1px solid var(--line)}.footer-logo{height:56px;width:auto;opacity:.9}.site-footer strong{color:var(--text)}.nav{display:flex;gap:4px;flex:1}.nav a{padding:8px 14px;border-radius:9px;font-weight:600;font-size:14px;color:var(--text-dim);transition:.15s}.nav a:hover{background:var(--bg-2);color:var(--text)}.nav a.active{background:var(--pitch);color:var(--green)}.userchip{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600}.userchip .avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--green),var(--blue));color:#fff;display:grid;place-items:center;font-size:13px;font-weight:700}.page-head{padding:30px 0 18px}.page-head h1{font-size:30px;letter-spacing:-.03em;font-weight:800}.page-head p{color:var(--text-dim);margin-top:6px;max-width:640px}.card{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--card-shadow)}.grid{display:grid;gap:16px}.grid.cols-2{grid-template-columns:repeat(auto-fill,minmax(330px,1fr))}.match-card{padding:16px 18px}.match-card .meta{display:flex;justify-content:space-between;font-size:12px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;font-weight:700;margin-bottom:12px}.tag{background:var(--bg-2);color:var(--text-dim);padding:3px 9px;border-radius:999px;font-weight:700}.tag.live{background:#e5484d1f;color:var(--live)}.tag.locked{background:#2c375714}.tag.done{background:var(--pitch);color:var(--green)}.teamrow{display:flex;align-items:center;gap:10px;font-weight:700;padding:5px 0}.teamrow .flag{font-size:22px}.teamrow .nm{flex:1}.scorebox{width:46px;height:40px;text-align:center;font-size:18px;font-weight:800;border:1.5px solid var(--line);border-radius:9px;background:var(--bg-1);color:var(--text)}.scorebox:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px #2fa45c26}.scorebox:disabled{background:var(--bg-2);color:var(--text-dim)}.finalscore{width:46px;text-align:center;font-size:20px;font-weight:800}.btn{border:none;background:var(--green);color:#fff;font-weight:700;padding:10px 18px;border-radius:10px;font-size:14px;transition:.15s}.btn:hover{background:var(--green-glow)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.ghost{background:var(--bg-2);color:var(--text)}.btn.ghost:hover{background:var(--line)}.btn.sm{padding:7px 13px;font-size:13px}.btn.block{width:100%}.linkbtn{background:none;border:none;color:var(--green);font-weight:700;font-size:13px;padding:0}.savedflash{color:var(--green);font-weight:700;font-size:13px}select.pick{width:100%;padding:9px 11px;border:1.5px solid var(--line);border-radius:9px;background:var(--bg-1);font-weight:600;font-size:14px;color:var(--text)}select.pick:disabled{background:var(--bg-2);color:var(--text-dim)}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.auth-card{width:100%;max-width:400px;padding:34px 30px}.auth-card h1{font-size:26px;letter-spacing:-.03em}.auth-card .sub{color:var(--text-dim);margin:6px 0 22px}.field{margin-bottom:14px}.field label{display:block;font-size:13px;font-weight:700;margin-bottom:6px;color:var(--text-dim)}.field input{width:100%;padding:11px 13px;border:1.5px solid var(--line);border-radius:10px;font-size:15px;background:var(--bg-1);color:var(--text)}.field input:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px #2fa45c26}.err{background:#e5484d1a;color:var(--live);padding:10px 13px;border-radius:9px;font-size:13px;font-weight:600;margin-bottom:14px}.muted{color:var(--text-dim);font-size:14px}.center{text-align:center}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint);padding:12px 14px;border-bottom:1px solid var(--line)}.table td{padding:12px 14px;border-bottom:1px solid var(--line);font-weight:600}.table tr:last-child td{border-bottom:none}.table .rankcell{font-weight:800;width:40px}.rank-1{color:var(--gold)}.pts{font-weight:800;color:var(--green)}.section-title{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);font-weight:800;margin:26px 0 12px}.row-between{display:flex;justify-content:space-between;align-items:center;gap:12px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.chip{padding:7px 14px;border-radius:999px;border:1.5px solid var(--line);background:var(--bg-1);font-weight:700;font-size:13px;color:var(--text-dim)}.chip.active{background:var(--green);border-color:var(--green);color:#fff}.spinner{padding:60px;text-align:center;color:var(--text-dim)}.pos-badge{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px;background:var(--bg-2);font-size:12px;font-weight:800;color:var(--text-dim)}.pos-1{background:var(--pitch);color:var(--green)}.pillbar{display:inline-flex;gap:6px;font-size:12px;color:var(--text-faint);font-weight:700}details.others{margin-top:12px;border-top:1px dashed var(--line);padding-top:10px}details.others summary{cursor:pointer;font-size:13px;font-weight:700;color:var(--green)}.predline{display:flex;justify-content:space-between;font-size:13px;padding:5px 0;font-weight:600}.predline .who{color:var(--text-dim)}.statgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin:18px 0}.stat{padding:16px 18px}.stat .v{font-size:28px;font-weight:800;letter-spacing:-.02em}.stat .v.green{color:var(--green)}.stat .k{font-size:12px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;font-weight:700;margin-top:4px}