:root{--surface:#262c46;--page:#1b2138;--border:#ffffff1f;--border-strong:#ffffff38;--text:#fff;--text-muted:#fff9;--text-faint:#ffffff8c;--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:#6fb0ff29;--status-planned-text:#6fb0ff;--status-done-fill:#ffffff14;--status-done-text:#ffffff80;--status-live-fill:#e2231a33;--status-live-text:#ff9a90;--surface-soft:#1e2540;--stat-up:#5bd6a8;--stat-down:#ff8079;--stat-draw:#ffffff80;--award-fill:#3a2f14;--award-ink:#f4c04a;--award-tint:#f4c04a24;--award-edge:#f4c04a57;--fs-micro:12px;--fs-caption:13px;--fs-body:15px;--fs-title:18px;--fs-metric:22px;--fs-display:28px;--fs-score:62px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:32px;--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{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;margin:0}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}h1{font-size:var(--fs-title);color:var(--text);margin:0;font-weight:500}h2{font-size:var(--fs-body);color:var(--text);margin:0;font-weight:500}h3{font-size:var(--fs-caption);margin:var(--space-4) 0 6px;color:var(--text-muted);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.has-live-bar{padding-bottom:calc(56px + 44px + env(safe-area-inset-bottom) + 12px)}.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:var(--fs-body);font-weight:500}.muted{color:var(--text-muted);font-size:var(--fs-caption)}.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{font-size:var(--fs-micro);border-radius:9999px;padding:2px 9px;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)}.pill-warn{background:var(--accent-fill);color:var(--on-primary)}.seg{background:#00000038;border-radius:9999px;gap:2px;padding:2px;display:inline-flex}.seg-item{min-height:36px;font-size:var(--fs-micro);color:var(--text-faint);background:0 0;border:none;border-radius:9999px;padding:0 12px;font-weight:500;line-height:1}.seg-block{width:100%;display:flex}.seg-block .seg-item{flex:1;min-width:0;padding:0 6px}.row-me{background:#e2231a14}.row-me td{border-top:1.5px solid var(--accent-line)}.row-me .row-me-tag{color:var(--accent-text);font-weight:500}.seg-item.active{background:var(--surface);color:var(--text);box-shadow:inset 0 0 0 .5px var(--border)}.chip{font-size:var(--fs-micro);border-radius:9999px;padding:3px 10px;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;font-size:var(--fs-body);cursor:pointer;background:var(--surface);color:var(--text);border:.5px solid var(--border-strong);border-radius:var(--radius);min-height:40px;padding:8px 14px;text-decoration:none}.btn{justify-content:center;align-items:center;display:inline-flex}button:active:not(:disabled),.btn:active:not(:disabled){transform:scale(.98)}.btn-accent{background:var(--accent-fill);color:var(--on-primary);border-color:var(--accent-fill)}.btn-sm{min-height:36px;font-size:var(--fs-caption);padding:4px 10px}.btn:disabled,button:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}input,select{font:inherit;font-size:var(--fs-body);color:var(--text);background:var(--surface);border:.5px solid var(--border-strong);border-radius:var(--radius);min-height:40px;padding:8px 10px}label{font-size:var(--fs-caption);color:var(--text-muted);margin-bottom:var(--space-3);display:block}label input,label select{width:100%;margin-top:4px;display:block}form button[type=submit]{margin-top:4px}.error-banner{left:50%;bottom:calc(56px + env(safe-area-inset-bottom) + 8px);border:1px solid var(--stat-down);border-radius:var(--radius);width:calc(100% - 32px);max-width:480px;color:var(--text);font-size:var(--fs-body);z-index:25;background:#3a1f22;align-items:flex-start;gap:10px;padding:12px 12px 12px 14px;line-height:1.4;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #00000059}.error-banner-text{flex:1}.error-banner-close{min-width:36px;min-height:36px;color:var(--text-muted);font-size:var(--fs-body);cursor:pointer;background:0 0;border:0;flex-shrink:0;padding:0}.live-bar{left:50%;bottom:calc(44px + env(safe-area-inset-bottom));background:var(--surface);border:none;border-top:2px solid var(--border);width:100%;max-width:480px;min-height:44px;color:var(--text);font-size:var(--fs-body);text-align:left;z-index:24;border-radius:0;align-items:center;gap:9px;padding:10px 14px;display:flex;position:fixed;transform:translate(-50%)}.live-bar-progress{background:var(--accent-fill);height:2px;transition:width 1s linear;position:absolute;top:-2px;left:0}.live-bar-progress.is-urgent{background:var(--stat-down)}@media (prefers-reduced-motion:reduce){.live-bar-progress{transition:none}}.live-bar-dot{background:var(--accent-fill);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.6s ease-in-out infinite live-pulse}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.live-bar-dot{animation:none}}.live-bar-score{font-weight:500}.live-bar-clock{color:var(--status-live-text);font-size:var(--fs-caption);margin-left:auto}.live-bar-cta{color:var(--accent-text);font-size:var(--fs-caption);flex-shrink:0}.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{font-size:var(--fs-caption);color:var(--text-faint);text-align:center;background:0 0;border:none;border-radius:0;flex:1;min-height:44px;padding:12px;text-decoration:none;position:relative}.tab-badge{background:var(--accent-fill);min-width:18px;height:18px;color:var(--on-primary);font-size:var(--fs-micro);text-align:center;border-radius:9px;margin-left:2px;padding:0 5px;font-weight:500;line-height:18px;position:absolute;top:6px}.tab.active{color:var(--accent-text);box-shadow:inset 0 2px 0 var(--accent-line);font-weight:500}.card{background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4)}.card-accent{border-color:var(--accent-line)}.section-label{font-size:var(--fs-caption);color:var(--text-muted);font-weight:600}.data-table{border-collapse:collapse;width:100%;font-size:var(--fs-caption)}.data-table th{text-align:right;padding:var(--space-1) 0;color:var(--text-muted);font-weight:400;font-size:var(--fs-micro)}.data-table td{text-align:right;border-top:.5px solid var(--border);font-variant-numeric:tabular-nums;padding:7px 0}.data-table th.is-sorted{color:var(--accent-text);font-weight:500}.data-table th:first-child,.data-table td:first-child,.data-table th.col-text,.data-table td.col-text{text-align:left}.data-table td.col-text{padding-right:var(--space-1)}.stat-cell{text-align:center}.stat-cell-value{font-size:var(--fs-metric);font-variant-numeric:tabular-nums;font-weight:500;line-height:1.1;display:block}.stat-cell-label{font-size:var(--fs-micro);color:var(--text-muted);margin-top:2px;display:block}.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{font-size:var(--fs-score);letter-spacing:-2px;font-variant-numeric:tabular-nums;font-weight:500;line-height:1}.player-btn{min-height:64px;font-size:var(--fs-body);white-space:normal;justify-content:center;align-items:center;width:100%;margin-bottom:6px;padding:6px 8px;font-weight:500;line-height:1.25;display:flex}.player-btn-goals{font-size:var(--fs-micro);vertical-align:super;margin-left:3px;font-weight:500}.match-timer{align-items:center;gap:var(--space-3);margin-top:var(--space-3);display:flex}.match-timer-track{background:#ffffff24;border-radius:3px;flex:1;height:6px;overflow:hidden}.match-timer-fill{background:var(--accent-fill);border-radius:3px;height:100%;transition:width 1s linear;display:block}.match-timer-num{font-size:var(--fs-display);letter-spacing:-.5px;font-variant-numeric:tabular-nums;font-weight:500}.match-timer-num.is-urgent{color:var(--stat-down);animation:1.1s ease-in-out infinite timer-pulse}.match-timer-fill.is-urgent{background:var(--stat-down)}@keyframes timer-pulse{0%,to{opacity:1}50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.match-timer-num.is-urgent{animation:none}.match-timer-fill{transition:none}}.fold{border:none;border-bottom:.5px solid var(--border);width:100%;min-height:44px;font-size:var(--fs-caption);color:var(--text-muted);text-align:left;background:0 0;border-radius:0;justify-content:space-between;align-items:center;padding:13px 0;display:flex}.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{background:var(--award-fill);color:var(--award-ink);border:1px solid var(--award-edge);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4)}.award-stat{font-size:var(--fs-micro);background:var(--award-tint);border-radius:6px;padding:3px 7px}.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}@keyframes confirm-drain{0%{width:100%}to{width:0%}}