:root{--court: #0b3d2e;--accent: #c8ff5e;--bg: #06241b;--card: #0f4a37;--card-hi: #14624a;--text: #eef6f1;--muted: #9fc4b3;--left: #1f7a52;--right: #2f6fae;--danger: #e06363}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden;-webkit-user-select:none;user-select:none}#app{max-width:600px;margin:0 auto}.screen{display:flex;flex-direction:column;min-height:100vh;min-height:100svh;box-sizing:border-box;padding:max(.75rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1.25rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));gap:.75rem}.top{display:flex;align-items:center;gap:.5rem;min-height:2.5rem}.top h1{font-size:1.5rem;margin:0}.top h2{font-size:1.2rem;margin:0}.play-top{justify-content:space-between}.point-count{color:var(--muted);font-variant-numeric:tabular-nums}.sub{color:var(--muted);margin:0 0 .25rem}.link-btn{background:none;border:none;color:var(--accent);font-size:1rem;padding:.4rem .2rem;cursor:pointer}.link-btn.disabled{color:var(--muted);opacity:.4;pointer-events:none}.primary,.secondary{border:none;border-radius:14px;padding:1rem;font-size:1.1rem;font-weight:700;cursor:pointer;margin-top:auto}.primary{background:var(--accent);color:#0a2a1f}.secondary{background:var(--card);color:var(--text)}.mode-list{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.mode-card{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;text-align:left;background:var(--card);border:1px solid var(--card-hi);border-radius:16px;padding:1.1rem 1.2rem;color:var(--text);cursor:pointer}.mode-card:active{background:var(--card-hi)}.mc-title{font-size:1.3rem;font-weight:700}.mc-desc{color:var(--muted);font-size:.9rem}.roster,.team-col{display:flex;flex-direction:column;gap:.5rem}.teams-cols{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.team-col h3{margin:.25rem 0;font-size:1rem}.name-row{display:flex;align-items:center;gap:.5rem}.num{width:1.2rem;color:var(--muted);font-size:.85rem;text-align:right}.name-input{flex:1;min-width:0;background:var(--card);border:1px solid var(--card-hi);border-radius:10px;color:var(--text);padding:.7rem .8rem;font-size:1rem}.name-input::placeholder{color:var(--muted);opacity:.6}.icon-btn{background:none;border:none;color:var(--danger);font-size:1rem;width:2rem;height:2rem;cursor:pointer}.icon-btn.ghost{pointer-events:none}.add-btn{background:none;border:1px dashed var(--card-hi);color:var(--accent);border-radius:10px;padding:.6rem;cursor:pointer}.options{display:flex;gap:1rem;margin:.5rem 0}.options label{flex:1;display:flex;flex-direction:column;gap:.3rem;color:var(--muted);font-size:.9rem}.opt-input{background:var(--card);border:1px solid var(--card-hi);border-radius:10px;color:var(--text);padding:.6rem;font-size:1.1rem;text-align:center}.chips{display:flex;flex-wrap:wrap;gap:.4rem}.chip{background:var(--card);border:1px solid var(--card-hi);color:var(--accent);border-radius:999px;padding:.4rem .8rem;font-size:.9rem;cursor:pointer}.section-head{display:flex;align-items:center;justify-content:space-between;margin:1rem 0 .5rem}.section-head h3,h3.section-head{margin:0;font-size:1rem}.home-history{display:flex;flex-direction:column;gap:.4rem}.hist-row{display:grid;grid-template-columns:auto 1fr auto;gap:.6rem;align-items:baseline;background:var(--card);border-radius:10px;padding:.6rem .8rem;font-size:.9rem}.hr-mode{color:var(--accent);font-weight:600}.hr-win{font-weight:600}.hr-meta{color:var(--muted);font-size:.8rem}.home-nav{display:flex;gap:.6rem;margin-top:.75rem}.nav-link{flex:1;background:var(--card);border:1px solid var(--card-hi);color:var(--text);border-radius:12px;padding:.7rem;font-size:.95rem;cursor:pointer}.rec-bar{display:flex;align-items:center;gap:.5rem;min-height:2.5rem}.rec-bar.unavailable{background:var(--card);border-radius:10px;padding:.5rem .75rem;color:var(--muted);font-size:.82rem}.rec-start{background:var(--card);border:1px solid var(--card-hi);color:var(--accent);border-radius:10px;padding:.55rem .9rem;font-size:.95rem;cursor:pointer}.rec-bar.live{background:#3a1414;border-radius:10px;padding:.4rem .6rem;position:relative}.rec-dot{color:#ff5a5a;animation:blink 1.4s infinite}@keyframes blink{50%{opacity:.25}}.rec-time{font-variant-numeric:tabular-nums;font-weight:700}.rec-mark,.rec-stop{border:none;border-radius:8px;padding:.4rem .7rem;font-size:.9rem;cursor:pointer;margin-left:auto}.rec-mark{background:var(--accent);color:#0a2a1f}.rec-stop{background:#ff5a5a;color:#fff;margin-left:.4rem}.cam-preview{position:absolute;right:.5rem;bottom:-4.5rem;width:84px;height:56px;object-fit:cover;border-radius:8px;border:2px solid var(--card-hi);z-index:5;background:#000}.rec-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;background:var(--card);border-radius:12px;padding:.7rem .85rem;margin-bottom:.5rem}.rr-main{display:flex;flex-direction:column;gap:.2rem;min-width:0}.rr-title{font-weight:600}.rr-meta{color:var(--muted);font-size:.8rem}.rr-actions{display:flex;gap:.2rem;flex-shrink:0}.link-btn.danger{color:var(--danger)}.playback{width:100%;border-radius:12px;background:#000;max-height:50dvh}.marker-list{display:flex;flex-direction:column;gap:.4rem}.marker-btn{display:flex;justify-content:space-between;background:var(--card);border:1px solid var(--card-hi);color:var(--text);border-radius:10px;padding:.7rem .85rem;font-size:.95rem;cursor:pointer}.marker-btn b{color:var(--accent);font-variant-numeric:tabular-nums}.series-strip{display:flex;align-items:center;gap:.6rem;background:var(--card);border-radius:12px;padding:.5rem .85rem;font-size:.95rem}.ss-game{font-weight:700;color:var(--accent);white-space:nowrap}.ss-tally{color:var(--muted);overflow:hidden;text-overflow:ellipsis}.ss-tally b{color:var(--text)}.series-board{width:100%;max-width:340px}.series-board h3{margin:0 0 .5rem;font-size:.95rem}.play{gap:.6rem}.zones{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:.6rem;min-height:180px}.zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;border:none;border-radius:20px;color:#fff;cursor:pointer;padding:1rem}.zone-left{background:var(--left)}.zone-right{background:var(--right)}.zone:active{filter:brightness(1.15)}.zone-label{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;opacity:.85}.zone-name{font-size:1.3rem;font-weight:700;text-align:center}.zone-score{font-size:4.5rem;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.zone-hint{font-size:.75rem;opacity:.7}.panel{background:var(--card);border-radius:16px;padding:.75rem 1rem}.leaderboard{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.leaderboard li{display:flex;justify-content:space-between;font-variant-numeric:tabular-nums}.queue{color:var(--muted);margin:.6rem 0 0;font-size:.9rem}.team-line{display:flex;gap:.6rem;padding:.3rem 0}.tl-label{font-weight:700;color:var(--accent);width:1.5rem}.tl-order{color:var(--muted)}.over{text-align:center;align-items:center}.over .top h1{font-size:2rem}.final{font-size:1.4rem;font-weight:700}.over .leaderboard{width:100%;max-width:340px}.over-actions{width:100%;display:flex;flex-direction:column;gap:.6rem;margin-top:auto}.over-actions .primary,.over-actions .secondary{margin-top:0}