*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0a0a;--surface: #111111;--border: #222222;--muted: #444444;--text: #e8e8e8;--text-dim: #666666;--accent: #f0f0f0;--active: #ffffff;--blue: #4a9eff;--orange: #ff8c00;--red: #e05252;--screen-w: 256px;--screen-h: 192px;--scale: 2;--canvas-w: calc(var(--screen-w) * var(--scale));--canvas-h: calc(var(--screen-h) * var(--scale));font-family:SF Mono,Menlo,Monaco,Consolas,ui-monospace,monospace;font-size:11px;color:var(--text);background:var(--bg)}body{min-height:100dvh;display:flex;justify-content:center}#app{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 12px 32px;width:100%;max-width:800px}.app-header{align-self:stretch}.app-title{font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.app-title .title-ai{color:var(--active);font-weight:700}.screens{display:flex;gap:8px;align-items:flex-start;position:relative}.screen-wrap{display:flex;flex-direction:column;gap:4px}.screen-label{font-size:9px;letter-spacing:.12em;color:var(--text-dim);text-transform:uppercase}.screen-canvas{display:block;width:var(--canvas-w);height:var(--canvas-h);image-rendering:pixelated;image-rendering:crisp-edges;border:1px solid var(--border);background:#000}.screen-touch{cursor:crosshair;touch-action:none}.screen-bot{position:relative}.touch-indicator{position:absolute;font-size:8px;color:var(--text-dim);background:#00000080;padding:1px 4px;pointer-events:none;transform:translate(-50%,-120%);white-space:nowrap;border:1px solid var(--border)}.touch-indicator.hidden{display:none}.boot-status{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--text-dim);background:#000000d9;text-align:center;padding:16px;white-space:pre-line;pointer-events:none}.hud-row{display:flex;gap:16px;align-items:flex-start;width:100%}.gamepad-hud{display:flex;flex-direction:column;gap:6px;user-select:none}.gamepad-row{display:flex;align-items:center;gap:4px}.gamepad-shoulders{justify-content:space-between}.gamepad-meta{display:flex;gap:4px}.gamepad-main{justify-content:space-between;align-items:center}.gamepad-legend{display:flex;gap:8px;font-size:9px;color:var(--text-dim);margin-top:2px}.dpad{display:flex;flex-direction:column;gap:1px}.dpad-row{display:flex;gap:1px;justify-content:center}.dpad-mid{width:22px;height:22px;background:var(--surface);border:1px solid var(--border)}.face-buttons{display:flex;flex-direction:column;gap:1px}.face-row{display:flex;gap:1px;justify-content:center;align-items:center}.key{display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:600;letter-spacing:.04em;color:var(--muted);background:var(--surface);border:1px solid var(--border);transition:color 60ms,background 60ms,border-color 60ms}.key.active{color:var(--active);background:#1a1a1a;border-color:var(--active)}.key-shoulder{width:30px;height:16px;font-size:8px}.key-meta{width:22px;height:14px;font-size:7px}.key-dpad{width:22px;height:22px}.key-face{width:22px;height:22px;border-radius:50%}.key-a.active{border-color:#e05252;color:#e05252}.key-b.active{border-color:#e0a052;color:#e0a052}.key-x.active{border-color:#5280e0;color:#5280e0}.key-y.active{border-color:#52c05e;color:#52c05e}.telemetry{display:flex;flex-wrap:wrap;gap:8px;flex:1}.telem-cell{display:flex;flex-direction:column;gap:1px;min-width:38px}.telem-label{font-size:8px;letter-spacing:.1em;color:var(--text-dim);text-transform:uppercase}.telem-value{font-size:12px;font-weight:600;color:var(--accent);letter-spacing:.02em}.status-normal{color:var(--accent)}.status-drift{color:var(--blue)}.status-spin{color:var(--orange)}.status-tumble,.status-flat{color:var(--red)}.status-lakitu{color:var(--orange)}.drift-pip{font-size:14px;color:var(--border);margin-right:1px}.drift-blue{color:var(--blue)}.drift-orange{color:var(--orange)}.toolbar{display:flex;gap:8px;align-items:center;align-self:stretch;padding:6px 0;border-top:1px solid var(--border)}.toolbar-group{display:flex;gap:2px}button{cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text-dim);font-family:inherit;font-size:10px;letter-spacing:.04em;padding:4px 10px;transition:color 80ms,border-color 80ms,background 80ms}button:hover{color:var(--text);border-color:var(--muted)}button.active{color:var(--active);border-color:var(--active);background:#161616}.btn-icon{padding:4px 8px;font-size:13px}.btn-state{font-size:9px;padding:4px 8px}@media(max-width:600px){:root{--scale: 1.3}.screens,.hud-row{flex-direction:column}}