#arcade{position:fixed;inset:0;z-index:6;pointer-events:none}
#arcade button{pointer-events:auto}
.game-nav{position:absolute;top:105px;left:4vw;right:4vw;display:flex;gap:6px;padding:7px;border:1px solid #86fff13b;background:#081422b8;backdrop-filter:blur(18px);width:max-content;max-width:92vw;pointer-events:auto;overflow-x:auto}
.game-nav button{padding:11px 16px;white-space:nowrap;font:12px Arial,sans-serif;color:#aebbc9;transition:background .2s,color .2s}
.game-nav button small{font:9px monospace;margin-right:8px;color:#68bcb8}
.game-nav button[aria-pressed=true]{color:#b6fff3;background:#2a6b6c50;box-shadow:inset 0 -2px #68fff0}
.game-nav button:hover{background:#ffffff12;color:white}
.game-hud{position:absolute;left:4vw;right:4vw;top:170px;display:flex;gap:24px;align-items:center;background:#07121cb0;border:1px solid #8affec30;padding:16px 20px;backdrop-filter:blur(14px)}
.game-hud>div:first-child{display:grid;grid-template-columns:auto auto;gap:6px 14px;align-items:center;flex:1}
.game-kicker{font:10px monospace;letter-spacing:.15em;color:#86fff0}
.game-score{font:32px monospace;grid-row:span 2}
.game-goal{font-size:11px;color:#aab6c4}
.game-stats{display:flex;align-items:center;gap:22px;font:11px monospace}
.game-stats label{display:flex;flex-direction:column;gap:6px;font-size:8px;letter-spacing:.1em}
.game-stats progress{width:115px;height:5px;accent-color:#69ffe5}
.game-extra{font-size:10px;color:#90d6d2;max-width:190px}
.game-hud button{border:1px solid #ffffff40;padding:10px 13px;font-size:11px}
.game-dialog{position:absolute;top:52%;left:50%;transform:translate(-50%,-50%);width:min(490px,90vw);padding:32px;background:linear-gradient(135deg,#0b1e2bf2,#17142af2);border:1px solid #7fffee50;box-shadow:0 24px 100px #0008;backdrop-filter:blur(20px);pointer-events:auto}
.game-eyebrow{font:10px monospace;color:#79ffe7;letter-spacing:.22em;margin:0 0 14px}
.game-dialog h2{font-size:clamp(30px,4vw,46px);font-weight:400;letter-spacing:-.04em;margin:0 0 18px}
.game-description{font-size:14px;line-height:1.7;color:#bcc9d6}
.game-record{font:11px monospace;color:#f6a1bb;margin:22px 0}
.game-dialog-actions{display:flex;gap:10px}
.game-dialog-actions button{padding:14px 18px;border:1px solid #ffffff40;font-size:12px}
.game-dialog-actions button:first-child{background:#8affe5;color:#071923;border:0;flex:1}
.game-controls{font-size:10px;line-height:1.6;color:#7c91a5;margin:20px 0 0}
.game-bottom{position:absolute;bottom:30px;left:4vw;right:4vw;display:flex;justify-content:space-between;align-items:center;gap:20px}
.game-message{font:14px monospace;color:#b3fff0;text-shadow:0 0 20px #2bffbe;max-width:65%}
.game-bottom button{padding:18px 24px;border:1px solid #7affed70;background:#073a43bf;font:12px monospace;backdrop-filter:blur(12px)}
.game-fallback{z-index:-1;pointer-events:auto;touch-action:none}
#arcade [hidden]{display:none}
.game-active main,.game-active footer,.game-active #fallback,.game-active .sun{display:none}
.game-active header #motion{display:none}
body:not(.game-active) main{top:190px}
.game-running #world{touch-action:none}
@media(max-width:700px){
.game-nav{top:88px;left:16px;right:16px;max-width:calc(100vw - 32px);padding:4px;gap:2px}
.game-nav button{padding:10px 11px;font-size:11px}.game-nav button small{display:none}
.game-hud{top:142px;left:16px;right:16px;padding:12px;gap:10px;flex-wrap:wrap}
.game-hud>div:first-child{min-width:160px}.game-score{font-size:26px}.game-stats{gap:10px;order:3;width:100%;justify-content:space-between}
.game-hud button{padding:8px}.game-extra{font-size:9px}.game-goal{font-size:10px}
.game-dialog{top:56%;padding:24px;max-height:calc(100dvh - 210px);overflow-y:auto}.game-description{font-size:12px}.game-record{margin:14px 0}
.game-controls{font-size:9px}.game-dialog-actions button{padding:13px 10px;font-size:11px}
.game-bottom{bottom:22px;left:16px;right:16px}.game-bottom button{padding:15px 12px;font-size:10px}.game-message{font-size:11px}
body:not(.game-active) main{top:165px}
}

body>header>span{position:fixed;top:120px;left:4vw;right:auto;font-size:10px;letter-spacing:.12em}
.game-nav{top:33px;left:calc(4vw + 140px);right:calc(4vw + 350px);width:auto;max-width:none;justify-content:center}
.game-nav button{padding:11px 12px;font-size:11px}
@media(max-width:1100px) and (min-width:701px){.game-nav{left:calc(4vw + 120px);right:calc(4vw + 300px);justify-content:flex-start}.game-nav button{padding:11px 8px;font-size:10px}.game-nav button small{display:none}}
@media(max-width:700px){body>header>span{display:block;top:137px;left:16px;font-size:8px;color:#91b6c1}.game-nav{top:88px;left:16px;right:16px;max-width:calc(100vw - 32px);justify-content:flex-start}.game-nav button{padding:10px 11px;font-size:11px}.game-hud{top:160px}}

/* One shared centre line for the desktop toolbar. */
body>header{height:50px}
body>header>a,body>header .manual-trigger,body>header #motion{height:41px;display:flex;align-items:center;justify-content:center}
body>header>a{padding:10px 18px}
body>header .manual-trigger{padding:0 12px}
body>header #motion{padding:0 12px}
body>header .audio-controls{height:50px;align-items:center}
.game-nav{top:30px;height:50px;padding:4px;align-items:center}
.game-nav button{height:40px;display:flex;align-items:center;justify-content:center;padding-top:0;padding-bottom:0}
@media(max-width:700px){.game-nav{top:88px;height:42px}.game-nav button{height:32px}}

/* Compact status dock leaves the flight path clear. */
#arcade .game-hud{top:auto;bottom:88px;left:4vw;right:auto;max-width:92vw;width:max-content;padding:9px 12px;gap:14px;box-sizing:border-box}
#arcade .game-hud>div:first-child{flex:0;gap:4px 10px}
#arcade .game-goal{display:none}
#arcade .game-score{grid-row:auto;font-size:24px}
#arcade .game-kicker{font-size:8px}
#arcade .game-stats{gap:14px}
#arcade .game-hud button{padding:8px 10px}
body.game-running>header>span{display:none}
@media(max-width:700px){
#arcade .game-hud{left:16px;bottom:82px;max-width:calc(100vw - 32px);padding:8px 10px;gap:8px}
#arcade .game-hud>div:first-child{min-width:0}
#arcade .game-kicker{display:none}
#arcade .game-score{font-size:20px}
#arcade .game-stats{order:0;width:auto;gap:9px;flex-wrap:wrap}
#arcade .game-stats progress{width:68px}
#arcade .game-extra{max-width:135px;font-size:8px}
}