*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background:#05070c;color:#e6eaf2;font-family:Space Grotesk,IBM Plex Sans,system-ui,sans-serif;overflow:hidden}.app-shell{position:relative;width:100%;height:100%;background:radial-gradient(circle at 20% 20%,rgba(40,60,90,.2),transparent 45%),radial-gradient(circle at 80% 10%,rgba(60,30,80,.15),transparent 40%),#05070c;overflow:hidden}.game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.scene-fade-layer{position:absolute;inset:0;background:#000;pointer-events:none;opacity:0;transition-property:opacity;transition-timing-function:ease}.status-overlay{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.status-card{padding:16px 24px;border-radius:999px;background:#0a0f1ad9;border:1px solid rgba(120,150,200,.4);color:#e8eef7;font-size:14px;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 12px 30px #0006}.status-overlay.subtle{align-items:flex-end;padding-bottom:40px}.status-card.subtle{background:#060a128c;border-color:#7896c840;font-size:12px;letter-spacing:.12em}.ship-prompt{position:absolute;transform:translateY(-50%);pointer-events:none;z-index:5}.status-card.subtle.prompt{background:#060a12ad;border-color:#8baae061;font-size:11px;letter-spacing:.14em;text-align:left}.telemetry-panel{position:absolute;left:18px;bottom:18px;pointer-events:none}.location-panel{position:absolute;left:18px;top:18px;pointer-events:none;z-index:4}.status-card.subtle.location-card{min-width:190px}.status-card.subtle.telemetry-card{min-width:210px;border-radius:16px;padding:12px 14px;background:#060a12a3;border-color:#7896c847;letter-spacing:.08em;text-transform:uppercase}.telemetry-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.telemetry-row+.telemetry-row{margin-top:6px}.telemetry-label{color:#cfdcf2b8;font-size:10px}.telemetry-value{color:#ecf3ff;font-size:11px;letter-spacing:.1em}.portals-panel{position:absolute;top:18px;right:18px;pointer-events:auto;z-index:4}.status-card.subtle.portals-card{min-width:200px;border-radius:16px;padding:10px 12px 12px;background:#060a12a3;border-color:#7896c84d;letter-spacing:.08em;text-transform:uppercase}.portals-header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;padding:4px 2px;background:transparent;color:#ecf3ff;font-size:11px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.portals-list{margin-top:8px;display:grid;gap:6px}.portal-option{border:1px solid rgba(120,150,200,.34);border-radius:10px;background:#0a101cb8;color:#eef4ff;font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:8px 10px;cursor:pointer;transition:border-color .13s ease,background .13s ease}.portal-option:hover:not(:disabled){border-color:#9cb9ec94;background:#0e1626d6}.portal-option:disabled{opacity:.6;cursor:default}.status-overlay.modal{pointer-events:auto;background:#03060c9e;z-index:6}.status-overlay.modal.startup-overlay{z-index:8}.status-card.subtle.portal-modal-card{min-width:320px;border-radius:16px;padding:14px 16px;background:#060a12d6;border-color:#83a4d86b;letter-spacing:.08em;text-transform:uppercase}.status-card.subtle.startup-card{min-width:min(520px,calc(100vw - 32px));border-radius:16px;padding:16px 18px;background:#060a12e0;border-color:#96b1e285;text-transform:none;letter-spacing:.04em}.startup-title{color:#f2f7ff;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.startup-copy{margin-top:8px;color:#e1edffe6;font-size:12px;line-height:1.45;text-transform:none;letter-spacing:.03em}.startup-actions{margin-top:14px;display:flex;justify-content:flex-end}.portal-modal-title{color:#f2f7ff;font-size:12px;letter-spacing:.12em}.portal-modal-copy{margin-top:6px;color:#e0ecffd6;font-size:11px;letter-spacing:.08em}.portal-modal-actions{margin-top:12px;display:flex;justify-content:flex-end;gap:8px}.portal-action-button{border:1px solid rgba(130,160,210,.52);border-radius:10px;background:#16243acc;color:#f1f6ff;font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:8px 11px;cursor:pointer;transition:border-color .13s ease,background .13s ease}.portal-action-button.secondary{background:#0b121eb8;color:#e0ecffe6}.portal-action-button:hover:not(:disabled){border-color:#a8c4f4b8;background:#1e304cd6}.portal-action-button:disabled{opacity:.62;cursor:default}@media(max-width:720px){.status-card.subtle.portals-card{min-width:170px}.status-card.subtle.portal-modal-card{min-width:min(320px,calc(100vw - 32px))}}