:root{color:#eaf0f6;font-synthesis:none;--panel:#0f172aee;--text:#eaf0f6;--muted:#b7c7d7;--border:#52657a;--button:#a6dfda;--button-text:#102d32;background:#0f172a;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}#app,#viewport{width:100%;height:100dvh}canvas{display:block}.panel,.telemetry{z-index:30;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:16px;padding:24px;position:absolute}.panel{width:336px;max-height:calc(100dvh - 48px);top:24px;left:24px;overflow:auto}.telemetry{pointer-events:none;max-width:calc(100vw - 48px);bottom:24px;right:24px}.flight-hud{z-index:20;border:1px solid var(--border);background:var(--panel);max-width:calc(100vw - 408px);color:var(--text);pointer-events:none;border-radius:8px;padding:8px 16px;font:12px/20px ui-monospace,monospace;position:absolute;top:24px;right:24px}.flight-compact .panel{width:208px;padding:8px 16px}.flight-compact .panel>:not(#action):not(#toggle-panels),.flight-compact .telemetry{display:none}.flight-compact .flight-hud{max-width:calc(100vw - 280px)}.start-compact #panel-details,.start-compact .telemetry,#app:not(.diagnostic-mode) .telemetry{display:none}.rates-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.rates-grid fieldset{padding:8px}#audio-fields input[type=range]{flex:1;width:auto;padding:0}#audio-fields output{min-width:48px;font:14px/20px ui-monospace,monospace}#settings-warning:empty{display:none}#action{font-size:18px;font-weight:600;line-height:28px}h1{margin:8px 0 16px;font-size:24px;line-height:32px}p{margin:0 0 16px;font-size:14px;line-height:20px}.eyebrow{color:var(--button);letter-spacing:.12em;font:12px/16px monospace}.hint{color:var(--muted);margin:16px 0 0;font-size:12px;line-height:16px}button{width:100%;min-height:48px;font:inherit;background:var(--button);color:var(--button-text);cursor:pointer;border:1px solid #0000;border-radius:8px;margin:8px 0;padding:8px 16px;font-size:14px;display:block}button:hover{filter:brightness(1.08)}button:active{filter:brightness(.9)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible{outline-offset:4px;outline:3px solid #f3ab4c}button[hidden]{display:none}label{cursor:pointer;align-items:center;gap:8px;min-height:48px;font-size:14px;display:flex}input{width:16px;height:16px;accent-color:var(--button)}.hardware{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:16px;width:min(800px,100vw - 32px);max-height:calc(100dvh - 32px);padding:24px}.hardware::backdrop{background:#0f172ab3}.hardware canvas{border-radius:8px;width:100%;height:auto}.hardware h2{margin:0 0 16px;font-size:24px;line-height:32px}.hardware h3{margin:24px 0 8px;font-size:18px;line-height:28px}.hardware label{flex-wrap:wrap;margin:8px 0}.hardware input:not([type=checkbox]),.hardware select{border:1px solid var(--border);background:var(--panel);width:100%;min-height:48px;color:var(--text);font:inherit;border-radius:8px;padding:8px}.hardware input:not([type=checkbox]):hover,.hardware select:hover{border-color:var(--button)}.hardware input:not([type=checkbox]):active,.hardware select:active{outline:1px solid var(--button)}.hardware select:focus-visible{outline-offset:4px;outline:3px solid #f3ab4c}.hardware-actions{flex-wrap:wrap;gap:8px;display:flex}.hardware-actions button{flex:1;min-width:160px}fieldset{border:1px solid var(--border);border-radius:8px;min-width:0;margin:16px 0;padding:16px}legend{padding:0 8px;font-weight:600}summary{cursor:pointer;min-height:48px;padding:8px}summary:hover{color:var(--button)}summary:active{opacity:.8}summary:focus-visible{outline-offset:4px;outline:3px solid #f3ab4c}.raw-values{gap:8px;font:12px/20px ui-monospace,monospace;display:grid}.raw-values output{overflow-wrap:anywhere}pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font:12px/20px ui-monospace,monospace}@media (prefers-color-scheme:light){:root{--panel:#fffffff0;--text:#172a3b;--muted:#485d70;--border:#778a9c;--button:#17615d;--button-text:#fff}}@media (width<=760px){.rates-grid{grid-template-columns:1fr}.panel{width:280px;max-height:55dvh;padding:16px;top:8px;left:8px}.telemetry{pointer-events:auto;max-width:calc(100vw - 16px);max-height:calc(40dvh - 24px);padding:16px;bottom:8px;right:8px;overflow:auto}.flight-hud,.flight-compact .flight-hud{max-width:calc(100vw - 16px);top:auto;bottom:8px;right:8px}}