:root{--bg:#101014;--panel:#17171d;--panel-2:#1e1e26;--line:#2a2a35;--fg:#f4f4f5;--dim:#9ca3af;--ok:#22c55e;--warn:#f5a524;--bad:#ef4444;--info:#38bdf8;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}*{box-sizing:border-box}html,body{background:var(--bg);height:100dvh;color:var(--fg);overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;overflow:hidden}body{flex-direction:column;display:flex}#stage{background:#000;flex:auto;min-height:34dvh;position:relative;overflow:hidden}#video,#overlay{width:100%;height:100%;display:block;position:absolute;inset:0}#video{object-fit:cover}#overlay{pointer-events:none}#hud{padding:calc(var(--safe-top) + 8px) calc(var(--safe-right) + 10px) 10px calc(var(--safe-left) + 10px);pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.hud-top{flex-direction:column;gap:6px;display:flex}.chip-row{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line);min-width:92px;font-family:var(--mono);background:#101014b8;border-radius:6px;flex-direction:column;gap:3px;padding:4px 7px;font-size:11px;line-height:1.2;display:flex}.chip-text{white-space:nowrap;text-overflow:ellipsis;max-width:42vw;overflow:hidden}.chip-track{background:var(--line);border-radius:2px;height:3px;display:block;overflow:hidden}.chip-bar{background:var(--info);width:0;height:100%;transition:width .12s linear;display:block}.chip-idle .chip-text{color:var(--dim)}.chip-loading .chip-text{color:var(--info)}.chip-ready .chip-text{color:var(--ok)}.chip-ready .chip-bar{background:var(--ok)}.chip-error .chip-text{color:var(--bad)}.chip-error .chip-bar{background:var(--bad);width:100%}.hud-meta{border:1px solid var(--line);font-family:var(--mono);color:var(--dim);text-overflow:ellipsis;white-space:nowrap;background:#101014b8;border-radius:6px;align-self:flex-start;max-width:100%;padding:3px 7px;font-size:11px;overflow:hidden}.hud-bottom{flex-direction:column;align-items:stretch;gap:6px;display:flex}.hud-status{font-family:var(--mono);color:var(--dim);background:#101014b8;border-radius:6px;align-self:flex-start;padding:3px 7px;font-size:12px}.hud-status[data-phase=tracking]{color:var(--warn)}.hud-status[data-phase=stable]{color:var(--ok)}.hud-status[data-phase=locked],.hud-status[data-phase=releasing]{color:var(--info)}.verdict{border:1px solid var(--line);background:#101014d6;border-radius:10px;flex-direction:column;gap:4px;padding:8px 10px;display:flex}.verdict-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.verdict-name{text-overflow:ellipsis;white-space:nowrap;font-size:26px;font-weight:700;line-height:1.1;overflow:hidden}.badge{font-family:var(--mono);border:1px solid;border-radius:999px;flex:none;padding:3px 8px;font-size:12px;font-weight:700}.badge-idle{color:var(--dim)}.badge-busy{color:var(--info)}.badge-ok{color:var(--ok)}.badge-retry{color:var(--bad)}.verdict-foot{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.verdict-meta{font-family:var(--mono);color:var(--dim);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.verdict-total{font-family:var(--mono);color:var(--ok);font-size:22px;font-weight:700}.verdict-total[data-slow=yes]{color:var(--bad)}.blocker{pointer-events:auto;background:#101014f0;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.blocker[hidden]{display:none}.blocker-card{text-align:center;max-width:34rem}.blocker-title{margin:0 0 8px;font-size:22px}.blocker-message{color:var(--dim);-webkit-user-select:text;user-select:text;margin:0 0 16px;line-height:1.5}.blocker-button,.panel-button{font:inherit;color:var(--fg);background:var(--panel-2);border:1px solid var(--line);cursor:pointer;border-radius:8px;min-height:40px;padding:10px 16px}.blocker-button:active,.panel-button:active{background:#2b2b36}#panel{overscroll-behavior:contain;background:var(--panel);border-top:1px solid var(--line);max-height:62dvh;padding-bottom:var(--safe-bottom);flex:none;overflow-y:auto}.panel-header{z-index:2;background:var(--panel);border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:8px 10px;display:flex;position:sticky;top:0}.panel-toggle{font:inherit;color:var(--fg);background:var(--panel-2);border:1px solid var(--line);cursor:pointer;border-radius:8px;flex:none;min-height:38px;padding:8px 12px;font-weight:600}.panel-select{font:inherit;min-width:0;color:var(--fg);background:var(--panel-2);border:1px solid var(--line);border-radius:8px;flex:auto;min-height:38px;padding:8px}.panel-button[data-on=yes]{border-color:var(--warn);color:var(--warn)}.panel-button:disabled{opacity:.4}.panel-body{flex-direction:column;gap:14px;padding:10px;display:flex}.panel-body[hidden]{display:none}.panel-section{flex-direction:column;gap:6px;display:flex}.panel-title{letter-spacing:.09em;text-transform:uppercase;color:var(--dim);margin:0;font-size:11px;font-weight:700}.panel-meta{font-family:var(--mono);color:var(--dim);overflow-wrap:anywhere;font-size:11px}.frame-row{flex-wrap:wrap;align-items:flex-start;gap:10px;display:flex}.frame-cell{overscroll-behavior-x:contain;flex-direction:column;gap:4px;min-width:0;max-width:100%;display:flex;overflow-x:auto}.frame-caption{font-family:var(--mono);color:var(--dim);font-size:10px}.thumb-card{border:1px solid var(--line);background:#000;border-radius:4px;width:110px;height:154px}.thumb-strip{border:1px solid var(--line);max-width:none;image-rendering:pixelated;background:#000;border-radius:4px}.ocr-text{font-family:var(--mono);background:var(--panel-2);border:1px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;border-radius:8px;padding:8px;font-size:16px;line-height:1.35}.match-list{flex-direction:column;gap:4px;display:flex}.match-row{background:var(--panel-2);border:1px solid var(--line);border-radius:6px;grid-template-columns:1fr auto auto;align-items:baseline;gap:8px;padding:6px 8px;display:grid}.match-accepted{border-color:var(--ok);background:#22c55e1f}.match-name{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.match-meta{font-family:var(--mono);color:var(--dim);font-size:10px}.match-score{font-family:var(--mono);font-size:14px;font-weight:700}.match-empty{font-family:var(--mono);color:var(--bad);font-size:11px}.timing-row{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;display:grid}.timing-cell{background:var(--panel-2);border:1px solid var(--line);border-radius:6px;flex-direction:column;align-items:center;gap:2px;padding:5px 2px;display:flex}.timing-label{letter-spacing:.06em;text-transform:uppercase;color:var(--dim);font-size:9px}.timing-value{font-family:var(--mono);font-size:16px;font-weight:700}.timing-total{border-color:var(--ok)}.timing-total[data-slow=yes]{border-color:var(--bad)}.timing-total[data-slow=yes] .timing-value{color:var(--bad)}.button-row{flex-wrap:wrap;gap:8px;display:flex}.tally-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.tally-cell{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:4px;padding:6px;display:flex}.tally-label{color:var(--dim);font-size:10px}.tally-rate{font-family:var(--mono);font-size:18px;font-weight:700}.tally-buttons{gap:4px;display:flex}.tally-hit,.tally-miss{font:inherit;font-family:var(--mono);border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:6px;flex:1 1 0;min-height:34px;font-size:11px}.tally-hit{color:var(--ok)}.tally-miss{color:var(--bad)}.tuning-group{border:1px solid var(--line);background:var(--panel-2);border-radius:8px;padding:6px 8px}.tuning-summary{font-family:var(--mono);color:var(--dim);cursor:pointer;padding:2px 0;font-size:12px}.tuning-row{grid-template-columns:8.5rem 1fr 3.5rem;align-items:center;gap:8px;padding:4px 0;display:grid}.tuning-row-check{grid-template-columns:8.5rem 1fr}.tuning-label{color:var(--dim);font-size:11px}.tuning-range{width:100%;accent-color:var(--info);min-height:28px}.tuning-check{width:22px;height:22px;accent-color:var(--info);justify-self:start}.tuning-value{font-family:var(--mono);text-align:right;font-size:12px}@media (min-width:720px){#panel{max-height:55dvh}.tuning-row{grid-template-columns:12rem 1fr 4rem}}.lang-row{flex-wrap:wrap;align-items:center;gap:.35rem;margin:.35rem 0;display:flex}.lang-chip{border:1px solid #333a44;border-radius:.75rem;align-items:center;gap:.25rem;padding:.15rem .4rem;font-size:.75rem;line-height:1.4;display:inline-flex}.lang-chip:has(.lang-check:checked){background:#1b2735;border-color:#6ea8fe}.lang-check{accent-color:#6ea8fe}.lang-code{font-variant-numeric:tabular-nums}