:root{--bg: #0b0e13;--panel: #141922;--panel-2: #1a212c;--border: #252d3a;--text: #e6e9ef;--dim: #8d97ab;--accent: #4aa3ff;--ok: #3ba55d;--warn: #e0a63a;--bad: #e0543a;--danger: #c0392b;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:13px/1.45 var(--mono);-webkit-font-smoothing:antialiased}html.game-running,body.game-running{overflow:hidden;overscroll-behavior:none}button,input,select{font:inherit;color:inherit}.simple-toolbar{position:sticky;top:0;z-index:60;display:flex;justify-content:center;align-items:center;gap:10px;padding:12px;background:#0b0e13f5;box-shadow:0 8px 24px #00000047;backdrop-filter:blur(10px)}.simple-toolbar .btn,.simple-toolbar .select{min-height:42px}.simple-toolbar .btn{padding-inline:18px;transition-property:transform,background-color,opacity;transition-duration:.12s}.simple-toolbar .btn:active{transform:scale(.96)}.simple-toolbar .btn-start{background:var(--ok);color:#fff}.simple-mode{min-width:250px}.game-shell{width:min(100%,760px);min-height:calc(100dvh - 68px);margin:0 auto;padding:18px;display:grid;place-items:center}.game-shell .stage{width:min(100%,calc((100dvh - 104px) * 240 / 348))}.game-shell .game-canvas{box-shadow:0 18px 50px #00000059;outline:1px solid rgba(255,255,255,.1)}.advanced-settings{display:none}.advanced-settings[open]{position:fixed;inset:66px 14px 14px;z-index:55;display:block;overflow:auto;padding:14px;background:#0b0e13fa;border-radius:10px;box-shadow:0 24px 80px #000000a6}.advanced-summary{cursor:pointer;min-height:42px;padding:11px 14px;color:var(--dim);background:var(--panel);border-radius:7px;box-shadow:0 4px 16px #00000038}.advanced-settings[open] .advanced-summary{margin-bottom:12px}.quick-settings{margin-bottom:12px;padding:12px 14px;background:var(--panel);border-radius:7px;box-shadow:0 4px 16px #00000038}.quick-settings .checkbox{min-height:40px}@media(max-width:700px){.simple-toolbar{flex-wrap:wrap}.simple-mode{flex:1 1 100%}.simple-toolbar .btn{flex:1;padding-inline:10px}}.safety-bar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 16px;border-bottom:2px solid var(--border);background:var(--panel)}.safety-status{font-size:18px;font-weight:700;letter-spacing:.06em}.safety-detail{color:var(--dim);font-size:12px}.safety-actions{display:flex;gap:8px;flex-shrink:0}.safety-bar.state-simulation{background:#171c25;border-bottom-color:#2a3140}.safety-bar.state-simulation .safety-status{color:var(--dim)}.safety-bar.state-simulation-armed{background:#23200f;border-bottom-color:#5a4a12}.safety-bar.state-simulation-armed .safety-status{color:var(--warn)}.safety-bar.state-disconnected,.safety-bar.state-disarmed{background:#10202e;border-bottom-color:#1d4a6e}.safety-bar.state-disarmed .safety-status{color:var(--accent)}.safety-bar.state-armed{background:var(--danger);border-bottom-color:#ff8a75;animation:armed-pulse 1.4s ease-in-out infinite}.safety-bar.state-armed .safety-status,.safety-bar.state-armed .safety-detail{color:#fff}@keyframes armed-pulse{0%,to{background:#a5301f}50%{background:#d0402c}}@media(prefers-reduced-motion:reduce){.safety-bar.state-armed{animation:none}}.safety-bar.state-stopped{background:#000;border-bottom-color:var(--bad)}.safety-bar.state-stopped .safety-status{color:var(--bad)}.app{display:grid;grid-template-columns:minmax(420px,1.1fr) minmax(340px,1fr) minmax(320px,.9fr);gap:14px;padding:14px;align-items:start}@media(max-width:1200px){.app{grid-template-columns:1fr}}.column{display:flex;flex-direction:column;gap:14px;min-width:0}.stage{position:relative}.game-canvas{width:100%;aspect-ratio:240 / 348;image-rendering:pixelated;display:block;border:1px solid var(--border);border-radius:6px;background:#0b0e13;touch-action:none}.toast{position:absolute;left:10px;right:10px;bottom:10px;padding:9px 12px;border-radius:5px;background:#141922f5;border:1px solid var(--accent);font-size:12px;opacity:0;transform:translateY(6px);transition:opacity .15s,transform .15s;pointer-events:none}.toast.visible{opacity:1;transform:none}.panel{background:var(--panel);border:1px solid var(--border);border-radius:6px;overflow:hidden}.panel-title{margin:0;padding:8px 12px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);background:var(--panel-2);border-bottom:1px solid var(--border)}.panel-body{padding:10px 12px;display:flex;flex-direction:column;gap:8px}.panel-danger{border-color:#5c2b22}.panel-danger .panel-title{color:#e88a72;background:#241612}.panel-safety .panel-title{color:var(--warn)}.hint{margin:0;color:var(--dim);font-size:11.5px;line-height:1.5}.fields{display:flex;flex-direction:column}.field{display:flex;justify-content:space-between;gap:12px;padding:2.5px 0;border-bottom:1px solid rgba(37,45,58,.5)}.field:last-child{border-bottom:none}.field-label{color:var(--dim)}.field-value{font-variant-numeric:tabular-nums;text-align:right}.tone-ok{color:var(--ok)}.tone-warn{color:var(--warn)}.tone-bad{color:var(--bad)}.tone-muted{color:var(--dim)}.reason{margin-top:6px;padding:7px 9px;background:var(--panel-2);border-left:3px solid var(--accent);border-radius:3px;font-size:12px;color:#cfd6e4;min-height:1.4em}.btn{padding:6px 11px;border:1px solid var(--border);border-radius:4px;background:var(--panel-2);cursor:pointer}.btn:hover:not(:disabled){background:#222b38;border-color:#38445a}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{border-color:var(--accent);color:#cfe6ff}.btn-secondary{color:var(--dim)}.btn-chip{padding:3px 8px;font-size:11.5px}.btn-chip.active{border-color:var(--accent);color:#cfe6ff}.btn-arm{border-color:var(--warn);color:var(--warn);font-weight:700}.btn-disarm{border-color:var(--dim)}.btn-clear{border-color:var(--accent)}.btn-stop{border-color:var(--bad);background:#3a1410;color:#ff9b86;font-weight:700;min-width:92px}.btn-stop:hover{background:var(--bad);color:#fff}.button-row{display:flex;gap:8px}.button-row.wrap{flex-wrap:wrap}.select,input[type=number],input[type=text]{padding:5px 8px;background:var(--panel-2);border:1px solid var(--border);border-radius:4px;width:100%}input[type=number],input[type=text]{max-width:130px}.checkbox{display:flex;align-items:center;gap:7px;cursor:pointer}.number-field{display:flex;justify-content:space-between;align-items:center;gap:10px}.number-label{color:var(--dim)}.slider-row{display:flex;flex-direction:column;gap:2px}.slider-head{display:flex;justify-content:space-between}.slider-label{color:var(--dim)}.slider-value{font-variant-numeric:tabular-nums}input[type=range],.scrub{width:100%;accent-color:var(--accent)}.device-row{display:flex;align-items:center;gap:8px}.device-label{color:var(--dim);white-space:nowrap}.latency-table,.comparison-table{width:100%;border-collapse:collapse;font-size:11.5px;font-variant-numeric:tabular-nums}.latency-table th,.comparison-table th{text-align:right;color:var(--dim);font-weight:500;padding:3px 5px;border-bottom:1px solid var(--border)}.latency-table th.stage-col,.comparison-table th:first-child{text-align:left}.latency-table td,.comparison-table td{text-align:right;padding:3px 5px;border-bottom:1px solid rgba(37,45,58,.4)}.latency-table td:first-child,.condition-cell{text-align:left;color:var(--dim)}.total-row td{color:var(--text);font-weight:700;border-top:1px solid var(--border)}.total-row td:first-child{color:var(--accent)}.comparison-table-wrap{overflow-x:auto}.comparison-table{white-space:nowrap}.comparison-table .condition-cell{padding-right:12px}.comparison-status{color:var(--dim);font-size:11.5px}.row-good .condition-cell{color:var(--ok)}.row-bad .condition-cell{color:var(--bad)}.panel-calibration .panel-title{color:var(--accent)}.calibration-options{display:flex;flex-direction:column;gap:5px}.calibration-status{padding:5px 0;color:var(--dim)}.calibration-status.awaiting{color:var(--warn)}.calibration-progress{display:flex;flex-wrap:wrap;gap:3px}.dot{width:10px;height:10px;border-radius:50%;background:var(--panel-2);border:1px solid var(--border)}.dot.responded{background:var(--ok);border-color:var(--ok)}.dot.missed{background:var(--bad);border-color:var(--bad)}.dot.rejected{background:var(--warn);border-color:var(--warn)}.histogram{display:flex;align-items:flex-end;gap:2px;height:52px;padding-top:6px}.histogram-bar{flex:1;background:var(--accent);opacity:.75;border-radius:1px 1px 0 0;min-height:1px}.verify-results{display:flex;flex-direction:column;gap:3px;font-size:11.5px}.verify-row.ok{color:var(--ok)}.verify-row.bad{color:var(--bad)}