:root{--bg: #0b1f2a;--bg-2: #12303f;--card: #14384a;--ink: #f4f7f8;--muted: #9db4bd;--accent: #ffcd3c;--team-a: #16b8a6;--team-b: #ff7e33;--ok: #35d07f;--warn: #ffcd3c;--ask: #ff9f1c;--danger: #ff5252;--radius: 14px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;overscroll-behavior-y:none}#app{max-width:720px;margin:0 auto;padding:12px 14px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px}h1.title{font-size:1.5rem;margin:4px 0}.muted{color:var(--muted)}.small{font-size:.82rem}.stack{display:flex;flex-direction:column;gap:12px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media(max-width:620px){.grid3{grid-template-columns:1fr}}.card,fieldset.card{background:var(--card);border:1px solid #1e4a61;border-radius:var(--radius);padding:12px;margin:0}legend{font-weight:700;padding:0 6px;color:var(--accent)}.field{display:flex;flex-direction:column;gap:4px;margin:8px 0;font-size:.9rem;color:var(--muted)}input,select{background:#0d2733;color:var(--ink);border:1px solid #2a5b72;border-radius:8px;padding:10px;font-size:1rem;width:100%}.inline{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.inline input[type=range]{width:90px}.inline.inline-small{margin-top:6px}.conf .conf-out{min-width:38px;text-align:right;color:var(--accent);font-variant-numeric:tabular-nums}.btn-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.btn{background:#1d4a61;color:var(--ink);border:none;border-radius:10px;padding:12px 16px;font-size:1rem;font-weight:600;cursor:pointer;touch-action:manipulation}.btn:active{transform:scale(.98);filter:brightness(1.15)}.btn:disabled{opacity:.4}.btn.primary{background:var(--accent);color:#1a1a1a}.btn.warn{background:var(--warn);color:#1a1a1a}.btn.ghost{background:transparent;border:1px solid #2a5b72;color:var(--muted)}.btn.small{padding:8px 10px;font-size:.85rem}.btn.tiny{padding:4px 8px;font-size:.75rem;border-radius:8px}.btn.big{padding:14px 22px;font-size:1.1rem}.topnav{display:flex;align-items:center;gap:10px;justify-content:space-between;flex-wrap:wrap}.scorecard{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;background:var(--bg-2);border-radius:var(--radius);padding:12px}.team-row{display:flex;flex-direction:column;gap:2px;align-items:center;text-align:center}.team-name{font-weight:800;font-size:1.05rem}.team-players{color:var(--muted)}.sets-won{color:var(--accent);letter-spacing:3px;min-height:18px}.score-small{font-size:2rem;font-weight:900}.score-small.p-A{color:var(--team-a)}.score-small.p-B{color:var(--team-b)}.score-middle{display:flex;align-items:center;gap:8px}.score-big{font-size:clamp(3.4rem,16vw,6rem);font-weight:900;line-height:1;font-variant-numeric:tabular-nums}.dash{color:var(--muted);font-size:2rem}.status-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.chip{border-radius:999px;padding:8px 14px;font-weight:700;font-size:.92rem}.chip-ok{background:#123d2b;color:var(--ok)}.chip-warn{background:#3d3412;color:var(--warn)}.chip-ask{background:#453012;color:var(--ask)}.chip-info{background:#153344;color:#9fd4f0}.chip-match{background:#443312;color:var(--accent);font-size:1.05rem}.detail-row{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.server-line{font-size:1.05rem}.controls{display:flex;flex-direction:column;gap:10px}.btn-big-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.btn.point{padding:26px 8px;font-size:1.3rem;font-weight:900;border-radius:18px;min-height:104px}.btn.point-A{background:var(--team-a);color:#03302b}.btn.point-B{background:var(--team-b);color:#331507}.small-btns .btn{padding:12px 14px;font-size:.95rem}.debug{border-color:var(--warn)}.sim-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}.sim-block{background:#0f2c39;border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:6px}.eventlog{background:#081820;border-radius:8px;padding:10px;font-size:.72rem;overflow:auto;max-height:220px;white-space:pre-wrap;color:#b5d5e3}.cam-wrap{position:relative;background:#000;border-radius:var(--radius);overflow:hidden;min-height:200px}#cam-video{width:100%;display:block}#cam-overlay{position:absolute;inset:0;width:100%;height:100%}.stats{background:#081820;border-radius:8px;padding:10px;font-size:.78rem;color:#b5e5c0;white-space:pre}.clips-list{margin-top:8px;display:flex;flex-direction:column;gap:6px}.clip-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;background:#0f2c39;padding:6px 8px;border-radius:8px}.modal-backdrop{position:fixed;inset:0;background:#0000009e;display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}.modal{background:var(--bg-2);border-radius:16px;padding:18px;max-width:460px;width:100%;max-height:90vh;overflow:auto}.side-preview{color:var(--muted);font-size:.9rem}@media(max-width:620px){.grid2,.scorecard{grid-template-columns:1fr}}.set-summary{padding:8px 0;border-bottom:1px solid #1e4a61}.win-line{font-size:1.2rem;font-weight:800;color:var(--accent)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.stat{background:#0f2c39;border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:4px}.stat strong{font-size:1.8rem}.stat span{color:var(--muted);font-size:.78rem}.toast{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));transform:translate(-50%);background:#0f2c39;border:1px solid #2a5b72;color:var(--ink);padding:12px 18px;border-radius:12px;max-width:90vw;z-index:60;box-shadow:0 8px 24px #00000080;font-weight:600}