/* Silver Roadster cockpit: shared palette and viewport-safe controls. */
:root{--paper:#eef7fb;--muted:#9fb4c4;--coral:#b9e6f2;--line:#b9d4e326}
html,body{background:#07111b;color:var(--paper)}
body{background:radial-gradient(ellipse at 50% 45%,#172f40,transparent 70%),#07111b}
.game-wrap{background:linear-gradient(120deg,#111e29,#07111b 50%,#142432)}
.brand-icon{border-color:var(--coral)}.brand-icon:before,.brand-icon:after,.edition i{background:var(--coral)}
.primary{background:#c6e8f2;border-color:#effbff;color:#102331;min-height:48px;font-size:11px;letter-spacing:1.5px}
.primary:hover{background:#e0f4fa}.primary:active{background:#a9cfde}
.icon-btn{background:#102330;border-color:#b9d4e345}.icon-btn svg{stroke:#e6f5fc}
.overlay p{color:#c3d4df;font-size:11px}.tiny{color:#91aabb;letter-spacing:1px}
.over-kicker,#paused .over-kicker,#end .over-kicker{color:#b9e6f2}
#share-x{background:#152b3b;border-color:#a7c3d34d;color:#e8f5fc;font-family:'Courier New',monospace;font-size:11px;min-height:48px}
#share-x:hover{background:#234253}.reward-progress i{background:#b9e6f2}
#reward-panel{background:#0b1b29;border-color:#aacddd30;font-family:'Courier New',monospace}
.reward-summary strong{font-size:10px;letter-spacing:1px}.reward-summary div>span{font-size:10px;color:#adc1ce}.reward-threshold{font-size:10px}.reward-best{font-size:7px}
.score-label,.best{color:#afc5d3}.flight-number{color:#92aebf;letter-spacing:.8px}
.primary,#share-x{max-width:100%}.start-content{padding-inline:20px}
#flight-toast{white-space:normal;width:max-content;max-width:calc(100% - 32px)}
@media(max-width:700px){
 html,body{min-height:100%;overscroll-behavior-y:none}
 body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
 header{height:42px;min-height:42px;width:calc(100% - 28px)}
 .brand{font-size:11px;letter-spacing:3px}.edition{font-size:6px;letter-spacing:.7px}
 main{padding:0;width:100%;margin:0;flex:1}
 .game-wrap{max-width:none;background:#07111b}
 .game{width:min(100%,calc((100dvh - 68px - env(safe-area-inset-top) - env(safe-area-inset-bottom))*.5625));aspect-ratio:288/512}
 footer{min-height:26px;justify-content:center;width:100%;font-size:7px;padding:4px 8px;text-align:center}
 .footer-label{display:none}.hud{inset:14px 14px auto}.hud-buttons{gap:8px}
 .icon-btn{width:46px;height:46px}.score-label{font-size:8px}.best{font-size:9px;letter-spacing:1px}
 .over-kicker{font-size:8px;letter-spacing:1.5px}.overlay p{font-size:11px}
 .tiny{font-size:8px}.primary{min-width:190px;height:48px}.flight-number{font-size:7px;inset:auto 14px 12px}
 #end .primary,#share-x{width:min(240px,100%)}
 #end .result{margin:12px 0;gap:25px}.result div{font-size:9px;letter-spacing:1px}
 .start-content{top:45%}.overlay{padding:18px}
}
html[data-embed="true"] body{padding:0}
html[data-embed="true"] .game{width:min(100vw,calc(100dvh*.5625))}
html[data-embed="true"] .primary{height:48px;min-height:48px}
html[data-embed="true"] .overlay p{font-size:11px}
@media(max-height:600px){
 .start-content,html[data-embed="true"] .start-content{top:43%}
 .overlay p,html[data-embed="true"] .overlay p{font-size:10px;margin:10px auto 12px}
 .over-kicker{font-size:7px;margin-bottom:8px}.tiny{margin-top:10px}
 #end h2{font-size:23px}#end .result{margin:8px 0}#end .result strong{font-size:25px}
 #reward-panel{height:105px;margin-bottom:10px;padding:8px 10px}
 #end .tiny{display:none}
}
/* Landscape keeps the flight world proportional; controls use the side space. */
@media(orientation:landscape) and (max-height:500px){
 header,footer{display:none!important}
 .game-wrap:before,.game-wrap:after{display:none}.game-wrap{border:0;border-radius:0}
 body{height:100dvh;min-height:0;overflow:hidden}
 main,.game-wrap{height:100%;width:100%;padding:0}
 .game,html[data-embed="true"] .game{width:100%;height:100%;aspect-ratio:auto;background:#091526}
 canvas{width:calc(100dvh*.5625);height:100%;margin-left:calc(25% - 100dvh*.28125)}
 .hud,html[data-embed="true"] .hud{left:53%;right:20px;top:14px}
 .start-content,html[data-embed="true"] .start-content{left:50%;width:50%;top:54%;transform:translateY(-50%);padding:0 18px}
 #start h2,html[data-embed="true"] #start h2{font-size:25px}
 .start-content .over-kicker,.start-content .tiny,.flight-number{display:none}
 #end,#paused{left:50%;padding:14px;background:#0b1b29}
 #end h2{font-size:20px}#end h2 span{display:inline;margin-left:7px}
 #end .over-kicker,#end .tiny{display:none}#end .result{margin:8px 0;gap:20px}#end .result strong{font-size:24px}
 #reward-panel{height:96px;margin-bottom:8px;padding:6px 10px}
 #end .primary,#share-x{min-height:44px;height:44px;padding:10px;min-width:0;width:min(240px,100%)}
 #share-x{margin-top:8px}.overlay h2{font-size:25px}
 #flight-toast{left:25%;top:16px;max-width:45%}
}
.reward-best{display:none}
.game[data-state="ready"] .hud,.game[data-state="launching"] .hud,.game[data-state="playing"] .hud{z-index:7}