/* The homepage identity, adapted to the playable HUD and touch controls. */
:root{--game-body:'Space Grotesk','Segoe UI',sans-serif;--game-display:'Barlow Condensed','Arial Narrow',sans-serif}
body.game-shell{font-family:var(--game-body);--line:color-mix(in srgb,var(--accent) 24%,transparent)}
body.game-shell::after{content:'';position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.87' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' opacity='.65' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
body.game-shell :is(button,input,select,summary){font-family:var(--game-body)}
body.game-shell :is(h1,h2,h3,h4){font-family:var(--game-display);font-weight:700;text-transform:uppercase;letter-spacing:.2px}
body.game-shell :is(button,a,input,select,summary):focus-visible{outline:2px solid var(--accent);outline-offset:4px}
body.game-shell button:hover:not(:disabled){filter:none}
body.game-shell ::selection{background:var(--accent);color:var(--bg)}
body.game-shell :is(.eyebrow,.panel-label,.bar-title,.fed-label){color:var(--accent);font-size:9px;letter-spacing:1.65px;line-height:1.5}
body.game-shell :is(.intro-copy,.mission-card p,.dock-copy,.cost-line,.construction-hint,.modal p,.modal label,.modal-note,.production-status){color:var(--muted)}
body.game-shell :is(.modal-note,.fed-caption){line-height:1.7}

/* A quiet command bar, with the same stacked Colony wordmark. */
body.game-shell .topbar{height:82px;margin:0 30px;border-bottom:1px solid var(--line);background:linear-gradient(var(--bg),color-mix(in srgb,var(--bg) 15%,transparent));gap:16px}
body.game-shell .brand{gap:11px;flex-shrink:0}
body.game-shell .brand svg{width:37px;height:39px;flex-shrink:0}
body.game-shell .brand-wordmark{font:700 25px/1 var(--game-body);letter-spacing:4.5px}
body.game-shell .brand-wordmark small{display:block;max-width:none;font:400 6px/1.5 var(--game-body);letter-spacing:2.7px;margin-top:8px;color:var(--muted)}
body.game-shell .topbar nav{gap:22px}
body.game-shell .topbar nav button{color:var(--accent);font-size:8px}
body.game-shell .topbar nav button span{color:var(--muted);font-size:9px;letter-spacing:1.2px}
body.game-shell .topbar nav button.active span{color:var(--text)}
body.game-shell .topbar nav button.active:after{height:1px;background:var(--accent)}
body.game-shell .top-right{gap:8px}
body.game-shell :is(#theme-toggle,#federation-open,.icon-btn){border-radius:0;border:1px solid var(--line);background:color-mix(in srgb,var(--bg) 70%,transparent);min-height:44px;color:var(--text);font-size:10px;letter-spacing:.4px}
body.game-shell .icon-btn{width:44px;font-size:20px}
body.game-shell :is(#theme-toggle,#federation-open,.icon-btn):hover{border-color:var(--accent);background:var(--surface)}
body.game-shell .demo{border:0;padding:0 4px;color:var(--muted);font-size:7px}
body.game-shell :is(.status-dot,.demo i,.bottom-status i,.orbit-kicker i){background:var(--accent);box-shadow:0 0 10px color-mix(in srgb,var(--accent) 20%,transparent)}
body.game-shell .game-home{font-size:8px;letter-spacing:1px;color:var(--accent);border-bottom:1px solid var(--line);padding:8px}
body.game-shell .resources{height:60px;margin:0 30px;background:color-mix(in srgb,var(--bg) 65%,transparent);border-color:var(--line)}
body.game-shell .resource-items b{font-weight:500;font-size:14px}
body.game-shell .resource-items small{letter-spacing:1.3px;font-size:7px}
body.game-shell .bottom-status{background:var(--bg);border-color:var(--line);color:var(--muted)}

/* Rectangles, warm hairlines, and the two small corner pins from Play Game. */
[data-button-look="frontier"]{--button-radius:0px;--button-fill:var(--accent);--button-ink:var(--bg);--button-edge:var(--accent);--button-shadow:none;--secondary-fill:color-mix(in srgb,var(--bg) 80%,var(--surface))}
html[data-button-look="frontier"] body :is(.primary,.secondary,.land-button,.tutorial-actions button,#theme-done,.fed-primary),[data-button-look="frontier"]>.button-look-example{
 position:relative;overflow:visible;border:1px solid var(--accent);border-radius:0;box-shadow:none;backdrop-filter:none;min-height:48px;padding:12px 17px;gap:14px;font:600 18px/1.1 var(--game-display);letter-spacing:.5px;text-transform:uppercase;background:var(--accent);color:var(--bg);transition:background .2s,border-color .2s,transform .2s;
}
html[data-button-look="frontier"] body :is(.secondary,#welcome-skip){background:color-mix(in srgb,var(--bg) 88%,transparent);color:var(--text);border-color:var(--line)}
html[data-button-look="frontier"] body :is(.primary,.secondary,.land-button,.tutorial-actions button,#theme-done,.fed-primary)::before,
html[data-button-look="frontier"] body :is(.primary,.secondary,.land-button,.tutorial-actions button,#theme-done,.fed-primary)::after,
[data-button-look="frontier"]>.button-look-example::before,[data-button-look="frontier"]>.button-look-example::after{content:'';position:absolute;width:4px;height:4px;border:1px solid var(--accent);background:var(--bg);pointer-events:none}
html[data-button-look="frontier"] body :is(.primary,.secondary,.land-button,.tutorial-actions button,#theme-done,.fed-primary)::before,[data-button-look="frontier"]>.button-look-example::before{left:-3px;top:-3px}
html[data-button-look="frontier"] body :is(.primary,.secondary,.land-button,.tutorial-actions button,#theme-done,.fed-primary)::after,[data-button-look="frontier"]>.button-look-example::after{right:-3px;bottom:-3px}
html[data-button-look="frontier"] body :is(.primary,.land-button,.tutorial-actions button,#theme-done,.fed-primary):hover:not(:disabled){background:color-mix(in srgb,var(--accent) 82%,white);filter:none;transform:translateY(-1px)}
html[data-button-look="frontier"] body :is(.secondary,#welcome-skip):hover:not(:disabled){background:var(--surface);color:var(--accent);border-color:var(--accent)}
html[data-button-look="frontier"] body :is(.module-option,.production-btn,.small-action,.response-options button,.relief-depots button,.select-grid button,.building-list button,.plot-list button){border-radius:0;border:1px solid var(--line);background:var(--bg);color:var(--text);min-height:44px}
html[data-button-look="frontier"] body :is(.module-option,.production-btn,.response-options button,.relief-depots button,.building-list button):hover:not(:disabled){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--bg))}
html[data-button-look="frontier"] body :is(.module-option.selected,.module-option.active,.select-grid button.active,.plot-list button.active){border-color:var(--accent);color:var(--accent);background:var(--surface)}
html[data-button-look="frontier"] body .primary:disabled{opacity:.4;transform:none}

/* Shared panel material, including every native and custom dialog. */
body.game-shell :is(.modal,#theme-picker,#federation-dialog,.build-dock,.rail-live,.treaty-card,#walkthrough,#flight-lesson,.orbit-alerts,.orbit-treaty,.mission-card){
 border:1px solid var(--line);border-radius:0;background:linear-gradient(130deg,color-mix(in srgb,var(--accent) 5%,var(--surface)),var(--bg) 85%);color:var(--text);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--accent) 12%,transparent),0 15px 45px #0003;backdrop-filter:blur(12px);font-family:var(--game-body);
}
body.game-shell :is(.modal,#theme-picker,#federation-dialog){border-color:color-mix(in srgb,var(--accent) 48%,var(--bg));scrollbar-width:thin;scrollbar-color:var(--accent) var(--bg)}
body.game-shell :is(.modal h2,#theme-picker h2,.fed-header h2){font:700 40px/1.03 var(--game-display);text-transform:uppercase;color:var(--text);letter-spacing:.2px;padding-right:28px}
body.game-shell .modal .eyebrow{padding-right:35px}
body.game-shell .modal :is(.modal-box,.tutorial-delivery>div,.reward-row>div,.pill),body.game-shell :is(.fed-colony,.fed-panel,.fed-summary,.theme-option,.button-look-option){border:1px solid var(--line);border-radius:0;background:color-mix(in srgb,var(--surface) 50%,transparent)}
body.game-shell :is(.modal-box>b,.tutorial-delivery b,.fed-summary b,.fed-quote b){font-family:var(--game-display);font-weight:600;color:var(--accent)}
body.game-shell :is(.modal-box>span,.modal-box p,.tutorial-delivery small,.fed-caption){color:var(--muted)}
body.game-shell :is(.bar,.route-progress,.tutorial-dots i,.pill,.step>i,.tutorial-route i){border-radius:0}
body.game-shell .modal-close{width:44px;height:44px;top:13px;right:13px}
body.game-shell .modal-note{color:var(--muted)!important}
body.game-shell :is(.modal input,.modal select){border:1px solid var(--line);border-radius:0;background:var(--bg);color:var(--text);accent-color:var(--accent)}
body.game-shell :is(#toast,#orbit-freight,#operations-open,.surface-activity,.facility-label,.rail-live,.settlement-switch){border:1px solid var(--line);border-radius:0;background:color-mix(in srgb,var(--bg) 92%,transparent);color:var(--muted)}
body.game-shell #operations-open.urgent{border-color:color-mix(in srgb,#e39f62 60%,var(--bg));color:#f5c990}

/* Orbit: the cinematic type and destination cards now belong to one world. */
body.game-shell .orbit-hero{width:min(400px,36vw)}
body.game-shell #orbit-home .orbit-hero h1{font-weight:800;line-height:.9;letter-spacing:-.5px;font-size:clamp(54px,4.6vw,68px);color:var(--text);margin:22px 0}
body.game-shell #orbit-home .orbit-hero h1 em{color:var(--accent)}
body.game-shell .orbit-kicker{color:var(--muted);font-size:8px}
body.game-shell .orbit-hero>p{color:var(--muted);line-height:1.6}
html[data-button-look="frontier"] body #orbit-land{text-align:left;min-height:76px;padding:14px 20px}
html[data-button-look="frontier"] body #orbit-land b{font:700 26px/1 var(--game-display);letter-spacing:.5px}
html[data-button-look="frontier"] body #orbit-land small{font:500 7px/1.6 var(--game-body);letter-spacing:1.6px;margin-bottom:5px}
html[data-button-look="frontier"] body #orbit-land i{font-size:24px;font-style:normal}
html[data-button-look="frontier"] body .orbit-secondary{gap:9px;margin-top:15px}
html[data-button-look="frontier"] body .orbit-secondary button{border:1px solid var(--line);background:color-mix(in srgb,var(--bg) 75%,transparent);padding:10px 14px;min-height:48px;font:600 17px var(--game-display);text-transform:uppercase;letter-spacing:.5px;color:var(--text)}
html[data-button-look="frontier"] body .orbit-secondary button:hover{border-color:var(--accent);background:var(--surface)}
html[data-button-look="frontier"] body .orbit-secondary button>span{border-radius:0;color:var(--accent);border:0;width:23px;font-size:22px}
html[data-button-look="frontier"] body .orbit-secondary i{color:var(--accent)}
body.game-shell .destination-grid{gap:10px}
body.game-shell .destination-card{border-radius:0;border:1px solid var(--line);background:linear-gradient(140deg,var(--surface),var(--bg));box-shadow:none}
body.game-shell .destination-card.selected{border-color:var(--accent);background:linear-gradient(140deg,color-mix(in srgb,var(--accent) 10%,var(--bg)),var(--bg))}
body.game-shell .destination-card:hover{border-color:var(--accent)}
body.game-shell .destination-info strong{font:700 28px/1 var(--game-display);letter-spacing:.3px;text-transform:uppercase;color:var(--text)}
body.game-shell .destination-info small{font-size:9px;color:var(--muted)}
body.game-shell .destination-check{border-radius:0;border-color:var(--line);color:var(--accent);background:transparent}
body.game-shell .destination-number{color:var(--destination);font-size:8px}
body.game-shell :is(.planet-prompt,.destinations-heading,.orbit-alerts small,.orbit-treaty small){color:var(--muted)}
body.game-shell .orbit-treaty{padding:17px;width:235px}
body.game-shell #orbit-treaty strong{font:600 26px/1.05 var(--game-display);text-transform:uppercase;color:var(--text)}
body.game-shell #orbit-alerts b{font:600 19px/1.1 var(--game-display);text-transform:uppercase;color:var(--text)}
body.game-shell .orbit-alerts{padding:14px}
body.game-shell #orbit-home #orbit-tools button{border-radius:0;border:1px solid var(--line);background:color-mix(in srgb,var(--bg) 85%,transparent);color:var(--accent);font-size:20px}

/* Surface operations: dense controls keep the same visual hierarchy. */
body.game-shell .construction-top h2{font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--text);font-size:46px}
body.game-shell .construction-top h2 small{font-family:var(--game-body);color:var(--muted);letter-spacing:1.5px}
body.game-shell .settlement-switch{padding:0;backdrop-filter:none}
body.game-shell .settlement-switch button{border-radius:0;border-bottom:2px solid transparent;font-size:10px;color:var(--muted)}
body.game-shell .settlement-switch button.active{border-bottom-color:var(--settlement-accent);background:var(--surface);color:var(--text)}
body.game-shell .construction-camera button{border-radius:0;color:var(--accent);background:var(--bg);border-color:var(--line)}
body.game-shell .dock-tabs{background:transparent;border-color:var(--line);padding:0 8px}
body.game-shell .dock-tabs button{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);min-height:46px}
body.game-shell .dock-tabs button.active{background:transparent;color:var(--accent)}
body.game-shell .dock-tabs button.active:after{background:var(--accent);height:1px;left:4px;right:4px}
body.game-shell .dock-heading h3{font-size:28px;font-weight:700;line-height:1.05;color:var(--text)}
body.game-shell .dock-heading .eyebrow{color:var(--accent);font-size:7px}
body.game-shell .dock-copy{font-size:11px;line-height:1.65}
body.game-shell .module-option b{font:600 17px/1.05 var(--game-display);text-transform:uppercase;color:var(--text)}
body.game-shell .module-option small{font:400 9px/1.5 var(--game-body);color:var(--muted)}
body.game-shell .dock-footer{border-color:var(--line);color:var(--muted)}
body.game-shell .rail-live>b{font:600 24px/1.1 var(--game-display);color:var(--text)}
body.game-shell .rail-live button{color:var(--accent);border-top:1px solid var(--line);margin-top:8px}
body.game-shell .response-options b{font:600 18px/1.2 var(--game-display);text-transform:uppercase}
body.game-shell #incident-status h4{font-size:25px;line-height:1.05;color:var(--text)}
body.game-shell :is(.response-options small,.rail-stage span,.output-strip span,.freight-status p){color:var(--muted)}
body.game-shell .mission-card h3{font:600 24px/1.05 var(--game-display);color:var(--text)}
body.game-shell .treaty-heading h2{font-weight:700;font-size:33px;color:var(--text)}
body.game-shell .treaty-heading p{color:var(--muted)}
body.game-shell #walkthrough h2{font:700 30px/1.05 var(--game-display);color:var(--text)}
body.game-shell #walkthrough p{font:400 12px/1.65 var(--game-body);color:var(--muted)}
body.game-shell .walkthrough-top{color:var(--accent)}
body.game-shell .tutorial-target{outline-color:var(--accent)!important;box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 12%,transparent)!important}

/* Economy and appearance remain usable, with the same tabs and headings. */
body.game-shell #federation-dialog{font-family:var(--game-body)}
body.game-shell #federation-dialog button{font-family:var(--game-body);background:var(--bg);border-color:var(--line);font-weight:500}
body.game-shell #federation-dialog :is(.fed-tabs button[aria-pressed=true],.fed-choice button[aria-pressed=true],.fed-pools button[aria-pressed=true]){border-color:var(--accent);background:var(--surface);color:var(--accent)}
body.game-shell :is(.fed-colony h3,.fed-panel h3){font:700 28px/1 var(--game-display)}
body.game-shell .fed-price{font:600 32px/1.2 var(--game-display)}
html[data-button-look="frontier"] body #federation-dialog .fed-primary{font:600 18px var(--game-display);color:var(--bg);background:var(--accent);border-color:var(--accent)}
body.game-shell #theme-picker{width:400px;padding:24px}
body.game-shell #theme-picker :is(header button,.appearance-tabs button,#theme-done,.theme-option,.button-look-option,.theme-swatches){border-radius:0}
body.game-shell .appearance-tabs button[aria-selected=true]{background:var(--surface);color:var(--accent);border-bottom:1px solid var(--accent)}
body.game-shell .button-look-option[data-button-look="frontier"]{grid-column:1/-1;padding:18px}
body.game-shell .button-look-option[data-button-look="frontier"] .button-look-example{font-size:19px}
body.game-shell :is(.theme-option[aria-pressed=true],.button-look-option[aria-pressed=true]){border-color:var(--accent)}

/* Flight: generous targets, sharp lettering, a calm and legible glass HUD. */
body.game-shell.in-flight #mission-hud{font-family:var(--game-body)}
body.game-shell.in-flight .mission-top h1{font:700 34px/1.05 var(--game-display);text-transform:uppercase;color:var(--text)}
body.game-shell.in-flight .mission-top .eyebrow{color:var(--accent);font-size:8px}
body.game-shell.in-flight .mission-stats{border:1px solid var(--line);border-radius:0;background:color-mix(in srgb,var(--bg) 85%,transparent);padding:12px 16px;gap:24px}
body.game-shell.in-flight .mission-stats b{font:600 25px/1.1 var(--game-display);color:var(--text)}
body.game-shell.in-flight .mission-stats span{color:var(--muted);font-size:7px}
body.game-shell #flight-lesson h2{font:700 32px/1 var(--game-display);text-transform:uppercase;color:var(--text)}
body.game-shell #flight-lesson p{color:var(--muted);font-family:var(--game-body)}
body.game-shell .lesson-heading span{color:var(--accent);font-size:8px}
body.game-shell .lesson-track i.done{background:var(--accent)}
body.game-shell #flight-telemetry{color:var(--text)}
body.game-shell #flight-telemetry b{font:600 36px/1 var(--game-display)}
body.game-shell #flight-telemetry :is(small,span){color:var(--muted)}
body.game-shell #flight-controls button{border:1px solid var(--line);background:color-mix(in srgb,var(--bg) 90%,transparent);color:var(--text);box-shadow:none;font:600 21px var(--game-display);letter-spacing:.5px;position:relative}
body.game-shell #flight-controls #flight-lift{background:var(--accent);color:var(--bg);border-color:var(--accent)}
body.game-shell #flight-controls :is(button:active,button.held,button[aria-pressed=true]){background:var(--accent);color:var(--bg);border-color:var(--accent);box-shadow:inset 0 0 0 3px var(--bg)}
body.game-shell.in-flight .mission-bottom{background:transparent}
html[data-button-look="frontier"] body.in-flight .mission-bottom .secondary{background:color-mix(in srgb,var(--bg) 85%,transparent);border-color:var(--line);font:600 17px var(--game-display);color:var(--text)}
body.game-shell.in-flight #mission-feedback{color:var(--text)}

@media(min-width:780px) and (max-width:1200px){
 body.game-shell .topbar{margin:0 22px;gap:10px}.game-shell .topbar .demo{display:none}
 body.game-shell .brand-wordmark{font-size:22px;letter-spacing:3px}body.game-shell .topbar nav{gap:12px}
 body.game-shell .top-right{gap:5px}body.game-shell .orbit-treaty{width:24vw}
}
@media(min-width:780px) and (max-height:800px){
 body.game-shell #orbit-home .orbit-hero h1{font-size:58px;margin:16px 0}
 html[data-button-look="frontier"] body #orbit-land{min-height:62px}
 html[data-button-look="frontier"] body .orbit-secondary{margin-top:10px;gap:7px}
 body.game-shell .construction-top h2{font-size:35px}
}
@media(max-width:779px){
 body.game-shell .topbar,body.game-shell.orbit-mode .topbar{height:65px;margin:0 14px;gap:8px}
 body.game-shell .brand{gap:6px}body.game-shell .brand svg{width:27px;height:31px}
 body.game-shell .brand-wordmark{font-size:18px;letter-spacing:2.5px}body.game-shell .brand-wordmark small{font-size:4px;letter-spacing:1.4px;margin-top:5px}
 body.game-shell .topbar nav{gap:0;height:44px;background:color-mix(in srgb,var(--bg) 95%,transparent)}
 body.game-shell .topbar nav button{min-height:44px}body.game-shell .topbar nav button span{font-size:8px;letter-spacing:.8px}
 body.game-shell .top-right{gap:4px}body.game-shell :is(.demo,#sound,.game-home){display:none}
 body.game-shell :is(#theme-toggle,#federation-open){font-size:8px;padding:0 7px;min-height:44px}
 body.game-shell #theme-toggle>span:last-child{display:none}body.game-shell #theme-toggle{min-width:36px;justify-content:center;padding:0 7px}
 body.game-shell .icon-btn{width:36px;min-width:36px;height:44px;font-size:18px}
 body.game-shell .resources{margin:44px 12px 0;height:50px}.game-shell .resource-items{gap:14px}
 body.game-shell .resource-items b{font-size:12px}body.game-shell .resource-items small{font-size:6px}
 body.game-shell .orbit-hero{top:120px;width:calc(100% - 40px)}
 body.game-shell #orbit-home .orbit-hero h1{font-size:43px;line-height:.9;margin:10px 0}
 body.game-shell .orbit-kicker{font-size:6px;letter-spacing:1.4px}
 html[data-button-look="frontier"] body #orbit-land{position:fixed;min-height:60px;padding:10px 17px}
 html[data-button-look="frontier"] body #orbit-land b{font-size:23px}
 html[data-button-look="frontier"] body .orbit-secondary{gap:10px;margin-top:0}
 html[data-button-look="frontier"] body .orbit-secondary button{font-size:14px;padding:8px 7px;min-height:44px;letter-spacing:0;gap:5px}
 html[data-button-look="frontier"] body .orbit-secondary button>span{width:17px;font-size:18px}
 body.game-shell .orbit-alerts{top:230px;max-width:190px;padding:9px;gap:4px}
 body.game-shell #orbit-alerts b{font-size:16px}body.game-shell .orbit-alerts small{font-size:7px}
 body.game-shell .orbit-treaty{top:230px;right:14px;bottom:auto;width:110px;padding:9px}
 body.game-shell #orbit-treaty strong{display:none}
 body.game-shell .destination-grid{gap:7px}
 body.game-shell .destination-info{left:10px;bottom:12px;right:23px}
 body.game-shell .destination-info strong{font-size:23px;letter-spacing:0}
 body.game-shell .destination-info small{font-size:7px;line-height:1.4}
 body.game-shell .destination-check{width:18px;height:18px;right:7px;bottom:15px}
 body.game-shell .construction-top{background:linear-gradient(color-mix(in srgb,var(--bg) 90%,transparent),transparent)}
 body.game-shell .construction-top h2{font-size:30px}
 body.game-shell .settlement-switch button{min-height:44px!important;font-size:10px}
 body.game-shell .dock-content{padding:14px}
 body.game-shell .dock-heading h3{font-size:26px}
 body.game-shell .dock-tabs button{font-size:9px;letter-spacing:0;min-height:44px!important}
 body.game-shell .module-option b{font-size:16px}
 body.game-shell .dock-copy{font-size:10px}
 html[data-button-look="frontier"] body :is(.primary,.secondary,.tutorial-actions button){font-size:16px;min-height:46px;padding:11px 13px}
 body.game-shell :is(.modal,#theme-picker,#federation-dialog){padding:23px 17px;max-height:92dvh}
 body.game-shell :is(.modal h2,#theme-picker h2,.fed-header h2){font-size:32px}
 body.game-shell #walkthrough h2{font-size:25px}body.game-shell #walkthrough p{font-size:10px;line-height:1.5}
 body.game-shell.in-tutorial #walkthrough{padding:12px}
 body.game-shell.in-flight .mission-top{max-width:calc(100% - 110px)}
 body.game-shell.in-flight .mission-top h1{font-size:23px;line-height:1.05}
 body.game-shell.in-flight .mission-top .eyebrow{font-size:6px;letter-spacing:1px}
 body.game-shell.in-flight .mission-stats{padding:8px 10px;right:14px;top:16px;gap:0}
 body.game-shell.in-flight .mission-stats>div{min-width:48px}body.game-shell.in-flight .mission-stats b{font-size:21px}
 body.game-shell #flight-lesson{top:88px;padding:10px 13px}
 body.game-shell #flight-lesson h2{font-size:27px;margin:5px 0 7px}
 body.game-shell #flight-lesson p{font-size:11px;line-height:1.5}
 body.game-shell #flight-telemetry b{font-size:29px}
 body.game-shell #flight-controls button{font-size:15px;padding:0 10px;letter-spacing:0}
 html[data-button-look="frontier"] body.in-flight .mission-bottom .secondary{font-size:15px;padding:10px 12px;min-height:44px}
}
@media(max-width:779px) and (max-height:720px){
 body.game-shell .orbit-hero{top:113px}body.game-shell #orbit-home .orbit-hero h1{font-size:32px}
 body.game-shell :is(.orbit-alerts,.orbit-treaty){top:175px}
 body.game-shell .destination-info strong{font-size:20px}
 body.game-shell #flight-lesson{top:83px}body.game-shell #flight-lesson h2{font-size:24px}
}
@media(max-width:950px) and (max-height:530px) and (orientation:landscape){
 body.game-shell .orbit-hero{top:92px;width:245px}body.game-shell #orbit-home .orbit-hero h1{font-size:37px;margin:9px 0}
 html[data-button-look="frontier"] body #orbit-land{position:relative;min-height:53px;left:auto;right:auto;bottom:auto}
 html[data-button-look="frontier"] body .orbit-secondary{margin-top:8px;gap:7px}
 html[data-button-look="frontier"] body .orbit-secondary button{font-size:13px;padding:7px}
 body.game-shell .destination-info strong{font-size:19px}
 body.game-shell #flight-lesson{top:80px;max-width:265px;padding:9px 12px}
 body.game-shell #flight-lesson h2{font-size:23px}
 body.game-shell #flight-lesson p{font-size:10px}
 body.game-shell.in-flight .mission-top h1{font-size:24px}
 body.game-shell.in-flight .mission-stats{top:12px;padding:8px}
}
@media(max-width:359px){
 body.game-shell .topbar{margin:0 10px}.game-shell .brand-wordmark{font-size:16px;letter-spacing:2px}
 body.game-shell .brand svg{width:23px}body.game-shell #federation-open{padding:0 5px;font-size:7px}
 body.game-shell .orbit-alerts{max-width:160px}
 body.game-shell .destination-info strong{font-size:20px}
 html[data-button-look="frontier"] body .orbit-secondary button{font-size:12px}
 body.game-shell #flight-controls button{font-size:13px;padding:0 7px}
 body.game-shell.in-flight .mission-top h1{font-size:21px}
}
@media(prefers-reduced-motion:reduce){body.game-shell *,body.game-shell *::before,body.game-shell *::after{transition:none!important;animation:none!important}}