:root{font-family:Arial,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;color:#e5e8e7;background:#050b11;--cyan:#80e6dc;--muted:#7f959e;--line:#a4d2db28;--panel:#0b1721ed;--gold:#e4b779}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,select,a{-webkit-tap-highlight-color:transparent}button,select{font:inherit;color:inherit}button{cursor:pointer;background:#12232c;border:1px solid var(--line);border-radius:4px;padding:10px 13px;transition:background .15s,border-color .15s}button:hover{background:#20363e;border-color:#80e6dc88}button.active{color:var(--cyan);background:#194039;border-color:var(--cyan)}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}#space{position:fixed;inset:0;width:100%;height:100%;touch-action:none;background:#050b11 url('assets/nebula.png') center/cover}header{height:86px;position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 30px;background:linear-gradient(#061019f5,#06101990);border-bottom:1px solid var(--line);pointer-events:none}header>*{pointer-events:auto}.brand{display:flex;gap:14px;align-items:center;font-size:21px;letter-spacing:5px}.brand-mark{font-size:38px;color:var(--cyan)}small,.eyebrow{font-size:10px;letter-spacing:2px;color:var(--muted);font-weight:normal}.brand small{display:block;font-size:8px;letter-spacing:2px;margin-top:7px}.telemetry{display:flex;gap:46px}.telemetry small{display:block}.telemetry strong{display:block;font:24px 'Courier New',monospace;margin-top:6px}.telemetry>div:first-child strong{color:var(--gold)}.icon{font-size:20px}#mission{position:fixed;top:115px;left:30px;pointer-events:none}h1{font-size:26px;font-weight:500;letter-spacing:-1px;margin:10px 0}#mission p{font-size:12px;color:#9badb3;margin:8px 0 20px}.mission-line{display:flex;gap:22px;align-items:center;font:12px monospace}.live{color:var(--cyan);font-size:10px}#scores{font:12px monospace;color:var(--gold);margin-top:15px;line-height:1.8}#toast{position:fixed;top:100px;left:50%;transform:translateX(-50%);padding:12px 20px;border:1px solid #81e7da55;background:#0c2529e8;font-size:12px;opacity:0;transition:opacity .2s;pointer-events:none;z-index:9}#toast.show{opacity:1}#labels{position:fixed;inset:0;pointer-events:none;overflow:hidden}.planet-label{position:absolute;transform:translate(-50%,0);text-align:center;white-space:nowrap;text-shadow:0 2px 5px #000;color:#adc0c9;pointer-events:none}.planet-label b{font-size:11px;font-weight:500;letter-spacing:2px}.planet-label small{display:block;font-size:8px;letter-spacing:1px;margin-top:5px}.planet-label .bar{height:2px;background:#ffffff20;width:45px;margin:6px auto}.planet-label .bar i{display:block;height:100%;background:currentColor}.cluster{position:absolute;transform:translate(-50%,-50%);border-radius:20px;padding:5px 9px;background:#081a22d9;color:var(--cyan);border:1px solid #80e6dc65;font-size:11px;pointer-events:auto;min-width:32px}.panel{position:fixed;right:26px;top:108px;width:275px;background:var(--panel);border:1px solid var(--line);padding:21px;backdrop-filter:blur(15px);max-height:calc(100vh - 270px);overflow:auto;border-radius:5px}.hidden{display:none!important}.panel h2{font-size:24px;font-weight:400;margin:8px 0}.panel p{font-size:11px;color:var(--muted);line-height:1.7}.panel .row{display:flex;gap:6px;margin:9px 0;align-items:center}.panel select{background:#152832;border:1px solid var(--line);padding:8px;min-width:0;flex:1}.build{display:flex;width:100%;justify-content:space-between;align-items:center;margin:6px 0;text-align:left;font-size:12px}.build small{font-size:10px;letter-spacing:0}.panel .eyebrow{font-size:9px}.queue{font-size:11px;color:var(--gold);padding:10px 0;line-height:1.7;border-top:1px solid var(--line)}.panel .close{float:right;padding:2px 7px}.panel .row button{font-size:11px;flex:1;padding:9px 4px}#cameraTools{position:fixed;right:27px;bottom:162px;display:flex;gap:6px}#cameraTools button{font-size:18px;width:40px;padding:8px}#hint{position:fixed;bottom:143px;left:30px;color:#789098;font-size:10px;letter-spacing:.4px}footer{position:fixed;left:22px;right:22px;bottom:20px;min-height:106px;display:flex;align-items:center;gap:25px;background:linear-gradient(120deg,#0d1b26f5,#09161df5);border:1px solid #a4d2db30;border-radius:6px;padding:17px 22px;backdrop-filter:blur(20px)}.selection{flex:1;min-width:170px}.selection>strong{display:block;font-size:17px;font-weight:400;margin:7px 0}.selection>div{font-size:10px;color:var(--muted)}#typeFilters{display:flex;gap:4px;margin-top:5px}#typeFilters button{font-size:10px;padding:4px 6px}.groups{border-left:1px solid var(--line);padding-left:25px}.groups .eyebrow{display:block;margin-bottom:8px;font-size:8px}.groups .eyebrow span{letter-spacing:0;margin-left:5px}.group-row{display:flex;gap:5px}.group-row button{min-width:46px;text-align:left;padding:7px 10px;font:17px monospace}.group-row small{display:block;font:7px monospace;color:var(--muted);margin-top:4px}.commands{display:grid;grid-template-columns:1fr 1fr;gap:5px}.commands button{font-size:15px;padding:8px}.commands span{font-size:10px}.research{position:relative;text-align:left;padding:14px 20px;min-width:158px;border-color:#d4ae7055;overflow:hidden}.research small{display:block;color:var(--gold);font-size:8px}.research b{display:block;font-size:14px;margin:7px 0;font-weight:400}.research span{font-size:10px;color:var(--muted)}.research i{position:absolute;bottom:0;left:0;height:3px;background:var(--gold);width:0}dialog{color:#e5e8e7;background:#0c1823;border:1px solid #91c3ca40;border-radius:8px;padding:30px;width:min(520px,92vw);max-height:90vh;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#02080bb8;backdrop-filter:blur(7px)}dialog h2{font-size:32px;font-weight:400;letter-spacing:-1px;margin:20px 0}dialog p{font-size:13px;line-height:1.9;color:#9eb1b9}.dialog-top{display:flex;justify-content:space-between;align-items:center}.dialog-top button{padding:3px 9px;font-size:20px}.settings{display:grid;gap:14px;margin:25px 0}.settings label{display:flex;justify-content:space-between;align-items:center;font-size:12px}.settings select{width:65%;background:#162733;border:1px solid var(--line);padding:12px;border-radius:3px}.primary{width:100%;padding:16px;background:#8cddd0;color:#092123;border:0;font-weight:bold}.primary:hover{background:#b5f3e8}.primary span{float:right}.menu-links{display:flex;gap:20px;align-items:center;margin-top:18px;font-size:12px}.menu-links a{color:var(--cyan);text-decoration:none}.muted{font-size:10px!important;color:#697e88!important}.group-actions{display:grid;gap:9px}@media(max-width:1000px){header{height:65px;padding:0 16px}.brand{font-size:16px;letter-spacing:3px}.brand small{font-size:6px}.brand-mark{font-size:28px}.telemetry{gap:20px}.telemetry strong{font-size:19px}.telemetry small{font-size:7px}#mission{top:85px;left:18px}#mission h1{font-size:21px}.panel{top:79px;right:16px;width:245px;padding:15px}footer{left:10px;right:10px;bottom:10px;padding:10px 12px;gap:12px;min-height:95px}.groups{padding-left:12px}.group-row button{min-width:38px;padding:6px}.research{min-width:130px;padding:10px}.selection{min-width:125px}.selection>strong{font-size:14px}.commands span{font-size:9px}#hint{bottom:120px;left:18px;font-size:9px}#cameraTools{bottom:135px;right:16px}}@media(max-height:550px){header{height:56px}.brand small{display:none}#mission{top:72px}#mission p{margin-bottom:10px}#mission h1{font-size:19px}.panel{top:67px;max-height:calc(100vh - 175px)}footer{min-height:80px}.groups .eyebrow span,#selectionStats,#hint{display:none}.selection>strong{font-size:13px}#cameraTools{bottom:107px}dialog{padding:20px}dialog h2{margin:10px 0}.settings{margin:15px 0;gap:8px}}@media(max-width:600px) and (orientation:portrait){header .brand small{display:none}.telemetry{gap:10px}.telemetry small{letter-spacing:0}.brand{font-size:12px}.brand-mark{display:none}footer{flex-wrap:wrap;gap:10px}.selection{flex:1}.groups{border:0}.commands{display:flex;flex:1}.research{min-width:120px}.panel{max-height:calc(100vh - 310px)}#cameraTools{bottom:210px}#hint{display:none}#mission{top:80px}.panel{top:195px}#mission p{max-width:250px}}
/* Persistent economy / production workspace */
.income{display:block;color:var(--cyan);font-size:11px;margin-top:3px}.production-toggle{color:var(--cyan);border-color:#80e6dc70;font-size:14px}.production-toggle span{display:block;color:var(--muted);font-size:10px;margin-top:4px}.production-dock{position:fixed;right:24px;top:102px;bottom:160px;width:285px;background:#091822f2;border:1px solid #80e6dc40;border-radius:8px;padding:17px;overflow-y:auto;backdrop-filter:blur(16px)}.dock-heading{display:flex;justify-content:space-between;align-items:center}.dock-heading h2{font-size:21px;margin:5px 0;font-weight:500}.dock-heading button{padding:5px 10px}.dock-intro{font-size:11px;color:#acbdc4;line-height:1.5;margin:8px 0 14px}.dock-wallet{display:flex;align-items:center;justify-content:space-between;background:#203332;padding:12px;border-radius:4px;margin-bottom:12px;font-size:11px}.dock-wallet b{font:22px monospace;color:var(--gold)}.dock-label{display:block;font-size:10px;color:var(--muted)}.production-dock select{display:block;width:100%;background:#182c36;color:#e5e8e7;border:1px solid var(--line);padding:9px;margin:5px 0;border-radius:4px}.quick-options{display:flex;gap:10px;margin:7px 0 10px}.quick-options label{flex:1;font-size:10px;color:var(--muted)}.quick-build{display:flex;align-items:center;gap:10px;width:100%;text-align:left;margin:7px 0;padding:11px 9px}.quick-build .ship-symbol{font-size:24px;color:var(--cyan)}.quick-build b{font-size:13px;font-weight:500}.quick-build small,.quick-build em{display:block;font-size:9px;color:#8ea5ae;letter-spacing:0;font-style:normal;margin-top:4px}.quick-build strong{font:13px monospace;margin-left:auto;white-space:nowrap;color:var(--gold)}.quick-build:disabled{opacity:.6}.dock-subtitle{font-size:11px;color:var(--muted);margin:15px 0 9px}.queue-head{display:flex;justify-content:space-between;font-size:10px;gap:5px}.queue-head span{color:var(--gold)}.production-progress{height:5px;background:#213740;margin:9px 0;border-radius:3px;overflow:hidden}.production-progress i{display:block;height:100%;background:var(--cyan)}#quickQueue small{font-size:10px;letter-spacing:0;color:var(--muted)}.empty-production{font-size:12px;padding:9px 0;color:#b9d0d4}.empty-production small{display:block;margin-top:5px}#yardOverview button{width:100%;display:flex;justify-content:space-between;font-size:10px;padding:9px;margin:5px 0}#yardOverview b{font-weight:500}#paceControl{position:fixed;top:290px;left:30px;font-size:11px;color:var(--muted)}#paceControl label{display:block;margin-bottom:7px}#paceControl select{background:#10232e;color:var(--cyan);border:1px solid var(--line);padding:10px;border-radius:4px}#planetPanel{right:325px}#mission{max-width:260px}@media(max-width:1000px){.production-dock{top:78px;bottom:125px;right:12px;width:244px;padding:12px}.production-toggle{font-size:12px;padding:8px}.telemetry{gap:15px}#planetPanel{right:270px;width:225px}#paceControl{left:18px;top:253px}}@media(max-height:550px){.production-dock{top:65px;bottom:102px;width:228px;padding:10px}.dock-intro{display:none}.dock-wallet{padding:7px;margin:5px 0}.dock-heading h2{font-size:17px}.quick-build{padding:7px}.quick-options{margin:0}.production-dock select{padding:6px}.dock-subtitle{margin:10px 0 5px}#paceControl{top:225px}#planetPanel{right:253px;top:65px}.income{font-size:9px}}@media(max-width:600px) and (orientation:portrait){.production-toggle{padding:6px;font-size:11px}.production-toggle span{display:none}.brand{display:none}.production-dock{top:76px;bottom:195px;right:10px;width:245px}#planetPanel{right:10px;z-index:2}#paceControl{top:auto;bottom:198px;left:12px}.production-dock:not(.hidden)~#paceControl{display:none}}
#cameraTools{right:325px}@media(max-width:1000px){#cameraTools{right:270px}}@media(max-height:550px){#cameraTools{right:255px}}@media(max-width:600px) and (orientation:portrait){#cameraTools{right:12px;bottom:160px}}