:root{--surface:#262c46;--page:#1b2138;--border:#ffffff1f;--border-strong:#ffffff38;--text:#fff;--text-muted:#fff9;--text-faint:#ffffff73;--accent-fill:#e2231a;--accent-line:#e2231a;--accent-text:#ff9a90;--on-primary:#fff;--team-a-fill:#2f6fe0;--team-a-text:#fff;--team-b-fill:#ec6a3c;--team-b-text:#fff;--team-c-fill:#e0a030;--team-c-text:#3a2904;--team-d-fill:#6a5ae0;--team-d-text:#fff;--team-x-fill:#d3d1c7;--team-x-text:#2c2c2a;--team-a-score:#6fb0ff;--team-b-score:#ff9e78;--team-c-score:#f4c04a;--team-d-score:#a89bff;--status-planned-fill:#ffffff1a;--status-planned-text:#ffffffb3;--status-done-fill:#ffffff14;--status-done-text:#ffffff8c;--status-live-fill:#e2231a33;--status-live-text:#ff9a90;--surface-soft:#1e2540;--stat-up:#5bd6a8;--stat-down:#ff8079;--stat-draw:#ffffff80;--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:Pretendard,system-ui,-apple-system,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(--page);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(--surface);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:9999px;padding:2px 9px;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:9999px;padding:3px 10px;font-size:12px;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{background:var(--accent-fill);color:var(--on-primary);border-color:var(--accent-fill)}.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(--page);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:#fff;box-shadow:inset 0 2px 0 var(--accent-line);font-weight:500}.hero{background:var(--surface);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}.score-hero{background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius-lg);text-align:center;margin:12px 0;padding:20px 16px 16px}.score-num{letter-spacing:-2px;font-variant-numeric:tabular-nums;font-size:62px;font-weight:500;line-height:1}.player-btn{width:100%;min-height:56px;margin-bottom:6px;font-size:15px;font-weight:500;display:block}.sheet-overlay{z-index:200;background:#00000080;position:fixed;inset:0}.sheet{background:var(--surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:480px;padding:20px 16px calc(20px + env(safe-area-inset-bottom));z-index:201;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.award-card{background:var(--award-gold-fill);color:var(--award-gold-text);border-radius:var(--radius-lg);margin-bottom:16px;padding:16px}.match-live-card{border-radius:var(--radius-lg);cursor:pointer;background:var(--surface);text-align:left;border:1.5px solid #e2231a73;width:100%;margin-bottom:8px;padding:14px 16px}.result-row{border-bottom:.5px solid var(--border);cursor:pointer;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}