:root{--surface:#fff;--page:#f7f7f5;--border:#0000001f;--border-strong:#00000038;--text:#1a1a1a;--text-muted:#6b6b66;--text-faint:#9a9a93;--accent-fill:#e1f5ee;--accent-line:#1d9e75;--accent-text:#0f6e56;--team-a-fill:#b5d4f4;--team-a-text:#0c447c;--team-b-fill:#f5c4b3;--team-b-text:#712b13;--team-c-fill:#fac775;--team-c-text:#633806;--team-d-fill:#cecbf6;--team-d-text:#3c3489;--team-x-fill:#d3d1c7;--team-x-text:#2c2c2a;--status-planned-fill:#e1f5ee;--status-planned-text:#0f6e56;--status-done-fill:#ecebe6;--status-done-text:#6b6b66;--status-live-fill:#eaf3de;--status-live-text:#3b6d11;--surface-soft:#fafaf9;--stat-up:#1d9e75;--stat-down:#b23a48;--stat-draw:#9a9a93;--award-gold-fill:#faeeda;--award-gold-text:#854f0b;--radius:8px;--radius-lg:12px;color:var(--text);background:var(--page);-webkit-font-smoothing:antialiased;font-family:system-ui,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}*{box-sizing:border-box}body{margin:0}h1{color:var(--text);margin:0;font-size:18px;font-weight:500}h2{color:var(--text);margin:0;font-size:16px;font-weight:500}h3{color:var(--text-muted);margin:16px 0 6px;font-size:14px;font-weight:500}p{margin:0}.screen{background:var(--surface);max-width:480px;min-height:100dvh;padding:12px 14px;padding-bottom:calc(56px + env(safe-area-inset-bottom) + 12px);margin:0 auto}.screen-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.row{border-bottom:.5px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:12px 0;display:flex}.row-button{text-align:left;border:none;border-bottom:.5px solid var(--border);cursor:pointer;background:0 0;border-radius:0;width:100%;min-height:0;padding:12px 0}.row-title{font-size:15px;font-weight:500}.muted{color:var(--text-muted);font-size:12px}.skeleton{border-radius:var(--radius);background:var(--page);height:44px;margin-bottom:8px;animation:1.2s ease-in-out infinite skeleton-pulse}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.45}}.pill{border-radius:var(--radius);padding:2px 8px;font-size:12px;display:inline-block}.pill-planned{background:var(--status-planned-fill);color:var(--status-planned-text)}.pill-done{background:var(--status-done-fill);color:var(--status-done-text)}.pill-live{background:var(--status-live-fill);color:var(--status-live-text)}.chip{border-radius:var(--radius);padding:3px 12px;font-size:13px;font-weight:500;display:inline-block}.team-a{background:var(--team-a-fill);color:var(--team-a-text)}.team-b{background:var(--team-b-fill);color:var(--team-b-text)}.team-c{background:var(--team-c-fill);color:var(--team-c-text)}.team-d{background:var(--team-d-fill);color:var(--team-d-text)}.team-x{background:var(--team-x-fill);color:var(--team-x-text)}.dot{border-radius:50%;width:9px;height:9px;display:inline-block}button,.btn{font:inherit;cursor:pointer;background:var(--surface);color:var(--text);border:.5px solid var(--border-strong);border-radius:var(--radius);min-height:40px;padding:8px 14px;font-size:14px}button:active,.btn:active{transform:scale(.98)}.btn-accent{color:var(--accent-text);border-color:var(--accent-line)}.btn-sm{min-height:0;padding:4px 10px;font-size:13px}input,select{font:inherit;color:var(--text);background:var(--surface);border:.5px solid var(--border-strong);border-radius:var(--radius);min-height:40px;padding:8px 10px;font-size:14px}label{color:var(--text-muted);margin-bottom:12px;font-size:13px;display:block}label input,label select{width:100%;margin-top:4px;display:block}form button[type=submit]{margin-top:4px}.tabbar{background:var(--surface);border-top:.5px solid var(--border);width:100%;max-width:480px;padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tab{color:var(--text-faint);background:0 0;border:none;border-radius:0;flex:1;min-height:0;padding:12px;font-size:13px}.tab.active{color:var(--accent-text);box-shadow:inset 0 2px 0 var(--accent-line);font-weight:500}.hero{border:.5px solid var(--border);border-radius:var(--radius-lg);margin-bottom:16px;padding:16px}.btn-block{justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.num{font-variant-numeric:tabular-nums}