:root{color-scheme:dark;--ink:#e9f0f1;--muted:#92a5b7;--line:#ffffff16;--panel:#101d2b;--gold:#f0cb82;--mint:#8ae1bc;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#07111e;overflow:hidden}#game{display:block;cursor:crosshair;touch-action:none}button,input,select,a{font:inherit}button,a{touch-action:manipulation}button{border:1px solid var(--line);border-radius:9px;background:#ffffff06;color:var(--ink);padding:11px 15px;cursor:pointer;text-align:left}button:hover:not(:disabled){background:#ffffff12;border-color:#ffffff48}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--gold);color:#18222d;border-color:var(--gold);font-weight:800}button.primary:hover:not(:disabled){background:#ffdda2}button.selected{border-color:var(--gold);background:#f0cb8211}kbd{font:10px ui-monospace,monospace;border:1px solid #ffffff32;border-radius:4px;padding:2px 4px;margin-left:8px;opacity:.6}input,select{background:#091422;color:var(--ink);border:1px solid #ffffff26;border-radius:6px;padding:9px}label{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:13px}p{color:var(--muted);font-size:14px;line-height:1.6}h1,h2,h3,p{margin-top:0}h2{font-size:32px;letter-spacing:-1px;margin-bottom:12px}h3{font-size:18px;letter-spacing:-.3px}small{color:var(--muted);font-size:12px;line-height:1.5}.eyebrow{font:10px ui-monospace,monospace;letter-spacing:2px;color:var(--gold);display:block;margin-bottom:10px}.flight-toolbar{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:7px;z-index:3;white-space:nowrap}.flight-toolbar button{padding:8px 11px;background:#091422dc;font-size:11px}#flight-menu{position:fixed;inset:0;background:#030b16c9;backdrop-filter:blur(15px);z-index:10;padding:28px;overflow:auto}#flight-menu[hidden],[hidden]{display:none!important}.menu-shell{max-width:1160px;margin:auto;background:linear-gradient(135deg,#182737,#0b1623);border:1px solid #ffffff19;border-radius:18px;box-shadow:0 40px 100px #0005;padding:28px 32px}.menu-shell header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.menu-shell h1{font-size:25px;letter-spacing:1px;margin:0 0 24px}.menu-shell h1 span{display:block;color:var(--muted);font:10px ui-monospace,monospace;letter-spacing:2px;margin-top:7px}.menu-shell nav{display:flex;gap:6px;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:27px;flex-wrap:wrap}.menu-shell nav button{border:0;font-size:13px;color:var(--muted)}.menu-shell nav button.active{color:var(--gold);background:#f0cb8211}.menu-shell footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:20px;margin-top:26px;font-size:10px;color:var(--muted)}.section-title{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}.section-title>span{font-size:12px;color:var(--muted)}.mode-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.mode-card{display:flex;flex-direction:column;min-height:166px;gap:15px;padding:16px}.mode-card strong{font-size:17px}.mode-card>span:last-child{font-size:12px;color:var(--muted);line-height:1.5}.card-number{font:11px ui-monospace,monospace;color:var(--gold);display:flex;justify-content:space-between}.launch-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:28px;margin-top:28px}.rocket-picks{display:grid;grid-template-columns:1fr 1fr;gap:8px}.rocket-pick{display:flex;flex-direction:column;gap:7px;font-size:13px}.launch-panel{background:#07132177;padding:22px;border:1px solid var(--line);border-radius:12px}.launch-panel>button{display:block;width:100%;text-align:center;margin-top:9px}.launch-panel p{font-size:12px;margin:12px 0}.warning{color:#ff997c}.builder-grid{display:grid;grid-template-columns:230px 1fr 230px;gap:22px}.parts-rack p{font-size:11px}.part{background:#ffffff04;border:1px solid var(--line);border-radius:10px;padding:13px;margin-bottom:10px;cursor:grab}.part strong,.part small{display:block}.part strong{font-size:13px;margin-bottom:6px}.part small{font-size:10px}.part>div{display:flex;gap:6px;margin-top:10px}.part input{width:70px;text-align:center}.part button{padding:7px 12px}.parts-rack>button{font-size:11px;margin:4px 0}.blueprint{min-height:415px;position:relative;border:1px solid #75bddd30;border-radius:12px;background-color:#0a1a29;background-image:linear-gradient(#8cbbd80a 1px,transparent 1px),linear-gradient(90deg,#8cbbd80a 1px,transparent 1px);background-size:22px 22px;overflow:hidden}.blueprint-caption{position:absolute;top:15px;left:16px;font:10px ui-monospace,monospace;color:#a7cfdf;line-height:1.8}.blueprint-caption small{font-size:9px}.frame-rail{position:absolute;top:112px;bottom:82px;width:6px;background:#78939f;left:calc(50% - 20px)}.frame-rail.right{left:calc(50% + 14px)}.frame-nose{position:absolute;left:calc(50% - 21px);top:79px;border-left:21px solid transparent;border-right:21px solid transparent;border-bottom:34px solid #a7bac0}.frame-rail:after{content:'';position:absolute;left:0;top:0;width:34px;height:100%;background:repeating-linear-gradient(35deg,transparent 0px,transparent 25px,#93a4ae80 26px,#93a4ae80 29px,transparent 30px)}.frame-rail.right:after{display:none}.module{position:absolute;z-index:1;padding:0;text-align:center;font:13px ui-monospace,monospace}.module.main{width:23px;height:56px;bottom:83px;left:calc(50% - var(--count)*12px + var(--i)*24px);background:#d1c0a0;color:#312a20;border:2px solid #f5d599}.module.tilt{width:28px;height:20px;top:calc(117px + var(--i)*15px);left:calc(50% + 25px);background:#72a8b3;color:#081b22}.module.tanks{width:18px;height:34px;top:calc(126px + var(--i)*10px);left:calc(50% - 46px);background:#99bda5;color:#102619}.blueprint-footer{position:absolute;bottom:17px;left:14px;right:14px;font:9px ui-monospace,monospace;color:#92adbb;line-height:1.6;text-align:center}.build-stats h3{font-size:22px}.build-stats dl{margin:20px 0}.build-stats dl div{border-bottom:1px solid var(--line);padding:12px 0;display:flex;justify-content:space-between;gap:8px}.build-stats dt{font-size:11px;color:var(--muted)}.build-stats dd{margin:0;font:14px ui-monospace,monospace}.build-stats p{font-size:12px}.build-stats .primary{width:100%;margin-bottom:14px}.records-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:28px}.records-grid section{padding:20px;border:1px solid var(--line);border-radius:10px}table{width:100%;border-collapse:collapse;font-size:12px}th,td{text-align:left;padding:12px 5px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-size:10px}.swatches{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px}.swatches button{font-size:12px}.swatches i{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:9px}.patches{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.patch{padding:20px 14px;border:1px dashed var(--line);border-radius:10px;opacity:.5}.patch.earned{opacity:1;border:1px solid #eac77d40;background:#eac77d08}.patch span,.patch strong,.patch small{display:block}.patch span{font-size:25px;color:var(--gold);margin-bottom:15px}.patch strong{font:10px ui-monospace,monospace;margin-bottom:10px}.clip-placeholder{background:radial-gradient(ellipse at bottom,#253f51,#081421);padding:65px;text-align:center;font-size:35px;font-weight:900;border-radius:10px;color:var(--gold)}.clip-placeholder small{font:10px ui-monospace,monospace;letter-spacing:3px}#clip-preview video{max-width:100%;max-height:420px;display:block;margin:auto}.clip-actions{display:flex;gap:12px;align-items:center;margin-top:20px}a{color:var(--gold)}#flight-toast{position:fixed;top:125px;left:50%;transform:translateX(-50%);max-width:80vw;background:#0b1e2bf0;color:var(--gold);padding:12px 20px;border:1px solid #f0cb8240;border-radius:9px;font-size:12px;opacity:0;pointer-events:none;z-index:30;transition:opacity .15s}#flight-toast.visible{opacity:1}#landing-feedback{position:fixed;top:95px;left:50%;transform:translateX(-50%);font:700 13px ui-monospace,monospace;color:var(--mint);text-shadow:0 2px 8px #000;pointer-events:none;text-align:center}#fuel-stop{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:center;max-width:480px;padding:16px;background:#0b1e2bef;border:1px solid #8ae1bc50;border-radius:10px;font-size:12px;z-index:3}#fuel-stop strong{color:var(--mint)}#fuel-stop small{flex-basis:100%;text-align:center;font-size:10px}#flight-result{position:fixed;right:24px;bottom:100px;background:#0b1929f2;max-width:400px;padding:25px;border:1px solid #f0cb8255;border-radius:14px;z-index:4}#flight-result h2{font-size:24px}#flight-result button{margin:4px}#flight-result p{font-size:12px}@media(max-width:850px){#flight-menu{padding:10px}.menu-shell{padding:22px 18px}.mode-grid{grid-template-columns:repeat(3,1fr)}.launch-grid{grid-template-columns:1fr}.builder-grid{grid-template-columns:180px 1fr}.build-stats{grid-column:1/-1}.build-stats dl{display:flex;gap:25px}.build-stats dl div{flex:1;flex-direction:column}.patches{grid-template-columns:repeat(3,1fr)}.section-title>span{display:none}}@media(max-width:540px){.mode-grid{grid-template-columns:1fr 1fr}.mode-card{min-height:150px}.builder-grid{grid-template-columns:1fr}.blueprint{min-height:390px;grid-row:1}.parts-rack{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.parts-rack h3,.parts-rack p{grid-column:1/-1}.part{padding:7px}.part>div{gap:1px}.part input{width:42px}.part button{padding:6px}.records-grid{grid-template-columns:1fr}.patches{grid-template-columns:1fr 1fr}.menu-shell footer{flex-direction:column}.flight-toolbar{width:calc(100% - 20px);justify-content:center}.flight-toolbar kbd{display:none}.flight-toolbar button{font-size:10px;padding:8px}.build-stats dl{flex-wrap:wrap}.build-stats dl div{flex-basis:40%}#fuel-stop{width:calc(100% - 24px)}#flight-result{right:12px;left:12px;max-width:none}h2{font-size:26px}.clip-placeholder{padding:45px 10px;font-size:28px}}

.touch-controls{display:none}@media(pointer:coarse){.touch-controls{position:fixed;bottom:58px;right:12px;display:flex;gap:6px;z-index:4}.touch-controls button{background:#102334e8;font-size:12px;padding:12px}#fuel-stop{bottom:112px}}

/* Free-placement rocket workbench */
.frame-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:22px}.frame-picker button{position:relative;padding:14px 12px 14px 48px}.frame-picker strong,.frame-picker small{display:block}.frame-picker strong{font-size:13px;margin-bottom:5px}.frame-picker small{font-size:10px}.frame-icon{position:absolute;left:15px;top:12px;font-size:32px;color:#9ab3c1;transform:scaleX(.5)}.frame-icon.pod{transform:scale(.8)}.frame-icon.barge{transform:scale(1.1,.6)}.frame-icon.twin{transform:scaleX(1.1)}.frame-picker .selected .frame-icon{color:var(--gold)}.free-builder{display:grid;grid-template-columns:180px minmax(0,1fr) 205px;gap:20px}.free-parts h3{font-size:17px}.free-parts p{font-size:11px}.free-parts>button:not(.drag-part){display:block;width:100%;font-size:11px;margin-top:8px}.drag-part{display:block;position:relative;width:100%;padding:17px 10px 13px 42px;margin-bottom:10px;cursor:grab;touch-action:none;user-select:none;border-color:color-mix(in srgb,var(--part-color) 25%,transparent)}.drag-part:active{cursor:grabbing}.drag-part strong,.drag-part small,.drag-hint{display:block}.drag-part strong{font-size:12px;color:var(--part-color)}.drag-part small{font-size:9px;margin-top:5px}.part-symbol{position:absolute;left:13px;top:18px;color:var(--part-color);font-size:22px}.drag-hint{font:7px ui-monospace,monospace;letter-spacing:.6px;margin-top:13px;color:var(--muted)}.assembly{min-width:0;background:radial-gradient(ellipse at center,#153043,#091927 75%);border:1px solid #81c6e333;border-radius:12px;overflow:hidden;align-self:start}.assembly-toolbar{padding:12px 14px;display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid var(--line);font:9px ui-monospace,monospace;color:#a7cfdf}.assembly-toolbar>div{display:flex;gap:4px}.assembly-toolbar button{padding:6px 9px;font-size:10px}#build-canvas{display:block;width:100%;height:440px;touch-action:none;cursor:grab;outline-offset:-4px}#build-canvas:active{cursor:grabbing}.assembly-legend{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;padding:10px 10px 14px;font:9px ui-monospace,monospace;color:#98b4c4}.assembly-legend i{display:inline-block;width:8px;height:8px;border:1px solid var(--gold);border-radius:50%;margin-right:4px}.assembly-legend #build-status{flex-basis:100%;text-align:center;color:var(--gold);min-height:12px}.part-inspector{background:#07142180;border-top:1px solid var(--line);padding:13px}.part-inspector>label{justify-content:space-between}.part-inspector select{max-width:80%;width:100%;font-size:11px}.part-fields{display:flex;gap:10px;margin:12px 0}.part-fields label{flex:1;display:block;min-width:0;font:9px ui-monospace,monospace}.part-fields input{display:block;width:100%;padding:7px;margin-top:6px;font-size:11px}.part-actions{display:flex;gap:5px;flex-wrap:wrap}.part-actions button{font-size:9px;padding:7px 8px}.build-shortcuts{display:block;text-align:center;padding:10px;font-size:9px}.free-stats h3{font-size:23px;line-height:1.2}.free-stats dl{margin:15px 0}.free-stats dl div{padding:12px 0}.free-stats dd{font-size:12px}.free-stats p{font-size:12px}.free-stats{grid-column:auto}
@media(max-width:1050px){.free-builder{grid-template-columns:165px minmax(0,1fr)}.free-stats{grid-column:1/-1}.free-stats dl{display:flex;gap:15px;flex-wrap:wrap}.free-stats dl div{flex:1;flex-direction:column}.free-stats .primary{max-width:320px;display:block}.frame-picker button{padding-left:38px}.frame-icon{left:8px}}
@media(max-width:600px){.frame-picker{grid-template-columns:1fr 1fr;gap:7px}.free-builder{grid-template-columns:1fr;gap:14px}.free-parts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.free-parts>.eyebrow,.free-parts>h3,.free-parts>p{display:none}.drag-part{padding:12px 6px 9px;text-align:center;margin:0}.part-symbol{position:static;display:block;height:28px}.drag-part strong{font-size:10px}.drag-part small{font-size:8px}.drag-hint{font-size:6px;letter-spacing:0;margin-top:8px}.free-parts>button:not(.drag-part){font-size:9px;padding:9px;margin:0}.assembly-toolbar{padding:10px}.assembly-toolbar button{padding:6px}#build-canvas{height:360px}.free-stats dl div{flex-basis:27%}.free-stats h3{font-size:22px}.part-actions button{flex-grow:1;text-align:center}}

#carry-panel{position:fixed;left:50%;bottom:65px;transform:translateX(-50%);width:min(560px,calc(100% - 36px));padding:15px 20px;background:#0a192ae8;border:1px solid #f0cb8244;border-radius:12px;z-index:3;pointer-events:none;text-align:center}#carry-panel strong{display:block;font:10px ui-monospace,monospace;letter-spacing:1.5px;color:var(--gold);margin-bottom:8px}#carry-instruction{display:block;font-size:13px;line-height:1.5;color:#e5edef}#carry-telemetry{font:10px ui-monospace,monospace;color:var(--muted);margin-top:9px;line-height:1.5}.carry-progress{height:3px;background:#ffffff12;margin-top:10px;border-radius:3px;overflow:hidden}.carry-progress i{display:block;height:100%;background:var(--mint)}.mode-grid{grid-template-columns:repeat(3,1fr)}@media(max-width:600px){#carry-panel{bottom:106px;padding:10px 12px}#carry-instruction{font-size:11px}#carry-telemetry{font-size:8px}.mode-grid{grid-template-columns:1fr 1fr}}
#release-cargo{pointer-events:auto;display:block;margin:12px auto 0;text-align:center;padding:9px 20px;font-size:12px}#release-cargo:disabled{opacity:.5}@media(max-width:600px){#release-cargo{font-size:11px;padding:8px 16px;margin-top:8px}}

/* Expedition hangar, island planning and persistent station construction. */
.mission-options{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:22px;margin:20px 0;background:#102536;border:1px solid #315366;border-radius:12px}.mission-options label{display:flex;align-items:center;gap:12px;margin:12px 0}.mission-options small{display:block;line-height:1.6;color:#a8bac4}.mission-options p{line-height:1.6}.kit-toggle input{width:18px;height:18px;accent-color:#f0cb82}.credit-chip{padding:12px 16px;border:1px solid #b99a57;border-radius:30px;color:#f0cb82;white-space:nowrap}.base-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;margin-top:22px}.island-blueprint{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:65px 30px 30px;isolation:isolate;min-height:400px;background:#102e43;border-radius:28% 40% 32% 20%;border:2px solid #638570}.base-launch{position:absolute;top:25px;left:30px;font:12px monospace;color:#f0cb82}.base-plot{display:flex;flex-direction:column;gap:8px;background:#163d38cc!important;text-align:left}.base-plot.selected{border-color:#f0cb82!important;box-shadow:0 0 0 1px #f0cb82}.base-plot.ruined{background:#453326!important;color:#ff997c}.base-plot span,.base-plot small{font-size:10px;color:#acc4b4}.construction-shop{padding:24px;background:#102536;border:1px solid #315366;border-radius:12px}.construction-shop>button{display:block;width:100%;text-align:left;margin:12px 0;padding:16px}.construction-shop strong{display:block}.construction-shop b{float:right;color:#f0cb82}.construction-shop small{display:block;margin-top:8px;color:#afc3ce}.campaign-callout{padding:24px 0;line-height:1.6}.campaign-callout button{margin-right:12px}.station-blueprint{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:40px 24px;margin:24px 0;background:radial-gradient(ellipse at 25% 50%,#23475f,#071425);border:1px solid #315366;border-radius:12px;min-height:200px}.station-core{display:grid;place-content:center;text-align:center;width:100px;height:100px;border:2px solid #f0cb82;border-radius:50%;color:#f0cb82}.station-module{display:flex;flex-direction:column;gap:12px;align-items:center;padding:12px;border:1px solid #8ad9ec55;color:#8ad9ec;background:#173957}.station-module span{font-size:40px}.station-module small{font:10px monospace}.station-module.depot{border-radius:20px;color:#f0cb82}.station-module.habitat{color:#8ae1bc;background:#214743}#expedition-status{position:fixed;top:210px;right:20px;width:245px;display:flex;flex-direction:column;gap:9px;padding:14px;background:#0b2032e8;border:1px solid #59778977;border-radius:10px;color:#e1ebe8;pointer-events:auto;font:12px ui-monospace,monospace}#expedition-status small{line-height:1.5;color:#adc3cc}#expedition-status button{padding:10px;background:#f0cb82;color:#0b2032;border:0;border-radius:5px;cursor:pointer;font-weight:700}#expedition-status[hidden]{display:none}.part-inspector>label{margin-bottom:10px}.menu-shell nav{flex-wrap:wrap}
@media(max-width:650px){.mission-options,.base-layout{grid-template-columns:1fr}.mission-options{padding:16px;gap:12px}.island-blueprint{padding:55px 16px 20px;gap:8px}.base-plot{padding:12px!important}.credit-chip{padding:8px;font-size:12px}.station-blueprint{padding:20px 12px;gap:8px}.station-module{padding:8px}.station-module span{font-size:26px}#expedition-status{top:190px;right:12px;width:165px;padding:9px;font-size:10px}#expedition-status small{font-size:9px}.menu-shell nav button{padding:10px 12px}.section-title{flex-wrap:wrap}}

.base-coast{position:absolute;inset:0;pointer-events:none}

@media(max-width:650px){#expedition-status{top:305px}}

@media(max-width:600px){#carry-telemetry{font-size:9px}#carry-panel.preflight{top:305px;bottom:auto}}

/* The workshop is the front door. Experimental features live behind their own navigation. */
.menu-shell{max-width:1480px;width:min(1480px,calc(100vw - 32px))}.studio-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:20px 0}.studio-heading h2,.duel-welcome h2{font-size:clamp(28px,3.1vw,48px);letter-spacing:-1.7px;margin:10px 0}.studio-heading p{color:#9fb4c5;line-height:1.6}.studio-switch{display:flex;gap:6px;padding:5px;border:1px solid #314c5d;border-radius:12px}.studio-switch span{margin-left:8px;color:#f0cb82}.fleet-tools{display:flex;align-items:end;gap:10px;flex-wrap:wrap;padding:16px;background:#0e2636;border:1px solid #2a485a;border-radius:10px}.fleet-tools label,.design-title label{display:flex;flex-direction:column;gap:6px;font-size:11px;color:#9ebacc}.fleet-tools select{min-width:200px}.design-title{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 0}.design-title input{font-size:20px;font-weight:700;background:transparent;border:0;border-bottom:1px solid #4c6874;padding:6px 0;min-width:250px;color:#e1edf0}.design-title>span{font-size:12px;color:#a9bfcd}#studio-board>.section-title{display:none}#studio-board .free-builder{grid-template-columns:190px minmax(300px,1fr) 215px;gap:16px}#studio-board .frame-picker{margin-bottom:14px}#studio-board .frame-picker button{padding:12px}#studio-board #build-canvas{height:570px;background:radial-gradient(ellipse at 50% 35%,#183b50,#071b2a 75%)}.part-categories{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0 16px}.part-categories button{padding:8px 13px;border-radius:30px;font-size:12px}.free-parts{max-height:740px;overflow:auto;scrollbar-width:thin}.drag-part[hidden]{display:none}.free-parts .drag-part{padding:12px;margin-bottom:8px}.free-parts .drag-part strong{font-size:13px}.free-parts .drag-part small{font-size:10px}.assembly-toolbar{flex-wrap:wrap;gap:8px}.view-tools{display:flex;gap:4px}.view-tools button{padding:6px 9px!important;font-size:10px}.part-fields{flex-wrap:wrap}.part-fields label{min-width:60px}.part-fields input{width:75px!important}.free-stats{padding:16px!important}.free-stats h3{font-size:23px!important}.free-stats p{font-size:12px;line-height:1.7}.studio-next{display:flex;align-items:center;gap:20px;padding:24px;margin-top:24px;background:linear-gradient(100deg,#233c44,#19273f);border:1px solid #63716c;border-radius:12px}.studio-next span{font-size:12px;color:#b5c5cc}.fleet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px;margin-top:24px}.fleet-card{border:1px solid #385165;border-radius:14px;overflow:hidden;background:#102535}.fleet-card canvas{width:100%;height:230px;background:radial-gradient(ellipse at 50% 60%,#22485b,#0b1e2e)}.fleet-card>div,.fleet-new{padding:20px}.fleet-card h3{margin:0 0 8px}.fleet-card p{color:#9fb8c9;font-size:12px;line-height:1.6}.fleet-card button{margin:8px 5px 0 0}.fleet-new{display:flex;flex-direction:column;justify-content:center}.delete-design{padding:12px;background:#3e2829;border-radius:8px;margin-top:12px}.experimental-nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:24px;border-bottom:1px solid #344c5c;padding-bottom:16px}.experimental-nav>span{font:10px monospace;color:#e8c788;margin-right:8px}.experimental-nav button{padding:8px 12px;font-size:12px}
.duel-welcome{max-width:920px;margin:30px auto;padding:40px;background:radial-gradient(ellipse at 80% 0,#314153,#0e2333 75%);border:1px solid #3e596c;border-radius:20px}.duel-welcome>p{max-width:620px;font-size:17px;line-height:1.7;color:#adc4d2}.duel-steps{display:flex;gap:25px;margin:30px 0;color:#edca88;font:12px monospace}.duel-welcome label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#b3c9d7}.duel-entry{display:flex;align-items:center;gap:28px;margin:25px 0}.duel-entry>div{display:flex;gap:10px;align-items:end}.duel-entry>.primary{padding:22px 30px}.duel-welcome small{color:#8faaba}.duel-error{color:#ffa486;min-height:22px}.invite-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px;background:#0c2434;border:1px solid #36596b;border-radius:10px}.invite-row input{flex:1;min-width:180px}.invite-row span{color:#8ae1bc;font-size:12px}.versus-hangar{display:grid;grid-template-columns:1fr 60px 1fr;gap:24px;align-items:center;margin:24px 0}.versus-hangar article{text-align:center;padding:16px;border:1px solid #406777;border-radius:14px;background:radial-gradient(ellipse at 50% 40%,#20485c,#102432)}.versus-hangar article:last-child{border-color:#896c9a;background:radial-gradient(ellipse at 50% 40%,#453952,#1b2436)}.versus-hangar canvas{max-width:100%;height:180px}.versus-hangar h3{margin:6px}.versus-hangar b{display:inline-block;margin-left:15px;color:#edc885;font-size:26px}.versus-hangar>strong{text-align:center;color:#e8c383;font-style:italic;font-size:25px}.versus-hangar article>span{font:10px monospace;color:#a2d7d4}.challenge-manifest{display:flex;gap:10px;overflow:auto;padding-bottom:8px}.challenge-tile{flex:1;min-width:135px;display:flex;flex-direction:column;gap:8px;padding:16px;background:#142b3b;border:1px solid #34505d;border-radius:10px}.challenge-tile>span{font-size:28px;color:#99cbdf}.challenge-tile>small{font:10px monospace;color:#9fbcca}.challenge-tile strong{font-size:13px}.challenge-tile.current{border-color:#f0cb82;background:#34392e}.challenge-tile.played{opacity:.6}.duel-round{padding:25px;margin-top:16px;border:1px solid #36576a;border-radius:12px;background:#102738}.duel-round h3{font-size:26px;margin:10px 0}.duel-round>p{line-height:1.6;color:#b4c7d3}.duel-design{display:flex;align-items:center;gap:24px;margin:18px 0}.duel-design label{display:flex;gap:12px;align-items:center}.duel-design span{font:12px monospace;color:#c5cfbd}.duel-actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.duel-round>small{color:#9db8c7;line-height:1.7}.duel-round>button{margin-right:10px}#duel-hud{position:fixed;top:14px;left:50%;transform:translateX(-50%);width:min(460px,calc(100% - 30px));display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border:1px solid #ad9ba466;border-radius:12px;background:#102332e8;color:#d6e6ee;z-index:5;font:12px ui-monospace,monospace;pointer-events:none}#duel-hud>div{text-align:center;display:flex;flex-direction:column;gap:6px}#duel-hud small{font-size:9px;color:#a9c5d6}#duel-hud b{color:#f0cb82;font-size:23px}#rival-card{position:fixed;top:185px;right:20px;display:flex;flex-direction:column;align-items:center;width:200px;border:1px solid #b28cc755;border-radius:12px;background:#1c2034d9;z-index:3;pointer-events:none;padding:10px;color:#edc5fd}#rival-card .rival-label{font:10px monospace}#rival-card small{font:9px monospace;color:#c3b2d8;text-align:center}#duel-countdown{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#05142470;z-index:10;pointer-events:none;color:#f7dfad;gap:20px}#duel-countdown strong{font:bold 140px ui-monospace,monospace;text-shadow:0 0 80px #f9c87e99}#duel-countdown small{font-size:24px}#duel-countdown span{font:12px monospace}#duel-hud[hidden],#rival-card[hidden],#duel-countdown[hidden]{display:none}
@media(max-width:1050px){#studio-board .free-builder{grid-template-columns:155px minmax(250px,1fr)}#studio-board .free-stats{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px}#studio-board .free-stats>.eyebrow{grid-column:1/-1}.studio-next{flex-wrap:wrap}.duel-welcome{padding:25px}}
@media(max-width:650px){.studio-heading{align-items:start;flex-direction:column;gap:10px}.studio-heading h2{letter-spacing:-1px}.fleet-tools{padding:12px;gap:7px}.fleet-tools label{width:100%}.fleet-tools button{font-size:11px;padding:9px}.design-title{align-items:start;flex-direction:column}.design-title>span{font-size:11px}#studio-board .free-builder{display:flex;flex-direction:column}#studio-board .free-parts{display:flex;flex-wrap:nowrap;overflow-x:auto;max-height:140px;gap:8px}#studio-board .free-parts>.eyebrow,#studio-board .free-parts>h3,#studio-board .free-parts>p,#studio-board .free-parts>button:not(.drag-part){display:none}#studio-board .drag-part{min-width:125px;width:125px;flex-shrink:0}#studio-board .drag-part[hidden]{display:none}#studio-board #build-canvas{height:450px;touch-action:none}#studio-board .free-stats{display:block}.assembly-toolbar>div{flex-wrap:wrap}.part-categories{gap:4px}.part-categories button{padding:7px 10px;font-size:10px}.studio-next{padding:18px;gap:12px}.duel-welcome{padding:20px;margin:12px 0}.duel-welcome>p{font-size:14px}.duel-steps{flex-direction:column;gap:12px}.duel-entry{flex-direction:column;align-items:stretch;gap:20px}.duel-entry>div{flex-wrap:wrap}.versus-hangar{grid-template-columns:1fr 22px 1fr;gap:5px}.versus-hangar article{padding:7px}.versus-hangar canvas{height:130px;width:100%}.versus-hangar h3{font-size:13px}.versus-hangar article>span{font-size:8px}.versus-hangar>strong{font-size:14px}.duel-round{padding:17px}.duel-design{flex-direction:column;align-items:start;gap:12px}.duel-design select{max-width:180px}.duel-actions button{width:100%}#duel-hud{top:110px;font-size:10px;padding:8px 12px}#duel-hud small{font-size:8px}#rival-card{top:310px;right:12px;width:120px;padding:7px}#rival-card canvas{width:110px;height:90px}.challenge-tile{min-width:110px;padding:12px}.challenge-tile strong{font-size:11px}#rival-card small{font-size:8px}.touch-controls{gap:3px}.touch-controls button{padding:10px 9px!important;font-size:11px!important}}
.workshop-shell>header{padding-bottom:12px!important;margin-bottom:10px!important}.workshop-shell>header h1{font-size:25px!important;margin:4px 0!important}.workshop-shell>header h1 span,.workshop-shell>header .eyebrow{display:none!important}.workshop-shell>nav{margin-bottom:12px!important;padding-bottom:12px!important}.workshop-shell .studio-heading{margin:8px 0 12px}.workshop-shell .studio-heading h2{font-size:29px;letter-spacing:-1px;margin:5px 0}.workshop-shell .studio-heading p{margin:4px 0;font-size:12px}.workshop-shell .fleet-tools{padding:10px}.workshop-shell .design-title{margin:10px 0}.workshop-shell #studio-board .frame-picker button{padding:10px 10px 10px 48px}.workshop-shell .frame-picker .frame-icon{left:13px!important}.workshop-shell .drag-part{padding:12px 10px 12px 43px!important}.workshop-shell .part-symbol{left:12px!important;top:16px!important;font-size:22px!important}.workshop-shell #studio-board #build-canvas{height:480px}.workshop-shell .free-parts{max-height:650px}.workshop-shell .part-categories{margin:8px 0 12px}.workshop-shell .design-title input{font-size:17px}.workshop-shell .fleet-tools button{padding:10px 12px}

@media(max-width:650px){
  .workshop-shell{padding:12px}.workshop-shell>header{padding-bottom:0!important;margin-bottom:4px!important}.workshop-shell>header h1{font-size:20px!important}
  .workshop-shell>nav{gap:2px;margin-bottom:8px!important;padding-bottom:8px!important}.workshop-shell>nav button{font-size:12px;padding:10px}
  .workshop-shell .studio-heading{gap:6px;margin:5px 0 8px}.workshop-shell .studio-heading .eyebrow,.workshop-shell .studio-heading p{display:none}.workshop-shell .studio-heading h2{font-size:23px}
  .workshop-shell .studio-switch{padding:3px}.workshop-shell .studio-switch button{font-size:12px;padding:7px 12px}
  .workshop-shell .fleet-tools{padding:7px;gap:6px}.workshop-shell .fleet-tools label{flex-direction:row;justify-content:space-between;font-size:10px}.workshop-shell .fleet-tools select{min-width:0;width:65%;padding:6px}
  .workshop-shell .fleet-tools button{padding:6px;font-size:10px}.workshop-shell .design-title{margin:8px 0;gap:3px}.workshop-shell .design-title label{width:100%;flex-direction:row;justify-content:space-between;font-size:10px}.workshop-shell #rocket-name{font-size:16px;padding:5px;width:65%;min-width:0}.workshop-shell .design-title>span{font-size:9px}
  .workshop-shell #studio-board .frame-picker{grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:8px}.workshop-shell #studio-board .frame-picker button{padding:10px 4px;text-align:center}.workshop-shell .frame-picker small,.workshop-shell .frame-picker .frame-icon{display:none}.workshop-shell .frame-picker strong{font-size:11px}
  .workshop-shell .part-categories{flex-wrap:nowrap;overflow-x:auto;margin:8px 0;gap:4px}.workshop-shell .part-categories button{font-size:10px;padding:7px 10px;flex-shrink:0}
  .workshop-shell #studio-board .free-builder{gap:8px}.workshop-shell .drag-part{padding-top:8px!important;padding-bottom:8px!important}.workshop-shell .drag-hint{display:none}.workshop-shell .assembly-toolbar{padding:7px;gap:5px}.workshop-shell #build-canvas{height:360px!important}
}

@media(max-width:600px){#duel-hud{top:120px}}
