body:has(.arcade-player) { background:#f3f0e8; overflow:auto; }
body:has(.arcade-player[data-learning-stage="game"]) { overflow:hidden; }
.arcade-player { --paper:#f3f0e8; --ink:#182721; --forest:#315c48; --rust:#ba542f; --line:#c8cec2; color:var(--ink); background:var(--paper); font:16px/1.55 'PT Sans', Arial, sans-serif; min-height:100dvh; }
.arcade-player *, .arcade-player *::before, .arcade-player *::after { box-sizing:border-box; }
.arcade-player [hidden] { display:none!important; }
.arcade-player h1,.arcade-player h2,.arcade-player p { margin-top:0; }
.arcade-player button,.arcade-player select { font:inherit; cursor:pointer; }
.arcade-player button,.arcade-player a,.arcade-player summary,.arcade-player select { -webkit-tap-highlight-color:transparent; }
.arcade-player button:disabled { opacity:.45; cursor:default; }
.arcade-player button:focus-visible,.arcade-player a:focus-visible,.arcade-player summary:focus-visible,.arcade-player select:focus-visible,.arcade-scene:focus-visible { outline:3px solid var(--rust); outline-offset:3px; }
.arcade-player button,.arcade-player a { touch-action:manipulation; }
.arcade-header { min-height:56px; padding:0 max(20px,env(safe-area-inset-left)); display:flex; align-items:center; justify-content:space-between; gap:16px; border-bottom:1px solid var(--line); }
.arcade-brand { display:flex; align-items:baseline; gap:12px; color:var(--ink); font-size:21px; font-weight:700; text-decoration:none; }
.arcade-brand>span { color:#536459; font-size:14px; font-weight:400; }
.arcade-exit { display:flex; align-items:center; min-height:44px; color:var(--forest); font-size:14px; text-underline-offset:4px; }
.arcade-journey { display:flex; justify-content:center; list-style:none; margin:0; padding:14px 20px; border-bottom:1px solid var(--line); gap:30px; }
.arcade-journey li { display:flex; align-items:center; gap:8px; color:#697469; font-size:14px; }
.arcade-journey li>span { display:grid; place-items:center; width:25px; height:25px; border:1px solid #afb8aa; border-radius:50%; font-size:13px; }
.arcade-journey strong { font-weight:400; }
.arcade-journey [aria-current] { color:var(--ink); }
.arcade-journey [aria-current]>span { color:#fff; background:var(--rust); border-color:var(--rust); }
.arcade-journey [aria-current]>strong { font-weight:700; }
.arcade-journey .is-complete>span { color:#fff; background:var(--forest); border-color:var(--forest); }
.arcade-learning { padding:52px 24px 64px; }
.arcade-learning-copy { width:min(100%,680px); margin:auto; }
.arcade-eyebrow { color:var(--forest); font-size:14px; font-weight:600; margin-bottom:16px; }
.arcade-learning h1 { margin:0 0 24px; font:400 clamp(32px,4vw,48px)/1.12 'PT Serif',Georgia, serif; letter-spacing:-.7px; }
.arcade-learning h2 { font:400 25px/1.2 'PT Serif',Georgia,serif; margin:28px 0 14px; }
.arcade-rule-text,.arcade-learning-copy>p { font-size:18px; line-height:1.65; }
.arcade-rule-formula { padding:24px 0; margin:24px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); font:400 clamp(30px,5vw,44px)/1.2 'PT Serif',Georgia,serif; color:var(--forest); }
.arcade-example { padding-left:18px; border-left:3px solid var(--rust); }
.arcade-example strong { display:block; margin-bottom:6px; font-size:14px; }
.arcade-lesson-promise { margin:28px 0; }
.arcade-primary,.arcade-secondary { display:inline-flex; justify-content:center; align-items:center; gap:8px; min-height:48px; padding:12px 20px; border:1px solid var(--forest); border-radius:4px; text-align:center; text-decoration:none; font:600 16px/1.3 'PT Sans',Arial,sans-serif; }
.arcade-primary { background:var(--forest); color:white; }
.arcade-secondary { background:transparent; color:var(--forest); }
.arcade-learning-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
.arcade-preflight-objective { padding:14px 18px; border-left:3px solid var(--forest); background:#e5e8dc; }
.arcade-instruction-steps { margin:28px 0; padding-left:24px; }
.arcade-instruction-steps li { padding:0 0 18px 8px; font-size:18px; line-height:1.6; }
.arcade-how-to-look { padding:12px 0; border-block:1px solid var(--line); }
.arcade-player summary { min-height:44px; cursor:pointer; padding:10px 0; }
.arcade-how-to-look p { margin:8px 0 14px; }
.arcade-result-summary { color:var(--forest); }
.arcade-measurement { padding:0 0 20px; border-bottom:1px solid var(--line); font-variant-numeric:tabular-nums; }
.arcade-reflection { margin-top:28px; padding:20px; background:#e8e9df; border-left:3px solid var(--rust); }
.arcade-reflection>strong { font-size:14px; }
.arcade-reflection p { margin:10px 0; }
.arcade-model-note { margin:24px 0 0; color:#637064; font-size:14px!important; }
.arcade-results-link { display:inline-flex; align-items:center; min-height:44px; margin-top:24px; color:var(--forest); text-underline-offset:4px; }
.arcade-player[data-learning-stage="game"] { display:grid; height:100dvh; min-height:0; grid-template-rows:50px 48px minmax(0,1fr); overflow:hidden; }
.arcade-player[data-learning-stage="game"] .arcade-header { min-height:0; }
.arcade-player[data-learning-stage="game"] .arcade-journey { padding:9px 16px; }
.arcade-game { min-width:0; min-height:0; display:grid; grid-template-rows:64px minmax(0,1fr); }
.arcade-game-head { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:8px 20px; border-bottom:1px solid var(--line); }
.arcade-game-head>div:first-child { min-width:0; }
.arcade-game-head .arcade-eyebrow { display:block; margin:0; font-size:12px; }
.arcade-game-head h1 { margin:0; font-size:20px; font-weight:600; line-height:1.25; }
.arcade-actions { display:flex; flex-shrink:0; gap:6px; }
.arcade-actions button { min-height:44px; padding:8px 13px; border:1px solid #a5b3a2; border-radius:4px; background:#fffdf6; color:var(--ink); font-size:14px; }
.arcade-actions .arcade-start { background:var(--forest); color:#fff; border-color:var(--forest); }
.arcade-game-body { display:grid; grid-template-columns:minmax(0,1fr) 300px; min-width:0; min-height:0; }
.arcade-arena { min-width:0; min-height:0; display:grid; grid-template-rows:minmax(160px,1fr) auto; background:#10232d; }
.arcade-viewport { position:relative; min-width:0; min-height:160px; overflow:hidden; }
.arcade-scene { position:absolute; inset:0; touch-action:none; }
.arcade-scene canvas { display:block; width:100%; height:100%; }
.arcade-crosshair { position:absolute; left:50%; top:50%; z-index:1; width:16px; height:16px; transform:translate(-50%,-50%); pointer-events:none; filter:drop-shadow(0 1px 2px #031019); }
.arcade-crosshair::before,.arcade-crosshair::after { content:''; position:absolute; background:#edfbe9; }
.arcade-crosshair::before { width:16px; height:2px; left:0; top:7px; }
.arcade-crosshair::after { width:2px; height:16px; left:7px; top:0; }
.arcade-fallback { position:absolute; inset:20px; align-content:center; padding:20px; border:1px solid #668575; background:#173129; color:#f3f0e8; }
.arcade-fallback p { margin:12px 0 0; }
.arcade-navigation { display:grid; grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"hint camera" "move camera"; gap:6px 16px; padding:10px 16px; background:#e7e8de; border-top:1px solid var(--line); max-height:50dvh; overflow:auto; }
.arcade-interaction-hint { grid-area:hint; min-width:0; color:#43594a; font-size:14px; line-height:1.3; overflow-wrap:anywhere; }
.arcade-fps-controls { grid-area:move; display:flex; align-items:center; gap:16px; }
.arcade-walk-pad { display:grid; grid-template-columns:repeat(4,44px); gap:6px; }
.arcade-walk-pad [data-walk=forward] { order:2; }
.arcade-walk-pad [data-walk=left] { order:1; }
.arcade-walk-pad [data-walk=backward] { order:3; }
.arcade-walk-pad [data-walk=right] { order:4; }
.arcade-walk-pad button,.arcade-interact { min-height:44px; padding:5px; border:1px solid #91a08e; border-radius:4px; color:var(--ink); background:#fffdf6; font-size:24px; touch-action:none; user-select:none; -webkit-user-select:none; }
.arcade-interact { min-width:105px; max-width:150px; padding:8px; font-size:14px; line-height:1.2; }
.arcade-walk-pad button.is-held,.arcade-interact.is-held { background:var(--forest); color:white; }
.arcade-camera-options { grid-area:camera; align-self:end; }
.arcade-camera-options>summary { list-style:none; border:1px solid #91a08e; border-radius:4px; padding:10px 12px; background:#fffdf6; font-size:14px; }
.arcade-camera-options[open] { grid-column:1/-1; grid-row:auto; grid-area:auto; }
.arcade-camera-options[open]>summary { margin-bottom:10px; }
.arcade-camera-options p { max-width:650px; font-size:14px; margin:12px 0 0; }
.arcade-view-controls,.arcade-camera { display:flex; flex-wrap:wrap; align-items:center; gap:6px; }
.arcade-view-controls { margin-bottom:8px; }
.arcade-view-controls button,.arcade-camera button,.arcade-camera select { min-height:44px; border:1px solid #91a08e; border-radius:4px; padding:8px 12px; background:#fffdf6; color:var(--ink); font-size:14px; }
.arcade-view-controls button[aria-pressed=true] { color:#fff; background:var(--forest); border-color:var(--forest); }
.arcade-camera label { display:flex; align-items:center; flex-wrap:wrap; gap:8px; font-size:14px; }
.arcade-camera select { max-width:145px; }
.arcade-panel { min-width:0; min-height:0; overflow:auto; padding:18px; border-left:1px solid var(--line); }
.arcade-objective { font-size:15px; line-height:1.5; padding-bottom:16px; margin-bottom:16px; border-bottom:1px solid var(--line); }
.arcade-pedals,.arcade-ballast { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.arcade-control { display:flex; align-items:center; justify-content:center; gap:7px; min-height:52px; padding:8px; border:1px solid #7f9a82; border-radius:4px; background:#dce7d5; color:var(--ink); font-size:15px; touch-action:none; user-select:none; -webkit-user-select:none; }
.arcade-control>span { font-size:22px; }
.arcade-control kbd { display:none; }
.arcade-control.is-held,.arcade-control:active { background:var(--forest); color:#fff; }
.arcade-brake { background:#eddfd4; border-color:#b68b74; }
.arcade-ballast .arcade-release { grid-column:1/-1; }
.arcade-components { display:grid; gap:8px; }
.arcade-component-row,.arcade-wire-row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }
.arcade-component-row[aria-label="Батарея"] { grid-template-columns:repeat(3,minmax(0,1fr)); }
.arcade-component-row>button,.arcade-wire-row>button { min-height:44px; min-width:0; padding:7px; border:1px solid #a3b19e; border-radius:4px; background:#fffdf6; color:var(--ink); font-size:14px; }
.arcade-component-row>button[aria-pressed=true],.arcade-wire-row>button[aria-pressed=true] { background:#d6e5ca; border-color:var(--forest); }
.arcade-switch { min-height:44px; font-size:14px; }
.arcade-live { margin-top:20px; }
.arcade-metrics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.arcade-metrics>div { min-width:0; display:grid; gap:4px; }
.arcade-metrics span { color:#596c5a; font-size:13px; }
.arcade-metrics strong { color:var(--ink); font-size:18px; font-weight:500; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.arcade-progress { margin-top:16px; }
.arcade-progress>div:first-child { display:flex; justify-content:space-between; font-size:13px; }
#arcade-progressbar { height:4px; margin-top:5px; background:#ced6c5; }
#arcade-progress-fill { display:block; width:0; height:100%; background:var(--forest); }
.arcade-message { color:#49614d; font-size:14px; line-height:1.4; margin:12px 0 0; }
.arcade-result-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; margin-top:24px; border-top:1px solid var(--line); }
.arcade-result-grid>a { display:grid; gap:8px; min-width:0; text-decoration:none; color:var(--forest); padding:20px 12px; border-bottom:1px solid var(--line); border-right:1px solid var(--line); }
.arcade-result-grid strong { font:400 30px 'PT Serif',Georgia,serif; }
.arcade-result-grid small { color:#586b5a; }
@media(max-width:1024px) {
  .arcade-player[data-learning-stage="game"] { grid-template-rows:44px 38px minmax(0,1fr); }
  .arcade-player[data-learning-stage="game"] .arcade-header { padding:0 14px; }
  .arcade-player[data-learning-stage="game"] .arcade-brand { font-size:18px; }
  .arcade-player[data-learning-stage="game"] .arcade-brand>span { display:none; }
  .arcade-player[data-learning-stage="game"] .arcade-journey { gap:20px; padding:7px 12px; }
  .arcade-player[data-learning-stage="game"] .arcade-journey li { font-size:13px; gap:6px; }
  .arcade-player[data-learning-stage="game"] .arcade-journey li>span { width:22px; height:22px; font-size:12px; }
  .arcade-game { grid-template-rows:55px minmax(0,1fr); }
  .arcade-game-head { padding:6px 14px; gap:8px; }
  .arcade-game-head h1 { font-size:17px; }
  .arcade-game-head .arcade-eyebrow { font-size:11px; }
  .arcade-actions { gap:5px; }
  .arcade-actions button { padding:7px 10px; }
  .arcade-game-body { grid-template-columns:1fr; grid-template-rows:minmax(160px,1fr) auto; overflow:auto; }
  .arcade-arena { grid-template-rows:minmax(140px,1fr) auto; }
  .arcade-viewport { min-height:140px; }
  .arcade-panel { border-left:0; border-top:1px solid var(--line); padding:10px 14px max(10px,env(safe-area-inset-bottom)); display:grid; gap:8px; grid-template-columns:minmax(0,1fr) minmax(0,1fr); overflow:visible; }
  .arcade-objective { grid-column:1/-1; margin:0; padding:0; border:0; font-size:13px; line-height:1.35; }
  .arcade-inputs { min-width:0; }
  .arcade-live { margin:0; min-width:0; }
  .arcade-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px 10px; }
  .arcade-metrics>div { gap:0; }
  .arcade-metrics span { font-size:12px; }
  .arcade-metrics strong { font-size:14px; }
  .arcade-progress { margin-top:6px; }
  .arcade-message { font-size:12px; margin-top:6px; }
  .arcade-control { min-height:46px; font-size:14px; }
  .arcade-ballast { grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; }
  .arcade-ballast .arcade-release { grid-column:auto; }
  .arcade-navigation { padding:7px 14px; gap:4px 10px; }
  .arcade-interaction-hint { font-size:13px; }
  .arcade-fps-controls { gap:8px; }
  .arcade-components { grid-template-columns:1fr 1fr; gap:5px; }
  .arcade-component-row>button,.arcade-wire-row>button { padding:5px; font-size:13px; }
  .arcade-switch { min-height:44px; font-size:13px; }
  .arcade-game:has(.arcade-components) .arcade-panel { grid-template-columns:1fr; }
  .arcade-game:has(.arcade-components) .arcade-live { display:none; }
}
@media(max-width:600px) {
  .arcade-header { padding:0 18px; }
  .arcade-brand>span { display:none; }
  .arcade-journey { padding:12px 14px; gap:14px; justify-content:space-between; }
  .arcade-journey li { gap:5px; font-size:12px; }
  .arcade-journey li>span { width:22px; height:22px; }
  .arcade-journey strong { font-size:11px; }
  .arcade-learning { padding:32px 20px 48px; }
  .arcade-learning h1 { font-size:34px; margin-bottom:20px; }
  .arcade-rule-text,.arcade-learning-copy>p,.arcade-instruction-steps li { font-size:17px; }
  .arcade-learning-actions { gap:8px; }
  .arcade-learning-actions>.arcade-primary { flex:1; }
  .arcade-learning-actions>button { padding:11px 12px; }
  .arcade-player[data-learning-stage="game"] .arcade-journey { gap:10px; }
  .arcade-player[data-learning-stage="game"] .arcade-journey li { gap:4px; }
  .arcade-player[data-learning-stage="game"] .arcade-journey strong { font-size:10px; }
  .arcade-game-head h1 { font-size:15px; line-height:1.2; }
  .arcade-game-head .arcade-eyebrow { font-size:10px; }
  .arcade-actions button { padding:7px 9px; font-size:13px; }
  .arcade-panel { grid-template-columns:1fr; gap:8px; }
  .arcade-panel .arcade-live { display:flex; align-items:center; gap:12px; }
  .arcade-metrics { flex:1; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 8px; }
  .arcade-metrics>div:nth-child(n+3) { display:none; }
  .arcade-metrics span { font-size:11px; }
  .arcade-metrics strong { font-size:14px; white-space:nowrap; }
  .arcade-progress { width:70px; margin:0; }
  .arcade-progress>div:first-child { font-size:11px; }
  .arcade-message { display:none; }
  .arcade-pedals { gap:8px; }
  .arcade-navigation { padding:6px 10px; gap:4px 6px; }
  .arcade-fps-controls { gap:6px; }
  .arcade-walk-pad { grid-template-columns:repeat(4,44px); gap:4px; }
  .arcade-interact { min-width:78px; max-width:92px; font-size:13px; }
  .arcade-camera-options>summary { padding:10px 7px; font-size:12px; }
  .arcade-interaction-hint { font-size:12px; }
  .arcade-result-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:360px) {
  .arcade-player[data-learning-stage="game"] .arcade-header { padding:0 10px; }
  .arcade-player[data-learning-stage="game"] .arcade-journey { padding-inline:8px; gap:5px; }
  .arcade-game-head { padding-inline:10px; }
  .arcade-game-head h1 { max-width:150px; font-size:14px; }
  .arcade-walk-pad { grid-template-columns:repeat(4,44px); gap:2px; }
  .arcade-interact { min-width:72px; padding:5px; font-size:12px; }
  .arcade-camera-options>summary { padding:10px 5px; font-size:11px; }
  .arcade-navigation { padding-inline:6px; gap:4px; }
  .arcade-fps-controls { gap:4px; }
  .arcade-learning { padding-inline:16px; }
}
@media(max-height:520px) and (min-width:480px) {
  .arcade-player[data-learning-stage="game"] { grid-template-rows:40px 34px minmax(0,1fr); }
  .arcade-game { grid-template-rows:50px minmax(0,1fr); }
  .arcade-game-body { grid-template-columns:minmax(0,1fr) 220px; grid-template-rows:1fr; }
  .arcade-panel { display:block; padding:10px; overflow:auto; border-left:1px solid var(--line); border-top:0; }
  .arcade-objective { margin-bottom:10px; font-size:13px; }
  .arcade-live { margin-top:10px; display:block!important; }
  .arcade-game:has(.arcade-components) .arcade-live { display:block; }
  .arcade-arena { grid-template-rows:minmax(110px,1fr) auto; }
  .arcade-viewport { min-height:110px; }
  .arcade-components { grid-template-columns:1fr; }
  .arcade-navigation { padding:4px 8px; }
  .arcade-interaction-hint { display:none; }
  .arcade-fps-controls { grid-row:1; }
  .arcade-camera-options { grid-row:1; }
  .arcade-game-head h1 { font-size:16px; }
}

@media(max-width:600px) {
  .arcade-navigation { grid-template-areas:"hint camera" "move move"; }
  .arcade-fps-controls { justify-content:space-between; }
  .arcade-interact { flex:1; max-width:130px; }
  .arcade-player[data-learning-stage="game"] .arcade-journey li>span { display:none; }
  .arcade-player[data-learning-stage="game"] .arcade-journey strong { font-size:12px; }
  .arcade-player[data-learning-stage="game"] .arcade-journey li[aria-current] { border-bottom:2px solid var(--rust); }
}

.arcade-results { --line:#c8cec2; --forest:#315c48; }
@media(max-width:1024px) {
  .arcade-objective { font-size:14px; }
  .arcade-interaction-hint { font-size:14px; }
}
@media(max-width:600px) {
  .arcade-player[data-learning-stage="game"] .arcade-journey strong { font-size:13px; }
  .arcade-camera-options>summary,.arcade-interact { font-size:14px; }
  .arcade-actions button { font-size:14px; }
}

@media(max-height:400px) and (min-width:480px) and (max-width:700px) {
  .arcade-player[data-learning-stage="game"] { grid-template-rows:36px 28px minmax(0,1fr); }
  .arcade-player[data-learning-stage="game"] .arcade-journey { padding-block:4px; }
  .arcade-game { grid-template-rows:44px minmax(0,1fr); }
  .arcade-game-head .arcade-eyebrow { display:none; }
  .arcade-game-body { grid-template-columns:minmax(0,1fr) 180px; }
  .arcade-arena { grid-template-rows:minmax(100px,1fr) auto; }
  .arcade-viewport { min-height:100px; }
  .arcade-navigation { grid-template-areas:"move move" "camera camera"; grid-template-columns:minmax(0,1fr) auto; gap:4px; padding:4px 6px; }
  .arcade-camera-options { grid-area:camera; justify-self:start; }
  .arcade-camera-options>summary { min-height:44px; }
  .arcade-fps-controls { grid-area:move; }
  .arcade-walk-pad { gap:2px; }
  .arcade-interact { min-width:72px; }
}

@media(max-width:1024px) and (min-height:521px) {
  .arcade-components { grid-template-columns:repeat(5,minmax(0,1fr)); }
  .arcade-components .arcade-component-row,.arcade-components .arcade-wire-row { display:contents; }
  .arcade-component-row>button,.arcade-wire-row>button,.arcade-switch { font-size:14px; overflow-wrap:anywhere; }
  .arcade-game:has(.arcade-components) .arcade-panel { gap:8px; }
}

.arcade-actions button { min-width:44px; flex-shrink:0; }
.arcade-game-head>div:first-child { flex:1; min-width:0; }
.arcade-game-head h1 { overflow-wrap:anywhere; }
.arcade-walk-pad button { height:44px; min-height:44px; padding:0; line-height:1; }
.arcade-interact { min-height:44px; line-height:1.2; }
.arcade-navigation:not(:has(.arcade-camera-options[open])) { max-height:none; overflow:visible; }
@media(max-width:1024px) and (min-height:521px) {
  .arcade-game-body { grid-template-rows:minmax(244px,1fr) auto; }
  .arcade-components { grid-auto-rows:46px; }
  .arcade-components button { height:46px; min-height:44px; padding:3px; line-height:1.2; }
}
@media(max-width:600px) and (min-height:521px) {
  .arcade-navigation { min-height:104px; grid-template-rows:minmax(44px,auto) 44px; }
  .arcade-fps-controls { min-height:44px; }
  .arcade-camera-options>summary { min-height:44px; line-height:1.2; }
  .arcade-interaction-hint { align-self:center; }
}

@media(max-height:520px) and (min-width:480px) {
  .arcade-ballast { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .arcade-ballast .arcade-release { grid-column:1/-1; }
}
@media(max-height:400px) and (min-width:480px) and (max-width:700px) {
  .arcade-navigation { grid-template-areas:"move camera"; grid-template-columns:minmax(0,1fr) 58px; grid-template-rows:44px; min-height:52px; padding:4px 6px; gap:4px; }
  .arcade-navigation .arcade-interaction-hint { display:none; }
  .arcade-fps-controls { grid-area:move; gap:4px; min-width:0; }
  .arcade-camera-options { grid-area:camera; justify-self:stretch; }
  .arcade-camera-options>summary { width:58px; height:44px; min-height:44px; padding:10px 4px; font-size:13px; line-height:1.2; text-align:center; }
  .arcade-interact { min-width:72px; max-width:120px; }
  .arcade-navigation:has(.arcade-camera-options[open]) { grid-template-rows:44px auto; }
  .arcade-camera-options[open] { grid-area:auto; grid-column:1/-1; grid-row:2; }
}