@import url('./theme.css');
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 'Segoe UI',Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer;color:var(--text);background:#142223;border:1px solid #3b5450;padding:11px 16px;border-radius:3px;transition:background .15s,border-color .15s}button:hover{background:#233a32;border-color:var(--accent)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}input,select{width:100%;color:var(--text);background:#080f12;border:1px solid #345047;border-radius:3px;padding:13px}label{display:block;font-size:14px;color:#c2d1cd;margin-bottom:19px}label input,label select{margin-top:7px}h1,h2,h3,p{margin-top:0}h2{font-size:27px;font-weight:500;letter-spacing:-.6px;margin-bottom:10px}h3{font-size:18px;font-weight:500;margin-bottom:8px}.muted{color:var(--muted)}.small{font-size:13px}.eyebrow{color:var(--accent);font:12px/1.5 Consolas,monospace;letter-spacing:2px;margin-bottom:13px}.brand{letter-spacing:4px;font-size:18px;font-weight:600;display:flex;align-items:center;gap:12px}.brand .muted{font-size:12px;letter-spacing:2px}.brand-icon{color:var(--accent);font-size:32px;line-height:1}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px var(--accent);margin-right:8px}.login-screen{min-height:100svh;position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 410px;align-items:center;gap:5vw;padding:110px 8vw}.login-screen>canvas{position:absolute;inset:0;z-index:-2;width:100%;height:100%}.login-screen:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#070d1033,#070d1000 45%,#070d10bb)}.login-screen>header{position:absolute;top:42px;left:6vw}.login-copy{padding-bottom:40px}.login-copy h1{font-size:clamp(48px,5.8vw,88px);line-height:1.07;letter-spacing:-4px;font-weight:300;margin:26px 0}h1 em{font-style:normal;color:var(--accent)}.intro-copy{color:#afbfbc;line-height:1.9;font-size:17px}.coordinates{margin-top:56px;color:#859991;font:12px Consolas,monospace;letter-spacing:2px}.coordinates span{margin-left:25px;color:#d2dfd9}.login-panel{padding:34px;background:linear-gradient(150deg,#16251fe8,#091114f5);border:1px solid #3b5648;border-top:2px solid var(--accent);box-shadow:0 30px 100px #0008}.panel-top{font:11px Consolas,monospace;letter-spacing:1.2px;color:#b6c7bb;margin-bottom:36px;display:flex;align-items:center}.panel-top>span:last-child{margin-left:auto;color:var(--accent)}.login-panel>p{font-size:14px;margin-bottom:28px}.primary{width:100%;background:var(--accent);color:#0b180a;border-color:var(--accent);font-weight:600;display:flex;justify-content:space-between;margin-top:26px}.primary:hover{background:#b0ff93}.error{color:#ffa393;font-size:14px;margin:12px 0 0;min-height:20px}.access-note{font-size:12px!important;color:#93a39c;border-top:1px solid #304335;padding-top:22px;margin:16px 0 0!important;line-height:1.8}.login-footer{position:absolute;bottom:28px;left:6vw;right:6vw;display:flex;justify-content:space-between;gap:20px;color:#7e9388;font:11px Consolas,monospace;letter-spacing:1px}#space{position:fixed;inset:0;width:100%;height:100%;touch-action:none}.game-top{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:20px 28px;background:linear-gradient(#071012ee,transparent);gap:18px}.game-top .brand{font-size:15px}.sector-tag{font:14px Consolas,monospace;letter-spacing:2px;color:#a9c4b7}.resources{display:flex;align-items:center;gap:22px;font-size:14px}.resources b{color:var(--accent)}#save-status{font-size:12px;color:var(--muted)}.glass{background:#0b1518d9;border:1px solid #344a4399;backdrop-filter:blur(10px)}.ship-status{position:fixed;top:94px;left:28px;width:234px;padding:20px}.ship-status h2{font-size:23px}.stat-line{display:flex;justify-content:space-between;font-size:12px;margin-top:14px;color:#a9bbb4}.stat-line b{font-weight:500;color:#deeee5}progress{appearance:none;display:block;width:100%;height:4px;border:0;background:#26332e;margin-top:6px}progress::-webkit-progress-bar{background:#26332e}progress::-webkit-progress-value{background:var(--accent)}progress::-moz-progress-bar{background:var(--accent)}progress.blue::-webkit-progress-value{background:#75cddd}.ship-status .small{margin:15px 0 0}.mission{position:fixed;top:94px;right:28px;width:264px;padding:20px}.mission .muted{font-size:13px}.mission button{font-size:13px;width:100%;margin-top:16px}.target{position:fixed;left:50%;top:94px;transform:translateX(-50%);padding:12px 20px;width:245px;text-align:center}.target small{color:var(--muted);font-size:12px}.bottom-hud{position:fixed;bottom:55px;left:28px;right:28px;display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.avatar-card{display:flex;align-items:center;width:290px;min-height:112px;padding-right:12px}.avatar-card canvas{width:95px;height:110px;flex-shrink:0}.avatar-card .eyebrow{font-size:10px;margin-bottom:6px}.avatar-card p:last-child{font-size:13px;margin:0;color:#cfddd4}.action-bar{display:flex;padding:6px;gap:4px}.action-bar button{font-size:13px;border:0;background:transparent;padding:12px}.action-bar button:hover{background:#263a2e}kbd{font:11px Consolas,monospace;background:#2b3b31;color:var(--accent);padding:3px 5px;margin-right:4px;border:1px solid #3d5443}.radar{padding:9px;text-align:center;line-height:1}.radar canvas{display:block;width:150px;height:110px}.radar span{font:10px Consolas,monospace;color:var(--muted);letter-spacing:1px}.control-hint{position:fixed;bottom:16px;left:0;right:0;text-align:center;font:12px Consolas,monospace;color:#a5b5aa}.control-hint span{color:#6e8276;margin-right:10px}dialog{color:var(--text);background:#0e181b;border:1px solid #506951;border-top:2px solid var(--accent);padding:28px;width:min(760px,92vw);max-height:86svh;box-shadow:0 40px 160px #000;overflow:auto}dialog::backdrop{background:#020709b8;backdrop-filter:blur(6px)}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:22px}.dialog-heading h2{margin:0}.dialog-heading .eyebrow{margin-bottom:6px}.dialog-heading>button{border:0;background:transparent}#panel-body>p{color:var(--muted)}.upgrade-grid,.design-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.upgrade{border:1px solid #30453d;background:#121f20;padding:20px}.upgrade p{color:var(--muted);font-size:14px;min-height:44px}.upgrade button{width:100%;font-size:14px}.upgrade .rank{color:var(--accent);font:12px Consolas,monospace;margin-bottom:12px}.summary{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;background:#1b2b24;padding:14px 18px;margin-bottom:20px;font-size:14px}.summary b{color:var(--accent)}.preview-portrait{width:170px;height:210px;background:#081012;border:1px solid #30453d;display:block;margin:0 auto 20px}.swatches{display:flex;gap:10px;margin-bottom:22px}.swatches button{width:38px;height:38px;border:3px solid #415349;border-radius:50%}.swatches button[aria-pressed=true]{outline:2px solid white;outline-offset:3px}.menu-actions{display:grid;gap:12px}.user-row{display:flex;gap:10px;align-items:center;justify-content:space-between;border-bottom:1px solid #30453d;padding:12px 0;font-size:14px}.user-row button{font-size:12px;padding:7px}.user-row span{overflow-wrap:anywhere}.admin-form{border-bottom:1px solid #30453d;padding-bottom:24px;margin-bottom:16px}.sector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.sector-grid button{text-align:left}.sector-grid small{display:block;color:var(--muted);font-size:12px}.touch-controls{display:none}#toast{position:fixed;top:24px;left:50%;transform:translateX(-50%);max-width:90vw;background:#20372b;border:1px solid var(--accent);padding:14px 24px;font-size:14px;z-index:100;box-shadow:0 8px 40px #000}#toast[hidden],[hidden]{display:none!important}.help-list{color:#b3c5bb;padding-left:20px}.help-list li{margin:12px 0}input[type=range]{accent-color:var(--accent);padding:0}input[type=checkbox]{width:auto}.inline-message{color:#ffc79b!important;font-size:14px}
@media(max-width:1100px){.radar{display:none}.avatar-card{width:235px}.action-bar button{padding:10px 7px}.login-screen{padding:110px 5vw;gap:30px;grid-template-columns:1fr 360px}.login-copy h1{font-size:64px}.mission{width:230px}.ship-status{width:210px}.login-footer>span:nth-child(2){display:none}}
@media(max-width:760px){.login-screen{display:flex;flex-direction:column;align-items:stretch;padding:100px 22px 80px;gap:20px}.login-copy{padding:0}.login-copy h1{font-size:46px;letter-spacing:-2px;margin:15px 0}.login-copy .intro-copy,.coordinates{display:none}.login-panel{padding:25px}.panel-top{margin-bottom:22px}.login-footer{font-size:9px}.login-screen>header{top:30px}.game-top{padding:12px;gap:8px}.game-top .brand{font-size:11px;letter-spacing:2px}.game-top .brand-icon{font-size:24px}.resources{gap:8px;font-size:12px}#save-status,.sector-tag{display:none}.ship-status{left:12px;top:66px;width:150px;padding:12px}.ship-status h2{font-size:18px}.ship-status .eyebrow{font-size:10px}.ship-status .small{display:none}.mission{top:66px;right:12px;width:165px;padding:12px}.mission h3{font-size:15px}.mission .eyebrow{font-size:10px;letter-spacing:1px}.target{top:260px;width:200px}.bottom-hud{left:12px;right:12px;bottom:140px;display:block}.avatar-card{width:220px;min-height:72px;margin-bottom:8px}.avatar-card canvas{width:65px;height:75px}.action-bar{justify-content:space-between}.action-bar button{font-size:12px}kbd{display:none}.control-hint{display:none}.touch-controls{position:fixed;bottom:12px;left:18px;right:18px;display:flex;justify-content:space-between;align-items:flex-end;touch-action:none;user-select:none}.touch-controls>div{text-align:center}.touch-controls button{padding:12px 16px;margin:2px;background:#182a23d9}.touch-controls>div:last-child{max-width:150px}.upgrade-grid,.design-grid{grid-template-columns:1fr}.sector-grid{grid-template-columns:1fr 1fr}dialog{padding:20px}.resources>span{max-width:120px}.user-row{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Waist-up communications portraits meet the bottom command strip. */
.bottom-hud{bottom:0;left:0;right:0;height:58px;align-items:center;justify-content:center;background:#091315f5;border-top:1px solid #3a5547;z-index:2}
.action-bar{border:0;background:transparent;backdrop-filter:none}.action-bar button{font-size:14px;padding:11px 16px}
.avatar-card.player-portrait,.crew-contact{position:fixed;bottom:58px;width:clamp(180px,19vw,250px);display:flex;flex-direction:column;align-items:center;background:transparent;border:0;padding:0;pointer-events:none;filter:drop-shadow(0 8px 14px #0008)}
.avatar-card.player-portrait{left:18px;flex-direction:column-reverse;min-height:0}.crew-contact{right:18px;z-index:2}
.avatar-card.player-portrait canvas,.crew-contact>canvas{display:block;width:auto;height:clamp(145px,27vh,290px);max-width:100%;aspect-ratio:3/4;object-fit:contain;flex-shrink:0}
.comms-caption{width:100%;padding:13px 16px;border-top:2px solid var(--accent);border-radius:4px 4px 0 0}.comms-caption p{margin:0;overflow-wrap:anywhere}
.avatar-card.player-portrait .eyebrow,.crew-contact .eyebrow{font-size:11px;letter-spacing:1.3px;line-height:1.4;margin-bottom:8px}.avatar-card.player-portrait p:last-child,.crew-contact #crew-line{font-size:14px;line-height:1.45;color:#e0eae6;min-height:42px}
.crew-contact .comms-caption{border-top-color:#8abadd}.crew-contact .eyebrow{color:#9ccae8}.crew-contact h3{font-size:17px;margin:0 0 3px}.crew-details{font:12px/1.5 Consolas,monospace;color:#acbac8;margin-bottom:9px!important}
.crew-contact.signal-lost>canvas{opacity:.5;filter:saturate(.2)}.crew-contact.signal-lost .comms-caption{border-top-color:#d7a26d}
.bottom-hud .radar{position:fixed;right:28px;top:300px;bottom:auto}.control-hint{bottom:66px;left:calc(19vw + 30px);right:calc(19vw + 30px);font-size:11px;line-height:1.6}.preview-portrait{width:210px;height:280px}
@media(max-width:1100px){.action-bar button{padding:11px 14px}.control-hint{display:none}}
@media(max-height:850px){.bottom-hud .radar{display:none}}
@media(max-width:760px){.bottom-hud{bottom:0;height:48px;display:flex}.action-bar{width:100%;justify-content:center;gap:0}.action-bar button{font-size:12px;padding:10px}.avatar-card.player-portrait,.crew-contact{bottom:166px;width:calc(50vw - 22px);max-width:220px;margin:0}.avatar-card.player-portrait{left:12px}.crew-contact{right:12px}.avatar-card.player-portrait canvas,.crew-contact>canvas{height:clamp(110px,19vh,165px)}.comms-caption{padding:9px 11px}.avatar-card.player-portrait .eyebrow,.crew-contact .eyebrow{font-size:10px;letter-spacing:.7px;margin-bottom:5px}.avatar-card.player-portrait p:last-child,.crew-contact #crew-line{font-size:12px;min-height:0}.crew-contact h3{font-size:14px}.crew-details{font-size:10px;margin-bottom:5px!important}.touch-controls{bottom:55px;background:#091315c9;border-top:1px solid #304d3e;padding-top:6px;z-index:3}.preview-portrait{width:195px;height:260px}}
@media(max-height:540px) and (min-width:761px){.avatar-card.player-portrait canvas,.crew-contact>canvas{height:120px}.avatar-card.player-portrait,.crew-contact{width:200px}.comms-caption{padding:8px 12px}.avatar-card.player-portrait p:last-child,.crew-contact #crew-line{font-size:12px;min-height:0}.crew-details{display:none}.ship-status{padding:12px;top:70px}.ship-status .small{display:none}.mission{top:70px;padding:12px}}