:root{color-scheme:dark;--bg:#060b13;--panel:rgba(10,18,29,.88);--line:rgba(162,191,219,.12);--line-hi:rgba(163,211,223,.3);--text:#e9eff4;--muted:#7e91a5;--cyan:#7cdbd2;--gold:#ddc899;--red:#ec8b86;--font:Inter,"Segoe UI",Arial,sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:13px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{color:inherit;cursor:pointer;border:0;background:none}button:disabled{opacity:.38;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}button{transition:background .18s,border-color .18s,color .18s,opacity .18s,transform .18s}button:active:not(:disabled){transform:translateY(1px)}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.hidden{display:none!important}.muted{color:var(--muted)}.red{color:var(--red)}.gold{color:var(--gold)}.cyan{color:var(--cyan)}.micro,.eyebrow{font-family:var(--mono);font-size:9px;line-height:1.5;letter-spacing:1.3px;color:var(--muted)}.eyebrow{font-size:9px;letter-spacing:1.65px}kbd{font-family:var(--mono);font-size:9px;border:1px solid currentColor;border-radius:3px;padding:3px 5px;line-height:1;opacity:.58}.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px #7cdbd24d;flex:none}.glass{background:rgba(8,15,25,.91);backdrop-filter:blur(20px)}
#app,#viewport,#labels,.vignette{position:absolute;inset:0}#viewport canvas{display:block;width:100%;height:100%;touch-action:none}#labels{pointer-events:none;z-index:2;overflow:hidden}.vignette{z-index:1;pointer-events:none;background:radial-gradient(ellipse at 51% 42%,transparent 32%,rgba(2,6,13,.34) 85%)}.hud{z-index:4}.topbar{position:absolute;left:0;right:0;top:0;height:84px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 30px;z-index:5;gap:65px}.brand{display:flex;align-items:center;gap:13px;color:var(--gold);font-size:21px;line-height:1;font-weight:550;letter-spacing:5px}.brand svg{width:42px;height:42px;stroke-width:1.25}.brand svg circle{fill:currentColor}.brand-sub{display:block;font-size:8px;font-weight:400;letter-spacing:2.7px;color:#a2b1bf;margin-top:9px}.main-nav{display:flex;gap:33px;align-self:stretch}.nav-link{position:relative;color:var(--muted);padding:0 2px;font-size:12px;white-space:nowrap}.nav-link span{font-family:var(--mono);font-size:8px;position:relative;top:-5px;margin-left:6px;color:#566574}.nav-link:hover,.nav-link.active{color:var(--text)}.nav-link.active:after{content:"";position:absolute;bottom:-1px;height:2px;background:var(--gold);left:0;right:0}.header-right{margin-left:auto;display:flex;align-items:center;gap:16px}.connection{display:flex;align-items:center;gap:7px;color:var(--muted);font:9px var(--mono);letter-spacing:1px}.connection i{display:block;width:4px;height:4px;background:var(--cyan);border-radius:50%}.connection.offline i{background:var(--red)}.header-divider{height:23px;width:1px;background:var(--line);margin:0 6px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;border:1px solid transparent;border-radius:5px;color:#a0b1c0}.icon-button:hover{color:var(--cyan);border-color:var(--line-hi);background:#8bbdcc0d}.icon-button.active{color:var(--cyan);background:#7cdbd212}
.system-heading{position:absolute;left:300px;top:117px;pointer-events:none}.system-heading .eyebrow{display:flex;align-items:center;gap:9px}.system-heading h1{font-size:30px;font-weight:420;letter-spacing:-.8px;margin-top:11px;text-shadow:0 2px 18px #000}.system-heading h1 span{display:block;font-size:11px;letter-spacing:.1px;color:var(--muted);margin-top:8px}.left-rail,.right-rail{position:absolute;top:115px;bottom:136px;display:flex;flex-direction:column;gap:16px;pointer-events:none}.left-rail{left:24px;width:244px}.right-rail{right:24px;width:284px}.panel{pointer-events:auto;border:1px solid var(--line);background:linear-gradient(135deg,rgba(15,26,39,.92),rgba(7,14,24,.89));border-radius:10px;backdrop-filter:blur(18px);box-shadow:0 12px 40px #00000016;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:19px 17px 14px}.panel-heading h2{font-size:12px;font-weight:500;display:flex;align-items:center;gap:8px}.panel-heading .micro{font-size:8px}.navigation-panel{flex:none}.system-row{display:flex;gap:11px;align-items:center;padding:12px 18px;margin:0 11px 9px;background:#daa75607;border:1px solid #daa75613;border-radius:5px}.sun-symbol{font-size:27px;color:var(--gold);line-height:1}.system-row strong{display:block;font-size:11px;font-weight:500}.system-row small{display:block;margin-top:5px;color:var(--muted);font-size:9px}.system-row>.micro{margin-left:auto;font-size:8px;color:var(--gold)}.planet-list{padding:0 10px}.planet-row{width:100%;display:flex;align-items:center;gap:10px;padding:9px 9px;border:1px solid transparent;border-radius:5px;margin:2px 0;color:#a3b1c0;text-align:left}.planet-row:hover{background:#9ec4d80b}.planet-row.selected{border-color:#7cdbd228;background:linear-gradient(90deg,#7cdbd20e,#7cdbd205);color:var(--text)}.planet-dot{display:block;width:10px;height:10px;border-radius:50%;background:var(--planet);box-shadow:inset -3px -2px 4px #0008,0 0 11px color-mix(in srgb,var(--planet) 15%,transparent);flex:none}.planet-row>span:not(.orbit-code){font-size:11px}.planet-row small{font:8px var(--mono);margin-left:auto;color:#607485;letter-spacing:.6px}.planet-row.selected small{color:var(--cyan)}.planet-row .orbit-code{width:15px;font:8px var(--mono);color:#506477}.rail-divider{height:1px;background:var(--line);margin:13px 17px 0}.contacts-heading{padding-top:15px;padding-bottom:6px}.contacts-heading h2{font-size:10px;color:var(--muted)}#contact-list{padding:0 10px 11px}.contact-row{display:flex;align-items:center;gap:10px;font-size:10px;width:100%;padding:8px 9px;text-align:left;border-radius:4px;color:#ab8e94}.contact-row svg{width:13px;height:13px;color:var(--red)}.contact-row small{margin-left:auto;font:8px var(--mono);color:#7e646f}.contact-row:hover,.contact-row.selected{background:#ec8b8610;color:#e9c6c8}.mission-panel .panel-heading{padding-bottom:14px}.text-button{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:var(--cyan);padding:0}.text-button:hover{color:#c5fff9}#mission-summary{padding:0 17px 17px}#mission-summary h3{font-size:12px;font-weight:450;line-height:1.5;margin-bottom:7px}#mission-summary p{font-size:10px;color:var(--muted);line-height:1.75}.mission-meta{display:flex;align-items:center;justify-content:space-between;margin-top:16px;font-size:10px;color:var(--gold)}.mission-meta .badge{font-size:8px}.mission-panel .mission-link{margin-top:12px;color:var(--gold);font-size:10px}
.target-panel .panel-heading{padding-bottom:6px}.planet-preview{height:148px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse,#3c688116,transparent 65%);overflow:hidden}.preview-orbit{position:absolute;width:187px;height:65px;border:1px solid #7fabc322;border-radius:50%;transform:rotate(-27deg)}.preview-orbit:after{content:"";position:absolute;right:22px;bottom:3px;width:3px;height:3px;background:#6b899d;box-shadow:0 0 9px #add8d1}.preview-globe{width:100px;height:100px;border-radius:50%;background-color:#225477;background-size:200% 100%;background-position:25% center;box-shadow:inset -22px -10px 26px 6px #010611dd,inset 3px 2px 7px #c1e4ff66,0 0 26px #5eafdb19;position:relative;z-index:1;transform:rotate(-12deg)}.preview-globe.earth{background-image:radial-gradient(ellipse at 38% 30%,#548c88 0 13%,transparent 14%),radial-gradient(ellipse at 52% 48%,#527769 0 22%,transparent 23%),linear-gradient(150deg,#377a96,#152a50)}.preview-globe.saturn:after{content:"";position:absolute;border-radius:50%;width:165px;height:47px;border:9px double #c3ae826b;top:28px;left:-33px;transform:rotate(-24deg)}.preview-globe.pirate{border-radius:0;background:linear-gradient(135deg,#c39d90,#36434a);width:65px;height:100px;clip-path:polygon(50% 0,65% 47%,100% 82%,68% 74%,66% 100%,34% 100%,32% 74%,0 82%,35% 47%);box-shadow:none;transform:rotate(30deg)}.preview-cross{position:absolute;width:9px;height:9px;border:1px solid #52708675}.preview-cross.a{top:21px;left:32px;border-right:0;border-bottom:0}.preview-cross.b{bottom:30px;right:32px;border-left:0;border-top:0}.preview-label{position:absolute;bottom:8px;font:7px var(--mono);letter-spacing:1px;color:#526e85}.target-title{padding:15px 18px 0;display:flex;justify-content:space-between;align-items:center}.target-title .eyebrow{font-size:7px;letter-spacing:1px}.target-title h2{font-size:31px;font-weight:400;letter-spacing:-.5px;margin-top:6px}.badge{color:var(--cyan);font:8px var(--mono);padding:5px 7px;border:1px solid #7cdbd225;border-radius:3px;background:#7cdbd207;letter-spacing:.5px;white-space:nowrap}.badge.danger{color:var(--red);background:#ec8b8608;border-color:#ec8b8630}.description{font-size:11px;line-height:1.8;color:#8ea0b0;padding:14px 18px 16px}.facts{margin:0 18px;padding:0 0 12px;display:grid;gap:10px;border-bottom:1px solid var(--line)}.fact{display:flex;justify-content:space-between;gap:10px;font-size:10px}.fact span{color:var(--muted)}.fact strong{font-weight:400;color:#c5d2dd}.target-actions{padding:16px 18px 9px;display:grid;gap:8px}.primary,.secondary,.danger-button{border-radius:5px;min-height:38px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:11px;padding:10px 15px}.primary{background:var(--gold);color:#1b242b;font-weight:600;border:1px solid #efdcaf}.primary:hover:not(:disabled){background:#eedcaf;box-shadow:0 0 22px #ddc89915}.primary svg{width:15px;height:15px}.secondary{border:1px solid #94b7c82a;color:#b3c9d5;background:#a3d0db05}.secondary:hover:not(:disabled){border-color:#94b7c87a;background:#a3d0db0c}.danger-button{border:1px solid #ec8b8650;color:var(--red);background:#ec8b8610}.danger-button:hover:not(:disabled){background:#ec8b8620}.two-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.two-actions button{padding:9px;font-size:10px}.focus-button{margin:2px 18px 17px;display:flex;justify-content:center;color:var(--muted);font-size:10px;gap:7px;width:calc(100% - 36px)}.focus-button svg{width:13px;height:13px}.focus-button kbd{margin-left:auto}.feed-panel{flex:1;min-height:100px;max-height:198px}.feed-panel .panel-heading{padding-top:15px;padding-bottom:6px}.feed-panel .panel-heading h2{font-size:10px;color:var(--muted)}#event-feed{padding:0 17px 12px}.feed-item{display:flex;gap:9px;margin-top:11px;font-size:9px;line-height:1.6;color:#8e9fb0}.feed-item .live-dot{margin-top:5px;width:3px;height:3px}.feed-item.warning .live-dot,.feed-item.enemyFire .live-dot{background:var(--red)}.feed-item small{font:8px var(--mono);color:#485f72;display:block;margin-top:3px}
.map-tools{position:absolute;left:calc(50% - 25px);bottom:173px;transform:translateX(-50%);display:flex;align-items:center;gap:7px}.map-tool{display:flex;align-items:center;gap:7px;background:#0a1420bf;backdrop-filter:blur(12px);padding:10px 12px;border:1px solid var(--line);border-radius:5px;color:#95abba;white-space:nowrap;font-size:9px}.map-tool:hover{color:var(--cyan);border-color:var(--line-hi)}.map-tool svg{width:14px;height:14px}.map-caption{position:absolute;left:300px;bottom:140px;display:flex;align-items:center;gap:9px;font:7px var(--mono);letter-spacing:1.1px;color:#607b92;pointer-events:none}.scale-line{display:block;width:36px;height:5px;border:1px solid #607b9255;border-top:0}.flight-banner{position:absolute;z-index:4;top:121px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;font-size:10px;border:1px solid #7cdbd237;border-radius:5px;background:#0b1c27dd;padding:11px 15px;backdrop-filter:blur(10px)}.flight-banner .micro{color:var(--cyan);font-size:8px}
.bottom-bar{position:absolute;left:0;right:0;bottom:0;height:111px;border-top:1px solid var(--line);display:flex;align-items:center;padding:0 26px;gap:28px}.ship-summary{display:flex;align-items:center;gap:15px;text-align:left;min-width:230px;padding:0}.ship-emblem{display:grid;place-items:center;position:relative;width:47px;height:53px;background:#7cdbd207;border:1px solid #7cdbd21c;border-radius:6px;color:var(--cyan)}.ship-emblem svg{width:28px;height:28px}.ship-summary small,.balance small{display:block;font:8px var(--mono);letter-spacing:1.3px;color:var(--muted)}.ship-summary strong{display:block;margin-top:6px;font-size:18px;font-weight:400}.ship-location{font-size:9px;color:var(--muted);display:block;margin-top:5px}.resource-bars{display:grid;grid-template-columns:repeat(4,86px);gap:18px;border-left:1px solid var(--line);padding-left:28px}.resource .resource-label{display:flex;justify-content:space-between;font-size:8px;color:var(--muted)}.resource .resource-label b{font:9px var(--mono);color:#b9cbd7;font-weight:400}.bar-track{height:3px;background:#6b94aa20;border-radius:5px;overflow:hidden;margin:9px 0}.bar-track>i{display:block;height:100%;background:var(--bar-color,var(--cyan));width:100%;transition:width .5s}.resource small{font:7px var(--mono);color:#4c687c;letter-spacing:.7px}.balance{border-left:1px solid var(--line);padding-left:26px;min-width:137px;margin-left:auto}.balance strong{display:block;font:23px var(--mono);letter-spacing:-1px;font-weight:400;color:#e9dfc9;margin-top:6px}.currency{font-size:16px;color:var(--gold);margin-left:7px}.rep{display:block;font-size:8px;color:var(--muted);margin-top:6px}.rep b{color:#afc7cb;font-weight:400}.time-controls{margin-left:auto;min-width:281px;max-width:340px}.day-display{display:flex;align-items:center;gap:7px;font:8px var(--mono);color:#c1cdd5;letter-spacing:1px;margin-bottom:10px}.day-display b{font-weight:400;color:var(--gold)}#mode-label{margin-left:auto;font-size:7px;color:#60798d;letter-spacing:1px}.turn-buttons{display:flex;gap:8px}.auto-button{height:39px;width:40px;border-color:var(--line-hi);color:var(--gold)}.auto-button.active{border-color:var(--cyan);color:var(--cyan)}.next-turn{height:39px;min-height:39px;flex:1;gap:12px;font-size:11px}.next-turn>span{margin-left:auto;font-size:16px}.next-turn kbd{font-size:7px;opacity:.5}
.planet-label{position:absolute;left:0;top:0;pointer-events:auto;white-space:nowrap;display:flex;align-items:center;gap:7px;padding:7px 8px;border-radius:3px;transform-origin:0 0;color:#adc0ce;font:9px var(--mono);letter-spacing:.7px;text-shadow:0 1px 5px #000,0 0 12px #000;opacity:.8}.planet-label:before{content:"";display:inline-block;width:3px;height:3px;background:var(--planet,#8ca5b5);border-radius:50%;box-shadow:0 0 5px var(--planet,#8ca5b5)}.planet-label:hover,.planet-label.selected{opacity:1;background:#0a1c2bd9;color:#bff6f0;border:1px solid #7cdbd237}.planet-label.ship-label{font-size:8px;color:var(--cyan);pointer-events:none}.planet-label.enemy-label{color:#df9c9c;font-size:8px}.planet-label small{font-size:7px;opacity:.55;margin-left:4px}.cinematic .hud,.cinematic .topbar{opacity:0;pointer-events:none!important;visibility:hidden}.cinematic #labels{opacity:.55}.cinematic-exit{position:absolute;right:25px;bottom:25px;z-index:5;padding:11px 15px;border:1px solid var(--line);background:#0b1521ba;border-radius:6px;color:#b0c3ce;font-size:11px}.cinematic-exit kbd{margin-left:9px}.mobile-note{display:none}
#toast-stack{position:fixed;bottom:128px;left:50%;transform:translateX(-50%);width:min(440px,90vw);z-index:50;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{font-size:11px;line-height:1.6;padding:13px 17px;border:1px solid #7cdbd233;border-left:2px solid var(--cyan);border-radius:5px;box-shadow:0 8px 26px #0006;background:#0c1b29f5;color:#cce0e8;animation:toast-in .2s ease-out;backdrop-filter:blur(16px)}.toast.error{border-color:#ec8b8644;border-left-color:var(--red);color:#ecc6c3}.toast.reward{border-left-color:var(--gold)}@keyframes toast-in{from{transform:translateY(10px);opacity:0}to{transform:none;opacity:1}}
dialog{width:min(760px,calc(100vw - 40px));max-height:calc(100dvh - 60px);border:1px solid #8aa6bf39;border-radius:13px;background:linear-gradient(145deg,#132233,#080f1b);color:var(--text);padding:0;box-shadow:0 45px 160px #000c;overscroll-behavior:contain}dialog::backdrop{background:#010611b3;backdrop-filter:blur(7px)}.modal-shell{padding:29px}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:23px;padding-bottom:21px;border-bottom:1px solid var(--line)}.modal-header h2{font-size:26px;font-weight:400;margin-top:8px;letter-spacing:-.4px}.modal-header .eyebrow{font-size:8px}.modal-tabs{display:flex;gap:6px;margin:0 0 22px}.modal-tabs button{flex:1;padding:11px 12px;border:1px solid var(--line);border-radius:5px;font-size:11px;color:var(--muted)}.modal-tabs button.active{color:var(--cyan);border-color:#7cdbd23b;background:#7cdbd209}.modal-intro{font-size:12px;line-height:1.8;color:#99adbd;margin-bottom:21px}.port-stats{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;background:#0b1723;border:1px solid var(--line);border-radius:6px;font-size:11px;margin-bottom:18px;gap:15px}.port-stats strong{font:14px var(--mono);color:var(--gold);font-weight:400}.market-table{width:100%;border-collapse:collapse}.market-table th{text-align:left;font:9px var(--mono);letter-spacing:1px;color:var(--muted);padding:10px 7px 13px}.market-table td{border-top:1px solid var(--line);padding:16px 7px;font-size:12px}.market-table td:first-child{min-width:115px}.market-table .number{font-family:var(--mono);font-size:12px}.market-table .buy-price{color:var(--gold)}.market-table .sell-price{color:var(--cyan)}.trade-actions{display:flex;gap:5px;justify-content:flex-end;align-items:center}.trade-actions input{width:49px;background:#060e19;border:1px solid var(--line-hi);border-radius:4px;padding:8px 4px;color:var(--text);text-align:center}.trade-actions button{padding:8px 9px;min-height:32px;font-size:9px}.market-note{color:var(--muted);font-size:10px;line-height:1.8;margin-top:18px}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.module-card,.mission-card,.help-card{border:1px solid var(--line);border-radius:8px;padding:19px;background:#09132066}.module-card>svg{color:var(--cyan);width:27px;height:27px;margin-bottom:15px}.module-card h3{font-size:14px;font-weight:450;margin-bottom:9px}.module-card p{font-size:11px;line-height:1.8;color:var(--muted);margin-bottom:15px;min-height:43px}.module-card .micro{margin-bottom:11px;display:block}.module-card button{width:100%;font-size:10px}.service-row{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);border-radius:8px;padding:17px;margin-top:15px;gap:15px}.service-row h3{font-size:12px;font-weight:500}.service-row p{font-size:10px;color:var(--muted);line-height:1.8;margin-top:6px}.service-row button{flex:none}.mission-cards{display:grid;gap:12px}.mission-card header{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.mission-card h3{font-size:14px;font-weight:450}.mission-card p{font-size:11px;color:var(--muted);line-height:1.8;margin-bottom:15px}.mission-card footer{display:flex;justify-content:space-between;align-items:center;gap:12px}.mission-card footer strong{font:13px var(--mono);color:var(--gold);font-weight:400}.mission-card footer small{font-size:9px;color:var(--muted);display:block;margin-top:6px}.mission-card button{font-size:10px;min-height:34px}.journal{max-height:54vh;overflow:auto;padding-right:7px}.journal-row{display:grid;grid-template-columns:60px 1fr;gap:14px;border-bottom:1px solid var(--line);padding:15px 0;font-size:12px;line-height:1.7}.journal-row time{font:9px var(--mono);color:var(--muted);padding-top:4px}.journal-row.reward{color:var(--gold)}.journal-row.enemyFire,.journal-row.warning{color:#d39794}.journal-row.fire{color:var(--cyan)}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.help-card h3{font-size:13px;font-weight:500;margin-bottom:12px}.help-card p{font-size:11px;line-height:1.8;color:var(--muted)}.help-controls{display:grid;grid-template-columns:1fr auto;gap:10px;font-size:11px;color:#9cafbe}.help-controls kbd{justify-self:end;opacity:.85;color:var(--cyan)}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}.settings-row strong{font-weight:500;font-size:12px}.settings-row p{font-size:11px;color:var(--muted);line-height:1.8;margin-top:7px}.settings-row select{background:#0b1826;color:var(--text);border:1px solid var(--line-hi);border-radius:5px;padding:10px 12px;min-width:140px}.settings-row input[type=checkbox]{accent-color:var(--cyan);width:17px;height:17px}.confirm-row{display:flex;gap:12px;justify-content:flex-end;margin-top:25px}.cargo-list{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:15px 0 23px}.cargo-item{border:1px solid var(--line);border-radius:5px;padding:13px;display:flex;justify-content:space-between;font-size:11px}.cargo-item strong{color:var(--gold);font-family:var(--mono);font-weight:400}.empty-note{padding:25px;color:var(--muted);font-size:12px;text-align:center}
#loading{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 45%,#122434 0,#050b14 54%);transition:opacity .6s,visibility .6s;text-align:center;padding:30px;gap:20px}#loading.done{opacity:0;visibility:hidden;pointer-events:none}#loading h2{font-size:29px;font-weight:350;letter-spacing:-.4px}#loading p{color:var(--muted);font-size:12px;line-height:1.8;max-width:540px}#loading>small{font:8px var(--mono);letter-spacing:2px;color:#4d6b80;margin-top:27px}.loading-track{width:250px;height:2px;background:#a1bbc219;margin-top:5px}.loading-track i{display:block;height:100%;width:10%;background:var(--gold);transition:width .3s}.loading-orbit{width:72px;height:72px;border:1px solid #ddc89935;border-radius:50%;position:relative;margin-bottom:14px;animation:orbit-spin 6s linear infinite}.loading-orbit:before{content:"";position:absolute;inset:25px;background:var(--gold);border-radius:50%;box-shadow:0 0 50px #efba5e44}.loading-orbit span{position:absolute;top:10px;left:6px;width:7px;height:7px;border-radius:50%;background:#e4d4a8;box-shadow:0 0 15px #efba5e44}@keyframes orbit-spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#617f9740;border-radius:3px}
@media(min-width:1700px){.left-rail{width:260px;left:32px}.right-rail{width:300px;right:32px}.system-heading,.map-caption{left:325px}.planet-row{padding-top:11px;padding-bottom:11px}.topbar{padding:0 36px;gap:88px}.resource-bars{grid-template-columns:repeat(4,100px);gap:24px}.planet-preview{height:178px}.preview-globe{width:117px;height:117px}.bottom-bar{gap:35px}}
@media(max-height:850px) and (min-width:1000px){.topbar{height:70px}.left-rail,.right-rail{top:93px;bottom:119px;gap:10px}.system-heading{top:96px}.system-heading h1{font-size:26px}.panel-heading{padding-top:14px;padding-bottom:11px}.planet-row{padding-top:6px;padding-bottom:6px}.system-row{padding:9px 12px;margin-bottom:5px}.rail-divider{margin-top:8px}.contact-row{padding-top:6px;padding-bottom:6px}.mission-panel .panel-heading{padding-top:14px;padding-bottom:9px}#mission-summary p{line-height:1.6}#mission-summary{padding-bottom:13px}.mission-meta{margin-top:9px}.planet-preview{height:117px}.preview-globe{width:80px;height:80px}.description{padding-top:10px;padding-bottom:12px;font-size:10px}.target-title{padding-top:10px}.target-title h2{font-size:27px}.target-actions{padding-top:12px}.feed-panel{max-height:150px}.bottom-bar{height:98px}.map-tools{bottom:149px}.map-caption{bottom:119px}.flight-banner{top:99px}#toast-stack{bottom:112px}}
@media(max-height:730px) and (min-width:1000px){.mission-panel{display:none}.feed-panel{display:none}.right-rail{overflow:auto}.planet-preview{height:107px}.system-heading h1 span{display:none}.map-tools{bottom:128px}.map-caption{display:none}}
@media(max-width:1350px){.topbar{gap:35px;padding:0 22px}.main-nav{gap:24px}.left-rail{left:17px;width:216px}.right-rail{right:17px;width:252px}.system-heading,.map-caption{left:261px}.resource-bars{grid-template-columns:repeat(4,65px);gap:13px;padding-left:20px}.bottom-bar{padding:0 19px;gap:19px}.ship-summary{min-width:209px;gap:10px}.balance{padding-left:18px;min-width:111px}.time-controls{min-width:258px}.resource small{font-size:6px}.system-heading h1{font-size:25px}.flight-banner{top:200px}.target-title h2{font-size:27px}}
@media(max-width:1120px){.main-nav{gap:15px}.header-right{gap:8px}.connection{display:none}.brand{font-size:18px}.brand svg{width:34px;height:34px}.brand-sub{font-size:7px}.ship-summary{min-width:178px}.ship-emblem{display:none}.resource-bars{grid-template-columns:repeat(4,58px);gap:10px;padding-left:16px}.bottom-bar{gap:17px}.time-controls{min-width:238px}.next-turn{font-size:10px;padding:10px;gap:9px}.map-tool{padding:10px}.map-tool span:not([data-icon]){display:none}.left-rail{width:200px}.right-rail{width:234px}.system-heading,.map-caption{left:240px}.system-heading h1{font-size:22px}.system-heading .eyebrow{font-size:7px}.target-title .eyebrow{font-size:6px}.target-title{padding-left:14px;padding-right:14px}.description{padding-left:14px;padding-right:14px}.badge{font-size:7px}.mission-panel{display:none}}
@media(max-width:950px){.topbar{height:66px;gap:25px}.main-nav .nav-link{font-size:10px}.main-nav .nav-link span{display:none}.left-rail{top:84px;left:12px;width:184px;bottom:114px}.right-rail{right:12px;top:84px;width:217px;bottom:114px;overflow:auto}.system-heading{left:218px;top:94px}.system-heading h1{font-size:20px}.system-heading .eyebrow{display:none}.system-heading h1 span{display:none}.planet-row{padding:7px 6px}.panel-heading{padding:14px 12px 10px}.system-row{padding:10px 8px;gap:8px}.system-row>.micro{display:none}.planet-row .orbit-code{display:none}.contact-row{font-size:9px}.contact-row small{display:none}.planet-preview{height:108px}.preview-globe{width:76px;height:76px}.target-title h2{font-size:25px}.description{font-size:10px;line-height:1.6;padding-top:10px;padding-bottom:12px}.facts{gap:9px;margin:0 14px}.fact{font-size:9px}.target-actions{padding:12px 14px 8px}.target-actions button{min-height:33px;font-size:10px}.target-title .eyebrow{font-size:6px}.feed-panel{display:none}.resource-bars{grid-template-columns:repeat(2,60px);gap:5px 13px;border-left:0;padding:0}.resource small{display:none}.bar-track{margin:5px 0 3px}.bottom-bar{height:98px;padding:0 17px;gap:16px}.balance{min-width:100px;padding-left:15px}.balance strong{font-size:19px}.ship-summary{min-width:155px}.ship-summary strong{font-size:15px}.time-controls{min-width:225px}.next-turn kbd{display:none}.map-tools{bottom:123px}.map-caption{display:none}.flight-banner{top:143px;font-size:9px;padding:9px 10px;max-width:250px}.flight-banner .micro{display:none}}
@media(max-width:760px){.brand{font-size:16px;letter-spacing:3px;gap:9px}.brand-sub{font-size:6px;letter-spacing:2px}.brand svg{width:29px;height:29px}.topbar{padding:0 15px;gap:20px}.main-nav{gap:15px}.main-nav .nav-link:nth-child(2){display:none}.header-divider{display:none}.header-right{gap:3px}.header-right .icon-button{width:29px}.left-rail{display:none}.right-rail{width:218px;bottom:150px}.system-heading{left:20px;top:88px}.system-heading h1{font-size:21px}.target-panel{background:linear-gradient(135deg,#0d1925eb,#07101bd9)}.description{display:none}.target-title{padding-top:6px}.facts{margin-top:14px}.flight-banner{left:20px;transform:none;max-width:170px;top:142px}.ship-summary{display:none}.resource-bars{grid-template-columns:repeat(2,55px);gap:4px 13px}.bottom-bar{height:113px;gap:12px;padding:0 14px}.balance{padding-left:12px;min-width:90px}.time-controls{min-width:204px}.map-tools{left:23px;transform:none;bottom:135px}.day-display{font-size:7px}#mode-label{font-size:6px}.next-turn{font-size:10px}.auto-button{width:33px;min-width:33px}.map-tool{padding:9px}.mobile-note{position:absolute;bottom:118px;left:15px;right:15px;color:#4d697e;font-size:7px;display:block;pointer-events:none;z-index:3;text-align:center}.mission-panel{display:none}.modal-shell{padding:21px}.module-grid{grid-template-columns:1fr}.module-card{display:grid;grid-template-columns:1fr auto;gap:7px 15px}.module-card>svg{display:none}.module-card .micro,.module-card h3,.module-card p{grid-column:1;margin:0;min-height:auto}.module-card button{grid-column:2;grid-row:1/4;align-self:center}.module-card h3{font-size:12px}.module-card p{font-size:10px}.market-table th{font-size:7px;letter-spacing:0}.market-table td{padding:12px 4px;font-size:10px}.market-table td:first-child{min-width:90px}.market-table .number{font-size:10px}.market-table .owned-col{display:none}.trade-actions{gap:4px}.trade-actions input{width:37px;font-size:10px}.trade-actions button{padding:8px 6px;font-size:8px}.port-stats{font-size:10px}.help-grid{grid-template-columns:1fr}.modal-header h2{font-size:23px}.service-row{flex-wrap:wrap}.mission-card footer{flex-wrap:wrap}.settings-row{gap:13px}.settings-row select{min-width:117px;font-size:10px}.settings-row strong{font-size:11px}.settings-row p{font-size:10px}}
@media(max-width:480px){.right-rail{width:184px;top:128px;bottom:153px}.target-panel .panel-heading .micro{display:none}.target-panel .panel-heading h2{font-size:10px}.planet-preview{height:95px}.preview-globe{width:63px;height:63px}.target-title h2{font-size:23px}.target-title .eyebrow{display:none}.target-title .badge{font-size:6px;padding:4px}.facts{gap:8px}.fact{font-size:8px}.target-actions button{font-size:9px}.two-actions{gap:5px}.two-actions button{font-size:8px;padding:7px 4px}.focus-button{font-size:8px;margin-top:4px;margin-bottom:14px}.preview-label{font-size:6px}.resource-bars{display:none}.balance{border:0;padding:0;min-width:83px}.time-controls{min-width:210px;flex:1}.flight-banner{max-width:153px;top:150px;left:15px}.flight-banner .live-dot{display:none}.topbar{gap:14px}.main-nav .nav-link:nth-child(3){display:none}.header-right{margin-left:auto}.bottom-bar{gap:10px}.market-table td:first-child{min-width:73px;font-size:9px}.trade-actions input{width:31px}.trade-actions button{font-size:7px;padding:8px 5px}.market-table .number{font-size:9px}.modal-shell{padding:15px}.modal-tabs button{font-size:9px;padding:10px 7px}.settings-row{flex-wrap:wrap}.planet-label{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

.feed-item>div{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* Living universe controls: no infinite CSS timers; driven by the paused visual clock. */
.ambient-status{position:fixed;left:50%;bottom:104px;transform:translateX(-50%);max-width:calc(100vw - 36px);z-index:9;pointer-events:none;padding:7px 14px;border:1px solid rgba(130,202,220,.15);border-radius:20px;background:rgba(5,15,27,.68);color:#819aaa;font-size:11px;letter-spacing:.06em;text-align:center;backdrop-filter:blur(8px)}
.ambient-status.event{color:#bbdde7;border-color:rgba(143,204,220,.28)}
.cinematic .ambient-status{display:none}
.settings-section{padding:14px 0 4px}.settings-section h3{font-size:15px;color:#d5eaf1;margin:0 0 6px}.settings-section p{font-size:12px;line-height:1.6;color:#8498a7}
#labels .planet-label.selected{opacity:var(--ambient-pulse,1);filter:drop-shadow(0 0 7px rgba(116,222,216,.18))}
@media(max-width:700px){.ambient-status{bottom:150px;font-size:9px;padding:5px 9px}.settings-row select{max-width:142px}}
@media(prefers-reduced-motion:reduce){#labels .planet-label.selected{opacity:1}}