/* Reuse every existing room and sprite; this layer only changes arcade HUD/control layout. */
.arcade-hud{background:#17291e;border:1px solid #819071;border-radius:9px;padding:8px 10px;margin:0 0 8px;flex-shrink:0}
.arcade-hud>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:10px}.arcade-hud b{font-size:13px;color:#f5e0a5}.arcade-hud strong{font-size:22px;font-variant-numeric:tabular-nums;color:#f7ead0}.arcade-hud small{display:block;color:#c8d2c3;font-size:11px;line-height:1.3;margin-top:5px}.arcade-track{height:4px;background:#324333;border-radius:4px;overflow:hidden}.arcade-track i{display:block;width:0;height:100%;background:#c1d797}.arcade-hud.urgent{border-color:#e49c7e}.arcade-hud.urgent strong{color:#ffbd9f}
.pension-arcade .objective{display:flex}.pension-arcade .mobile{grid-template-columns:122px minmax(0,1fr)}.pension-arcade #fire{display:none}.pension-arcade .buttons{justify-content:flex-end}.pension-arcade .stick{background:radial-gradient(circle,#344a39 0 50%,#14271c 51%);overflow:hidden;cursor:grab}.stick-knob{position:absolute;width:36%;height:36%;border-radius:50%;background:#c6b779;border:2px solid #f0d99c;box-shadow:0 3px 10px #0005;transform:translate(var(--stick-x,0px),var(--stick-y,0px));pointer-events:none}.stick>span{position:absolute;bottom:8px;font-size:10px;pointer-events:none}.stick.active{cursor:grabbing}.stick.active .stick-knob{background:#e4ca80}
#playAgain{display:block;width:min(100%,420px);margin:14px auto 9px;min-height:54px;font-size:17px;background:#dfc179;color:#18251b;border-color:#fff0ba}#returnSquad{font-size:12px}#scoreBest{font-weight:900;color:#e7d191;margin:8px 0}#resultHighlight{font-size:12px;color:#bccdb8}.results #resultError:empty{display:none}
body.pension-active.pension-arcade .arcade-hud{margin:0;padding:4px 7px}body.pension-active.pension-arcade .arcade-hud b{font-size:11px}body.pension-active.pension-arcade .arcade-hud strong{font-size:18px}body.pension-active.pension-arcade .arcade-hud small{font-size:10px;margin-top:3px}body.pension-active.pension-arcade .mobile{grid-template-columns:112px minmax(0,1fr);gap:12px}body.pension-active.pension-arcade .stick{width:112px;height:112px}body.pension-active.pension-arcade .buttons{flex-direction:row;justify-content:flex-end;gap:8px}body.pension-active.pension-arcade .buttons button{min-width:72px;min-height:48px;font-size:11px;padding:9px 7px}body.pension-active #soundToggle{min-height:32px;min-width:74px}body.pension-active .results{max-height:76%;inset:10% 4% auto;overscroll-behavior:contain;touch-action:pan-y}body.pension-active #game .results,body.pension-active #game .results *{touch-action:pan-y}
@media(max-width:370px){body.pension-active.pension-arcade .mobile{grid-template-columns:96px minmax(0,1fr);gap:6px}body.pension-active.pension-arcade .stick{width:96px;height:96px}body.pension-active.pension-arcade .buttons button{min-width:62px}body.pension-active .mission-strip .objective{max-width:38%}}
@media(orientation:landscape){body.pension-active.pension-arcade .arcade-hud small{display:none}body.pension-active.pension-arcade .mobile{grid-template-columns:100px minmax(0,1fr)}body.pension-active.pension-arcade .stick{width:100px;height:100px}}
@media(prefers-reduced-motion:reduce){.stick,.stick-knob,.arcade-hud,.caption{transition:none!important;animation:none!important}button:hover{transform:none}}