/* Shared chrome for every Arcade Lab page: language picker, stream autopilot switch, touch pad. */
.arcade-top-actions,.top-actions{display:flex;align-items:center;gap:14px}
.lang-picker{position:relative;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 8px;border:1px solid var(--line-soft,#2b3b40);border-radius:8px;background:#101c27;color:#b9cad1;font:9px var(--mono,"DM Mono",Consolas,monospace);letter-spacing:.04em}
.lang-picker:hover,.lang-picker:focus-within{border-color:var(--accent,var(--green,#a9f36c))}
.lang-picker-icon{font-size:11px;line-height:1}
.lang-picker select{appearance:none;-webkit-appearance:none;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;padding:0 2px;max-width:110px}
.lang-picker select:focus{outline:none}
.lang-picker option{background:#101c27;color:#dce7ea}
.mode-switch[hidden],.touch-controls[hidden],.series-switch[hidden]{display:none!important}
.arcade-eyebrow b,.eyebrow b,.card-top b,h1 b{font-weight:inherit}
.arcade-howto-keys{margin:0!important;color:#7f98a2!important;font:8px var(--mono,"DM Mono",Consolas,monospace)!important;letter-spacing:.05em}
.arcade-button:disabled{opacity:.45;cursor:default;transform:none}
.touch-controls{display:none}
@media (hover:none) and (pointer:coarse){
  .touch-controls:not([hidden]){width:min(100%,960px);margin:12px auto 0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;user-select:none;-webkit-user-select:none;touch-action:none}
  .board-wrap .touch-controls{margin-top:12px}
}
body.is-autopilot .touch-controls{display:none!important}
/* ASMR key clicks exist only for the stream autopilot; players keep just the effects control. */
body:not(.is-autopilot) #soundToggle,body:not(.is-autopilot) #soundVolume{display:none!important}
body:not(.is-autopilot) .effects-control{border-left:0;padding-left:0}
.touch-key{width:62px;height:56px;display:grid;place-items:center;border:1px solid #33505b;border-radius:12px;background:linear-gradient(160deg,#1a2b36,#101c27);color:var(--accent,var(--green,#a9f36c));font-size:20px;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:none}
.touch-key.is-down{background:rgba(var(--accent-rgb,169,243,108),.18);border-color:var(--accent,var(--green,#a9f36c));transform:translateY(1px)}
.touch-key.touch-fire,.touch-key.touch-missile,.touch-key.touch-bomb{border-radius:50%;width:58px;height:58px}
[dir="rtl"] .arcade-description,[dir="rtl"] .arcade-info-card p,[dir="rtl"] .intro-copy{text-align:right}
[dir="rtl"] .arcade-board-footer,[dir="rtl"] .board-footer{direction:rtl}
[dir="rtl"] kbd{direction:ltr}
/* Tracking breaks cursive Arabic/Urdu joins and Indic conjuncts. */
:root:is([lang="ar"],[lang="ur"],[lang="hi"],[lang="bn"]) body *{letter-spacing:normal!important}
.arcade-scanline,.scanline{overflow:hidden}
[dir="rtl"] .arcade-scanline span,[dir="rtl"] .scanline span{animation-name:arcade-scan-rtl}
@keyframes arcade-scan-rtl{to{transform:translateX(-190%)}}
/* The ready/result card must fit a 16:10 field on phones. */
@media(max-width:560px){
  .arcade-overlay-card{padding:14px 14px 12px}
  .arcade-overlay .overlay-mark,.arcade-overlay .overlay-kicker{display:none}
  .arcade-overlay h2{font-size:18px;margin-bottom:4px}
  .arcade-overlay p:not(.overlay-kicker){margin-bottom:10px;font-size:10px;line-height:1.5}
  .arcade-overlay .arcade-button{height:34px;min-height:34px}
}
@media(max-width:560px){.arcade-top-actions,.top-actions{gap:8px}.lang-picker select{max-width:84px}}