:root{--bg: #0a0e14;--bg-2: #111823;--fg: #e8eef5;--dim: #7d8fa3;--accent: #c8f542;--accent-dim: #9ec32f;--line: #1e2836}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:radial-gradient(ellipse at 50% -10%,#16202e 0%,var(--bg) 60%);color:var(--fg);font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.app{min-height:100%;display:flex;flex-direction:column;align-items:center;padding:max(12px,env(safe-area-inset-top)) 16px 24px;gap:16px}.pill{align-self:flex-end;font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:4px 10px;border-radius:999px;border:1px solid var(--line);color:var(--dim)}.pill.ok{color:var(--accent-dim);border-color:#2a3a1f}.pill.stale{color:#f5b942;border-color:#4a3a1f}.pill.err{color:#f54242;border-color:#4a1f1f}.timer-box{width:100%;background:linear-gradient(180deg,var(--bg-2),#0d131d);border:1px solid var(--line);border-radius:16px;padding:28px 12px 20px;text-align:center;box-shadow:0 8px 40px #c8f5420f}.timer{font-size:clamp(72px,22vw,160px);font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--accent);text-shadow:0 0 30px rgba(200,245,66,.35);line-height:1}.timer-label{margin-top:10px;font-size:14px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--dim)}.scores{width:100%;display:flex;flex-direction:column;gap:10px}.team{display:flex;align-items:center;gap:14px;background:var(--bg-2);border:1px solid var(--line);border-radius:14px;padding:14px 16px}.team.home{border-left:4px solid var(--accent)}.team.away{border-left:4px solid var(--dim)}.logo{width:44px;height:44px;object-fit:contain;flex-shrink:0}.logo-fallback{display:flex;align-items:center;justify-content:center;background:var(--line);border-radius:10px;font-weight:900;font-size:15px;color:var(--fg)}.team-info{flex:1;min-width:0}.team-name{font-size:17px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-score-detail{font-size:13px;color:var(--dim);font-variant-numeric:tabular-nums}.team-total{font-size:40px;font-weight:900;font-variant-numeric:tabular-nums;color:var(--fg)}.meta{font-size:13px;color:var(--dim);text-align:center}.pager{margin-top:auto;width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px}.pager button,.position .dot{cursor:pointer;-webkit-tap-highlight-color:transparent}.pager>button{background:var(--bg-2);border:1px solid var(--line);color:var(--fg);font-size:14px;font-weight:700;padding:12px 18px;border-radius:12px}.pager>button:active{background:var(--line)}.position{display:flex;gap:8px}.dot{width:12px;height:12px;border-radius:50%;border:none;background:var(--line)}.dot.active{background:var(--accent);transform:scale(1.25)}.dot.st-live{background:#2f4d1d}.dot.st-live.active{background:var(--accent)}.dot.st-recent.active{background:var(--dim)}.state-screen{justify-content:center;gap:10px}.state-big{font-size:clamp(48px,16vw,120px);font-weight:900;color:var(--accent)}.state-sub{color:var(--dim);font-size:15px;text-align:center}.state-detail{color:#5a6a7d;font-size:11px;margin-top:8px;max-width:90%;word-break:break-all}