:root{color:#17202a;background:#f5f7f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{font:inherit}.app{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:32px 0}.topbar{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.eyebrow{margin:0 0 4px;color:#5b6f79;font-size:.82rem;font-weight:700;text-transform:uppercase}h1,h2,p{margin:0}h1{font-size:clamp(2rem,3vw,3.2rem);line-height:1}h2{font-size:1.15rem}.tabs{display:grid;grid-template-columns:repeat(3,minmax(100px,1fr));gap:4px;padding:4px;background:#dce5e6;border:1px solid #c9d5d8;border-radius:8px}.tabs button{min-height:40px;border:0;border-radius:6px;color:#37515a;background:transparent;cursor:pointer}.tabs button.active{color:#102027;background:#fff;box-shadow:0 1px 2px #1020271f}.stack{display:grid;gap:16px}.panel{background:#fff;border:1px solid #dbe3e5;border-radius:8px;box-shadow:0 12px 32px #1b2b3314}.panelHeader{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid #edf1f2}.panelHeader p{margin-top:4px;color:#5b6f79;font-size:.92rem}.badge{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;color:#2d3f46;background:#eef3f3;font-size:.78rem;font-weight:800;text-transform:uppercase}.badge.open{color:#0f5132;background:#d9f2e5}.badge.locked{color:#842029;background:#f7d7da}.fixtureList,.leaderboard{display:grid}.fixtureRow,.leaderboardRow{display:grid;align-items:center;min-height:64px;padding:12px 20px;border-top:1px solid #f0f3f4}.fixtureRow:first-child,.leaderboardRow:first-child{border-top:0}.fixtureRow{grid-template-columns:88px minmax(240px,1fr) minmax(300px,auto);gap:16px}time{color:#5b6f79;font-variant-numeric:tabular-nums}.teams{display:grid;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);align-items:center;gap:12px}.teams span{overflow-wrap:anywhere}.teams span:last-child{text-align:right}.teams strong{color:#7a8b92;font-size:.75rem;text-align:center;text-transform:uppercase}.score{min-width:80px;color:#243940;font-weight:800;text-align:left;text-transform:capitalize}.resultEditor{display:grid;grid-template-columns:minmax(72px,auto) repeat(2,68px) 76px;align-items:end;gap:8px;justify-content:end}.resultEditor label{display:grid;gap:4px}.resultEditor label span{overflow:hidden;color:#60747c;font-size:.7rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.resultEditor input{width:68px;min-height:38px;border:1px solid #cbd8db;border-radius:6px;color:#17202a;background:#fff;font:inherit;font-weight:800;text-align:center}.saveButton{min-height:38px;border:0;border-radius:6px;color:#fff;background:#1f6f78;cursor:pointer;font-weight:800}.saveButton:disabled{cursor:wait;opacity:.65}.actionButton{min-height:40px;padding:0 14px;border:0;border-radius:6px;color:#fff;background:#1f6f78;cursor:pointer;font-weight:800;white-space:nowrap}.actionButton:disabled{cursor:wait;opacity:.65}.notice{padding:12px 20px;color:#0f5132;background:#d9f2e5;border-bottom:1px solid #bce3cf;font-weight:700}.leaderboardRow{grid-template-columns:52px 1fr auto auto;gap:16px}.leaderboardRow small{color:#5b6f79}.bonusBody{display:grid;gap:22px;padding:20px}.bonusGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.bonusGrid label,.playerPicker label{display:grid;gap:5px}.bonusGrid label span,.playerPicker label span{color:#536970;font-size:.78rem;font-weight:750}.bonusGrid input,.playerPicker input,.playerPicker select,.pointsInput input{width:100%;min-height:40px;padding:0 10px;border:1px solid #cbd8db;border-radius:6px;color:#17202a;background:#fff;font:inherit}.pointsInput{display:grid;max-width:240px;gap:5px}.pointsInput span{color:#536970;font-size:.78rem;font-weight:750}.playerPicker{display:grid;grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr);align-items:end;gap:12px}.or{padding-bottom:10px;color:#7a8b92;font-size:.8rem;font-weight:800;text-transform:uppercase}.savedPrediction{display:grid;grid-template-columns:1fr auto 48px;gap:16px;align-items:center;min-height:56px;padding:10px 20px;border:0;border-top:1px solid #f0f3f4;color:inherit;background:#fff;cursor:pointer;text-align:left}.savedPrediction:first-child{border-top:0}.savedPrediction:hover{background:#f7fafb}.savedPrediction span:last-child{color:#1f6f78;font-weight:800}.errorNotice{color:#842029;background:#f7d7da;border-color:#efb9be}.rank{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;color:#fff;background:#1f6f78;font-weight:800}.state{padding:24px;color:#5b6f79}.error{color:#b42318}@media(max-width:720px){.app{width:min(100% - 20px,1120px);padding:20px 0}.topbar,.panelHeader{align-items:stretch;flex-direction:column}.fixtureRow{grid-template-columns:1fr;gap:8px}.teams{grid-template-columns:1fr;gap:4px}.teams span:last-child,.score{text-align:left}.teams strong{text-align:left}.resultEditor{grid-template-columns:repeat(2,68px) minmax(76px,1fr);justify-content:start}.resultEditor .score{grid-column:1 / -1}.bonusGrid,.playerPicker{grid-template-columns:1fr}.or{padding:0}.leaderboardRow{grid-template-columns:44px 1fr auto}.leaderboardRow small{grid-column:2 / -1}}