html:has(body.station-embedded),body.station-embedded{height:100%;overflow:hidden}
.station-embedded .layout{height:100dvh;width:100%;max-width:none;padding:0;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 45%,#14344080,transparent 70%),repeating-linear-gradient(90deg,transparent 0 47px,#8be9da04 48px),#060d17}
.station-embedded .game-section{height:100%;width:100%;min-width:0;margin:0}
.station-embedded .game-frame{height:100%;min-height:0;max-height:none;width:100%;border-radius:0;border-block:0;box-shadow:0 0 70px #8be9da0b}
@media(max-height:540px){.station-embedded .hud{top:8px;left:10px;right:10px}.station-embedded .shield-status{top:80px}.station-embedded .overlay{padding:18px}.station-embedded .orbit-emblem{width:45px;height:45px;margin-bottom:8px}.station-embedded .orbit-emblem svg{width:32px;height:32px}.station-embedded .overlay #overlay-title{font-size:27px;margin:9px 0}.station-embedded .overlay #overlay-copy{font-size:10px;margin:8px 0}.station-embedded .start-tip{font-size:8px;margin-top:7px}.station-embedded .run-results{gap:5px;padding:8px 0;margin-top:10px}.station-embedded .run-results strong{font-size:22px}}

.station-embedded>.meddon-staging-banner{display:none}
/* Reset the standalone two-column grid before centering the embedded runtime. */
.station-embedded .layout{grid-template-columns:minmax(0,1fr);gap:0;margin:0}
/* Keep the HUD below the phone's back control and hardware safe area. */
@media(max-width:599px){.station-embedded .hud{top:max(48px,calc(env(safe-area-inset-top) + 42px));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right))}.station-embedded .shield-status{top:132px}.station-embedded .touch-controls{bottom:max(12px,env(safe-area-inset-bottom))}.station-embedded .overlay{padding-top:90px}}
.station-embedded .orientation-notice{display:none}.station-embedded .game-frame{visibility:visible}
@media(max-height:450px) and (min-width:600px){.station-embedded .hud{top:8px}.station-embedded .touch-controls button{height:42px}.station-embedded .touch-controls{bottom:8px}.station-embedded .overlay{padding:65px 20px 55px}}
/* The same world fills wide frames; only the amount of decorative scenery changes. */
.station-embedded .game-viewport{background:#0a1723;border:0;box-shadow:none}
@media(min-width:701px) and (max-width:1149px){.station .player{aspect-ratio:4/3}}
.station-embedded .game-frame{background:radial-gradient(ellipse at center,#142b3880,transparent 68%),#060d15}
/* Keep the optional guest-name form usable inside the existing result card. */
.station-embedded .overlay:has(.web-record-form:not([hidden])){padding:18px 20px 65px}
.station-embedded .overlay:has(.web-record-form:not([hidden])) .orbit-emblem{width:36px;height:36px;margin-bottom:5px}
.station-embedded .overlay:has(.web-record-form:not([hidden])) #overlay-title{font-size:26px;margin:7px 0}
.station-embedded .overlay:has(.web-record-form:not([hidden])) #overlay-copy{margin:5px 0}
.station-embedded .overlay:has(.web-record-form:not([hidden])) .run-results{padding:8px 0;margin:8px 0}
.station-embedded .web-record-form{gap:7px;margin:8px 0;padding:12px;text-align:left}
.station-embedded .web-record-form label{font-size:12px}.station-embedded .web-record-form input{min-height:34px;padding:7px 9px}
.station-embedded .web-record-form .web-name-note{font-size:10px;line-height:1.5;margin:0}
@media(max-height:500px) and (min-width:600px){.station-embedded .touch-controls{width:min(380px,calc(100% - 24px));left:50%;right:auto;transform:translateX(-50%)}}
