/* The cabin fills the viewport; coin controls live on the car display. */
html,body{width:100%;height:100%;overflow:hidden}
main{height:100%}
.cockpit,.cockpit.studio-open{width:100%;height:100dvh;min-height:0;aspect-ratio:auto}
.scene-image{background-position:center;background-size:cover;transition:filter .4s}
.scene-shade{background:linear-gradient(0deg,#0005,transparent 18%,transparent 90%,#0003)}
.cabin-location{position:absolute;left:3%;top:3%;font-size:8px;letter-spacing:2px;color:#b3b8bf8c}
.cabin-location span{margin-left:15px;color:#ff595c8f}
.cockpit:not(.studio-open) .dashboard-screen{left:var(--screen-left,50.24%);top:var(--screen-top,50.8%);width:var(--screen-width,34.81%);height:var(--screen-height,22.32%);background:#0e1013;border:0;box-shadow:none;border-radius:3px;container-type:inline-size}
.cockpit:not(.studio-open) .display-top{height:27px;padding:0 13px;border:0}
.display-logo.brand{gap:5px;white-space:nowrap;font-weight:700}
.display-logo.brand span{margin-left:0}
.display-nav{display:flex;gap:13px;align-items:center;margin-left:auto}
.display-nav button{font-size:10px;color:#aeb5bf;padding:5px 0}
.display-nav button:hover{color:#fff}
.draft-count{border:0;font-size:8px;min-width:10px;color:#696f79}
.cockpit:not(.studio-open) .display-bottom{display:none}
.cockpit:not(.studio-open) .screen-home{padding:8px 14px 10px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:100%}
.cockpit:not(.studio-open) .screen-home h2{font-size:clamp(18px,5.4cqw,34px);line-height:1.08;margin:0 0 10px;font-weight:500}
.cockpit:not(.studio-open) .screen-home h2 span{color:#878e98}
.cockpit:not(.studio-open) .screen-home .primary{min-width:0;width:auto;min-height:32px;font-size:clamp(10px,2.9cqw,14px);padding:8px 12px;gap:30px}
.cockpit:not(.studio-open) .home-actions,.cockpit:not(.studio-open) .home-orbit{display:none}
.cabin-controls{position:absolute;bottom:max(14px,env(safe-area-inset-bottom));left:3%;right:3%;display:flex;align-items:center;justify-content:center;gap:35px}
.cabin-controls button{font-size:12px;color:#a9afb8;padding:8px 0;text-shadow:0 2px 8px black}
.cabin-controls button span{font-size:10px;letter-spacing:.4px;margin-left:6px}
.cabin-controls button:hover{color:white}
.studio-open .dashboard-screen{left:auto;right:3%;top:3%;width:min(640px,55%);height:89%;border:0;border-radius:12px;box-shadow:0 18px 70px #0009;background:linear-gradient(150deg,#15181cee,#0b0e12f7)}
.studio-open .display-top{height:48px;padding:0 24px;border:0;gap:20px}
.studio-open .display-nav{gap:18px}
.studio-open .display-nav button{font-size:12px}
.studio-open .close-screen{margin-left:0}
.studio-open .display-bottom{border:0;padding:10px 24px}
.display-bottom button{font-size:7px;letter-spacing:1px;color:#7c8490;padding:0}
.studio-view{padding:18px 25px 25px}
.studio-heading h2{font-size:32px}
.steps,.form-actions,.checklist,.check-row{border:0}
.steps{padding-bottom:0;margin:18px 0}
.field input,.field textarea{border:0;background:#22262d;border-radius:4px}
.secondary{border:0;background:#ffffff09}
.art-preview,.draft-card,.empty-garage{border:0}
.draft-card{background:#ffffff06}
.check-row{padding:9px 0}
.review-notice{border:0;background:#ffffff04;border-radius:5px}
.fee-summary{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}
.fee-summary strong{font-size:34px;font-weight:400;color:#f4f5f6}
.fee-summary span{display:block;color:#9aa3b1;font-size:11px;margin-top:3px}
.fee-summary .platform strong{color:#ff6368}
.plan-note{font-size:11px;color:#a5adba;line-height:1.6}
.public-address{overflow-wrap:anywhere;font-family:monospace;font-size:10px;line-height:1.6;color:#9fa8b5}
.pair-options{display:flex;gap:8px;margin:18px 0}
.pair-option{padding:13px 14px;background:#ffffff06;border:0;text-align:left;flex:1;border-radius:4px}
.pair-option strong{display:block;font-size:14px;font-weight:500}
.pair-option span{font-size:10px;color:#919ba9;display:block;margin-top:5px}
.pair-option[aria-pressed=true]{background:#ff393e19;box-shadow:inset 0 -2px #ff5057}
.plan-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.plan-actions button{padding:12px;font-size:11px}
.review-pair{display:flex;justify-content:space-between;gap:12px;color:#a6afbd;font-size:11px;padding:14px 0}
.review-pair button{color:#ff8589;font-size:11px;padding:0}
dialog:not(.ftr-motion-dialog):not(.tutorial-dialog){border:0}
@media(min-width:701px) and (max-width:1100px){
 .cockpit:not(.studio-open) .screen-home h2 span,.cockpit:not(.studio-open) .screen-home h2 br{display:inline}
 .cockpit:not(.studio-open) .display-logo{font-size:10px}
 .cockpit:not(.studio-open) .display-nav{gap:9px}
 .cockpit:not(.studio-open) .display-nav button{font-size:9px}
 .studio-open .dashboard-screen{width:64%}
}
@media(max-width:700px){
 .scene-image{background-size:auto 100%;background-position:54% center}
 .scene-shade{background:linear-gradient(0deg,#0007,transparent 30%)}
 .cabin-location{left:6%;top:4%;font-size:7px}
 .cockpit:not(.studio-open) .dashboard-screen{left:6%;top:51%;width:88%;height:31%;min-height:200px;border-radius:7px;background:#101318ef;box-shadow:0 9px 28px #0006}
 .cockpit:not(.studio-open) .display-top{height:38px;padding:0 16px}
 .cockpit:not(.studio-open) .display-logo{font-size:13px}
 .cockpit:not(.studio-open) .display-nav{gap:15px}
 .cockpit:not(.studio-open) .display-nav button{font-size:11px}
 .cockpit:not(.studio-open) .screen-home{padding:7px 18px 18px}
 .cockpit:not(.studio-open) .screen-home h2{font-size:26px;margin-bottom:16px}
 .cockpit:not(.studio-open) .screen-home .primary{font-size:13px;min-height:44px;width:100%}
 .cabin-controls{gap:20px;bottom:max(16px,env(safe-area-inset-bottom))}
 .cabin-controls button span{font-size:9px;margin-left:4px}
 .cabin-controls button[data-action=story] span{display:none}
 .studio-open .scene-image{filter:brightness(.65)}
 .studio-open .dashboard-screen{left:3%;right:auto;top:2%;width:94%;height:91%;border-radius:10px}
 .studio-open .display-top{height:48px;padding:0 16px;gap:12px}
 .studio-open .display-nav{gap:12px}
 .studio-open .display-nav button{font-size:10px}
 .studio-view{padding:15px 18px 22px}
 .studio-heading h2{font-size:29px}
 .studio-open .display-bottom{padding:10px 18px}
 .studio-open .cabin-controls{bottom:4px}
 .studio-open .cabin-controls button{padding:6px 0}
 .field input,.field textarea{font-size:16px}
}
@media(max-height:570px) and (min-width:701px){
 .cockpit:not(.studio-open) .screen-home h2 span,.cockpit:not(.studio-open) .screen-home h2 br{display:none}
 .cockpit:not(.studio-open) .screen-home h2{font-size:20px;margin-bottom:6px}
 .cockpit:not(.studio-open) .display-top{height:23px}
 .cabin-controls{bottom:6px}
}
@media(prefers-reduced-motion:reduce){.scene-image,.dashboard-screen{transition:none}}


.home-launch-actions{display:flex;align-items:center;gap:20px;width:100%}.home-fees{font-size:14px;color:#f4f4f4;text-align:left;white-space:nowrap;padding:0}.home-fees span{font-size:8px;color:#89929f}.cockpit:not(.studio-open) .home-launch-actions .primary{flex:1}@media(max-width:700px){.home-launch-actions{gap:18px}.home-fees{font-size:13px}.home-fees span{font-size:8px}}

@media(min-width:701px){.scene-image{background-position:var(--scene-image-x,center) var(--scene-image-y,center)}}