:root{color-scheme:dark;--cyan:#42efff;--violet:#a96eff;--pink:#ff477d;--amber:#ffb84b;--ink:#020611;--panel:rgba(5,13,24,.91);font-family:"Arial Narrow","Roboto Condensed",system-ui,sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--ink);color:#eaffff}button,input{font:inherit}#space{position:fixed;inset:0;width:100%;height:100%;display:block}.hub-return{position:fixed;left:28px;top:190px;z-index:100;padding:9px 12px;color:#86a5af;border:1px solid rgba(66,239,255,.3);background:rgba(2,8,15,.82);text-decoration:none;font-size:8px;font-weight:900;letter-spacing:.18em}.hub-return:hover{color:white;border-color:var(--cyan)}.screen{position:fixed;inset:0;z-index:30;display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .35s;background:radial-gradient(circle at 25% 38%,rgba(42,95,150,.24),transparent 38%),linear-gradient(90deg,rgba(1,5,12,.95),rgba(1,5,12,.54),rgba(1,5,12,.88))}.screen.visible{opacity:1;pointer-events:auto}.screen:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.12;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(128,244,255,.12) 4px)}.menu-shell{position:relative;z-index:1;width:min(1400px,94vw);display:grid;grid-template-columns:.76fr 1.24fr;gap:55px;align-items:center}.brand>span,.setup-head span,legend,.hangar-head span{color:var(--cyan);font-size:9px;font-weight:900;letter-spacing:.25em}.brand h1{font-family:Impact,"Arial Black",sans-serif;font-size:clamp(65px,8vw,132px);font-style:italic;letter-spacing:-.055em;line-height:.77;margin:18px 0 26px;text-shadow:0 0 35px rgba(66,239,255,.23)}.brand h1 span{color:transparent;-webkit-text-stroke:2px var(--cyan)}.brand p{max-width:520px;color:#78929f;font-size:12px;font-weight:700;letter-spacing:.11em;line-height:1.8;text-transform:uppercase}.setup-panel,.dialog-card{border:1px solid rgba(66,239,255,.22);background:linear-gradient(145deg,rgba(7,18,31,.96),rgba(2,8,16,.94));box-shadow:0 30px 100px rgba(0,0,0,.56);backdrop-filter:blur(10px)}.setup-panel{padding:24px;max-height:94vh;overflow:auto;scrollbar-width:thin;scrollbar-color:#245363 transparent}.setup-head,.hangar-head{display:flex;justify-content:space-between;align-items:center}.setup-head b{color:#6f8994;font-size:8px;letter-spacing:.14em}label{display:block;margin-top:18px;color:#66838f;font-size:8px;font-weight:900;letter-spacing:.2em}input{display:block;width:100%;margin-top:7px;padding:11px 13px;color:white;background:#06131f;border:1px solid #173646;outline:none;font-weight:900;letter-spacing:.17em;text-transform:uppercase}input:focus{border-color:var(--cyan)}fieldset{border:0;padding:0;margin:20px 0 0}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}.mode-grid button,.ship-card,.component-card{cursor:pointer;text-align:left;border:1px solid #173342;background:#06111d;color:#66828e}.mode-grid button{padding:12px}.mode-grid b,.mode-grid small,.ship-card b,.ship-card small{display:block}.mode-grid b{font-size:9px;letter-spacing:.1em}.mode-grid small{margin-top:5px;font-size:7px;line-height:1.4}.mode-grid button.selected,.ship-card.selected{color:#041016;background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 22px rgba(66,239,255,.22)}.mode-grid button.selected small,.ship-card.selected small{color:#19505a}.ship-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:9px}.ship-card{min-height:112px;padding:13px;position:relative;overflow:hidden}.ship-card:after{content:"";position:absolute;right:-17px;bottom:-20px;width:75px;height:75px;background:var(--ship);opacity:.12;transform:rotate(45deg);box-shadow:0 0 30px var(--ship)}.ship-card b{position:relative;z-index:1;color:#eaffff;font-size:12px;letter-spacing:.12em}.ship-card.selected b{color:#031014}.ship-card em{display:block;position:relative;z-index:1;margin:4px 0 9px;color:var(--ship);font-style:normal;font-size:7px;font-weight:900;letter-spacing:.13em}.ship-card.selected em{color:#135863}.ship-card small{position:relative;z-index:1;font-size:7px;line-height:1.4}.ship-stats{display:flex;gap:5px;margin-top:9px}.ship-stats i{height:3px;background:var(--ship);flex:1;opacity:.25}.ship-card.selected .ship-stats i{background:#06212a;opacity:.42}.hangar{margin-top:18px;padding-top:15px;border-top:1px solid #16303e}.hangar-head small{display:block;color:#58717d;font-size:7px;margin-top:3px}.hangar-head b{font-size:8px;color:var(--amber);letter-spacing:.13em}.hangar-head i{font-style:normal}.component-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}.component-card{padding:10px;min-height:62px}.component-card:hover:not(:disabled){border-color:var(--amber)}.component-card:disabled{cursor:not-allowed;opacity:.48}.component-card b{display:flex;justify-content:space-between;color:#bfd7dd;font-size:7px;letter-spacing:.07em}.component-card b i{color:var(--amber);font-style:normal}.component-card small{display:block;color:#52707c;font-size:6px;line-height:1.35;margin-top:6px}.control-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:18px 0}.control-strip div{display:flex;align-items:center;gap:6px;color:#617c87;font-size:7px;font-weight:900}.control-strip kbd{min-width:38px;padding:5px;text-align:center;color:#c8f5f8;border:1px solid #264856;background:#0b1b27;border-bottom-width:3px}.primary,.ghost{width:100%;padding:14px;border:0;cursor:pointer;font-weight:950;letter-spacing:.15em}.primary{color:#031016;background:var(--cyan);box-shadow:0 0 25px rgba(66,239,255,.22)}.primary:hover{filter:brightness(1.16)}.ghost{margin-top:8px;color:#718b95;background:transparent;border:1px solid #183543}.hud{position:fixed;inset:0;z-index:10;opacity:0;pointer-events:none;transition:.3s}.hud.active{opacity:1}.hud-top{display:flex;justify-content:space-between;padding:24px 28px}.status-panel,.adaptive-panel{padding:7px 14px;border-left:2px solid var(--cyan);background:rgba(2,9,17,.38)}.status-panel small,.status-panel span,.adaptive-panel small{display:block;color:#6d8994;font-size:8px;font-weight:900;letter-spacing:.18em}.status-panel strong{display:block;margin:5px 0;color:white;font-size:18px;letter-spacing:.08em}.status-panel span{color:var(--cyan);font-size:7px}.adaptive-panel{position:absolute;left:50%;transform:translateX(-50%);text-align:center;border:0}.adaptive-panel strong{display:block;margin:5px 0;color:#ff769b;font-size:13px;letter-spacing:.13em}.adaptive-panel div{width:160px;height:3px;background:#182936}.adaptive-panel i{display:block;width:0;height:100%;background:var(--pink);box-shadow:0 0 9px var(--pink)}#radar{width:155px;height:155px;border:1px solid rgba(66,239,255,.25);background:rgba(1,7,14,.7);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.target-box{position:absolute;left:50%;top:19%;transform:translateX(-50%);min-width:220px;text-align:center;opacity:.82}.target-box span{color:#a3bcc4;font-size:8px;font-weight:900;letter-spacing:.16em}.target-box b{margin-left:10px;color:var(--cyan);font-size:8px}.target-box div{height:3px;margin-top:6px;background:#182936}.target-box i{display:block;width:0;height:100%;background:var(--pink)}.reticle{position:absolute;left:50%;top:50%;width:58px;height:58px;transform:translate(-50%,-50%);border:1px solid rgba(66,239,255,.32);border-radius:50%}.reticle:before,.reticle:after{content:"";position:absolute;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.reticle:before{left:27px;top:-14px;width:2px;height:86px}.reticle:after{top:27px;left:-14px;width:86px;height:2px}.reticle i{position:absolute;inset:12px;border:1px solid rgba(255,255,255,.42);transform:rotate(45deg)}.warning{position:absolute;top:32%;left:50%;transform:translateX(-50%);color:#ff5e84;font-size:9px;font-weight:950;letter-spacing:.22em;text-shadow:0 0 12px #ff315f}.announcement{position:absolute;left:50%;top:39%;transform:translate(-50%,-50%) scale(.88);opacity:0;font-family:Impact,sans-serif;font-size:clamp(34px,6vw,76px);font-style:italic;white-space:nowrap;text-shadow:0 0 22px var(--cyan);transition:.25s}.announcement.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.hud-bottom{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);width:min(930px,94vw);display:grid;grid-template-columns:1fr 1fr 150px 1fr 100px;gap:18px;align-items:end}.meter{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center}.meter span,.ordnance span{color:#718c96;font-size:7px;font-weight:900;letter-spacing:.18em}.meter>div{grid-column:1/3;height:5px;background:#132733}.meter i{display:block;height:100%;width:100%;background:var(--pink);box-shadow:0 0 10px var(--pink)}.meter b{font-size:9px;color:#c8edf1}.shield i{background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.energy i{background:var(--violet);box-shadow:0 0 10px var(--violet)}.speed{text-align:center;border-bottom:2px solid var(--cyan);padding-bottom:5px}.speed strong{font-family:Impact,sans-serif;font-size:40px;font-style:italic}.speed span,.speed small{display:block;color:#75919b;font-size:7px;font-weight:900}.speed small{color:var(--cyan);margin-top:3px}.ordnance{text-align:right}.ordnance strong{display:block;color:var(--amber);font-size:25px}.ordnance small{display:block;color:#718c96;font-size:7px}.pause,.results{background:rgba(1,5,12,.76);backdrop-filter:blur(8px)}.dialog-card{position:relative;z-index:1;width:min(520px,90vw);padding:38px;text-align:center}.dialog-card>span{color:var(--cyan);font-size:8px;font-weight:900;letter-spacing:.25em}.dialog-card h2{margin:9px 0;font-family:Impact,sans-serif;font-size:64px;font-style:italic}.dialog-card p{color:#718b96;font-size:10px;line-height:1.6;text-transform:uppercase}.result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:25px 0;background:#183242}.result-grid div{padding:15px 7px;background:#06101b}.result-grid small{display:block;color:#607b87;font-size:7px}.result-grid b{display:block;margin-top:7px;font-size:17px}#touch-controls{display:none;position:fixed;z-index:15;left:15px;right:15px;bottom:18px;justify-content:space-between;pointer-events:none}#touch-controls>div{display:flex;gap:7px}#touch-controls button{pointer-events:auto;width:62px;height:52px;color:white;background:rgba(4,20,31,.74);border:1px solid rgba(66,239,255,.42);font-size:9px;font-weight:900;touch-action:none}@media(max-width:980px){.menu-shell{grid-template-columns:1fr}.brand{display:none}.setup-panel{width:min(720px,94vw)}.component-grid{grid-template-columns:repeat(2,1fr)}}@media(pointer:coarse),(max-width:700px){#touch-controls.active{display:flex}.ship-grid{grid-template-columns:1fr}.ship-card{min-height:70px}.control-strip{display:none}.mode-grid{grid-template-columns:1fr}.hud-bottom{bottom:85px;grid-template-columns:1fr 1fr 110px}.hud-bottom .energy,.ordnance{display:none}.adaptive-panel{top:92px}.target-box{top:26%}#radar{width:110px;height:110px}.hub-return{top:10px;left:10px}.setup-panel{padding:16px}.component-grid{grid-template-columns:1fr 1fr}}

:root{--cyan:#58e8ff;--violet:#9d6bff;--amber:#ffd36d}.brand h1 em{display:block;margin-top:20px;color:#ff5976;font-family:"Arial Narrow",system-ui,sans-serif;font-size:.18em;font-style:normal;letter-spacing:.42em}.mode-grid{grid-template-columns:1fr}.mode-grid button{cursor:default}.mode-grid button.selected{color:#031016;background:linear-gradient(90deg,#58e8ff,#9d6bff)}.mode-grid button.selected small{color:#173b52}