:root{color-scheme:dark;--color-bg: #05060f;--color-surface: #11142a;--color-text: #e8eaf6;--color-text-dim: #9aa0b8;--color-accent: #7c5cff;--color-holo: #5eead4;--color-holo-strong: #8ffbe6;--color-warn: #ffd166;--font-console: "SF Mono", ui-monospace, "Cascadia Mono", Menlo, Consolas, monospace;--chamfer: 16px;--deck-height: clamp(56px, 9vh, 76px);--glass-surface: color-mix(in srgb, var(--color-surface) 38%, transparent);--glass-surface-strong: color-mix(in srgb, var(--color-surface) 52%, transparent);--glass-blur: blur(14px) saturate(1.35);--glass-blur-light: blur(9px) saturate(1.25);--rarity-common: #9aa0b8;--rarity-rare: #4da3ff;--rarity-epic: #b05cff;--rarity-legendary: #ffb340;--z-canvas: 0;--z-hud: 10;--z-overlay: 20;--z-system: 30;--z-modal: 40}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){:root{--glass-surface: color-mix(in srgb, var(--color-surface) 86%, transparent);--glass-surface-strong: color-mix(in srgb, var(--color-surface) 92%, transparent)}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--color-bg);color:var(--color-text);font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,sans-serif;overscroll-behavior:none}.app-root{position:fixed;inset:0;overflow:hidden}.layer-canvas{position:absolute;inset:0;z-index:var(--z-canvas)}.layer-canvas canvas{touch-action:none}.layer-hud{position:absolute;inset:0;z-index:var(--z-hud);pointer-events:none}.layer-overlay{position:absolute;inset:0;z-index:var(--z-overlay);pointer-events:none}.layer-system{position:absolute;inset:0;z-index:var(--z-system);pointer-events:none}.reconnect-overlay{position:absolute;inset:0;display:grid;place-items:center;background:color-mix(in srgb,var(--color-bg) 80%,transparent);font-size:1.1rem}.webgl-blocked{min-height:100%;display:grid;place-content:center;gap:.75rem;padding:2rem;text-align:center}.webgl-blocked-hint{color:var(--color-text-dim);max-width:28rem}.top-bar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:1.15rem 1.5rem;pointer-events:none}.top-bar-title{margin:0;display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--color-text);text-shadow:0 0 14px color-mix(in srgb,var(--color-holo) 35%,transparent)}.top-bar-title:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--color-holo);box-shadow:0 0 8px var(--color-holo);animation:status-blink 2.4s ease-in-out infinite}@keyframes status-blink{0%,88%,to{opacity:1}94%{opacity:.35}}.telemetry-strip{position:relative;display:flex;align-items:baseline;gap:.5rem;padding-bottom:.35rem;pointer-events:none}.telemetry-strip:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,color-mix(in srgb,var(--color-holo) 30%,transparent),transparent 70%)}.telemetry-seed{font-family:var(--font-console);font-size:.72rem;letter-spacing:.06em;color:color-mix(in srgb,var(--color-holo) 55%,var(--color-text-dim));white-space:nowrap}.telemetry-caution{font-family:var(--font-console);font-size:.72rem;letter-spacing:.08em;color:var(--color-warn)}.telemetry-strip[data-caution]:after{height:2px;background:linear-gradient(90deg,color-mix(in srgb,var(--color-warn) 70%,transparent),transparent 80%)}.telemetry-strip[data-caution] .top-bar-title:before{background:var(--color-warn);box-shadow:0 0 8px var(--color-warn);animation:caution-blink .9s ease-in-out infinite}@keyframes caution-blink{0%,to{opacity:1}50%{opacity:.3}}.guest-banner{position:absolute;top:.6rem;left:50%;transform:translate(-50%);z-index:30;display:flex;align-items:center;gap:.6rem;max-width:calc(100vw - 2rem);padding:.4rem .5rem .4rem .85rem;background:var(--glass-surface-strong);-webkit-backdrop-filter:var(--glass-blur-light);backdrop-filter:var(--glass-blur-light);border:1px solid color-mix(in srgb,var(--color-warn) 45%,transparent);border-left:3px solid var(--color-warn);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%);pointer-events:auto}.guest-banner-label{font-family:var(--font-console);font-size:.74rem;letter-spacing:.04em;color:var(--color-warn);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:540px){.guest-banner{font-size:.68rem;gap:.4rem}}.records-module{display:flex;border:1px solid color-mix(in srgb,var(--color-holo) 35%,transparent);background:var(--glass-surface);-webkit-backdrop-filter:var(--glass-blur-light);backdrop-filter:var(--glass-blur-light);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)}.records-module .records-key{border:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;clip-path:none;white-space:nowrap}.records-module .records-key+.records-key{border-left:1px solid color-mix(in srgb,var(--color-holo) 18%,transparent)}.system-fob{position:relative}.system-fob-key{min-width:36px;font-size:1rem;line-height:1}.system-fob-key[aria-expanded=true]{background:color-mix(in srgb,var(--color-holo) 28%,var(--glass-surface));color:var(--color-holo-strong)}.system-fob-popover{position:absolute;top:calc(100% + .5rem);right:0;padding:.6rem;background:var(--glass-surface-strong);border:1px solid color-mix(in srgb,var(--color-holo) 35%,transparent);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));animation:panel-in .18s ease-out;pointer-events:auto;display:flex;flex-direction:column;gap:.5rem;min-width:11rem}.fullscreen-exit-key{position:absolute;top:1rem;right:1rem;opacity:.35;pointer-events:auto;transition:opacity .15s ease}.fullscreen-exit-key:hover,.fullscreen-exit-key:focus-visible{opacity:1}.system-fob-popover .quality-select-label{display:block;width:100%}.system-fob-popover .quality-select,.system-fob-popover .hud-button{width:100%}.universe-reset-key{width:100%;margin-top:.1rem;padding-top:.6rem;border-top:1px solid color-mix(in srgb,var(--color-warn) 25%,transparent);color:color-mix(in srgb,var(--color-warn) 85%,var(--color-text))}.confirm-backdrop{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:1.5rem;background:color-mix(in srgb,var(--color-bg) 58%,transparent);-webkit-backdrop-filter:var(--glass-blur-light);backdrop-filter:var(--glass-blur-light);animation:panel-in .16s ease-out}.confirm-dialog{width:min(24rem,100%);padding:1.4rem 1.5rem 1.25rem;background:var(--glass-surface-strong);border:1px solid color-mix(in srgb,var(--color-warn) 40%,transparent);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);clip-path:polygon(0 0,calc(100% - var(--chamfer)) 0,100% var(--chamfer),100% 100%,var(--chamfer) 100%,0 calc(100% - var(--chamfer)))}.confirm-title{margin:0 0 .6rem;font-size:1.05rem;font-weight:700;letter-spacing:.06em;color:var(--color-warn)}.confirm-message{margin:0 0 1.2rem;font-size:.86rem;line-height:1.5;color:var(--color-text)}.confirm-actions{display:flex;justify-content:flex-end;gap:.5rem}.confirm-danger{border-color:color-mix(in srgb,var(--color-warn) 55%,transparent);color:var(--color-warn)}.confirm-danger:hover,.confirm-danger:focus-visible{background:color-mix(in srgb,var(--color-warn) 22%,var(--glass-surface));box-shadow:inset 0 0 12px color-mix(in srgb,var(--color-warn) 18%,transparent)}.confirm-danger:focus-visible{outline-color:var(--color-warn)}.hud-button:disabled{opacity:.55;cursor:not-allowed}.hud-panel{position:absolute;right:1rem;top:3.5rem;width:min(20rem,calc(100vw - 2rem));padding:1rem;background:var(--glass-surface);border:1px solid color-mix(in srgb,var(--color-holo) 35%,transparent);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);pointer-events:auto;clip-path:polygon(0 0,calc(100% - var(--chamfer)) 0,100% var(--chamfer),100% 100%,var(--chamfer) 100%,0 calc(100% - var(--chamfer)));animation:panel-in .18s ease-out}.hud-panel:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,color-mix(in srgb,var(--color-holo) 4%,transparent) 0 1px,transparent 1px 3px)}@keyframes panel-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.hud-panel-header{position:relative;display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid color-mix(in srgb,var(--color-holo) 25%,transparent)}.hud-panel-header:after{content:"";position:absolute;left:0;bottom:2px;width:55%;height:3px;background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--color-holo) 55%,transparent) 0 2px,transparent 2px 7px);-webkit-mask-image:linear-gradient(90deg,#000,transparent);mask-image:linear-gradient(90deg,#000,transparent);pointer-events:none}.hud-panel-title{margin:0;font-size:1rem;font-weight:700;letter-spacing:.08em;color:var(--color-holo-strong)}.hud-panel-title:before{content:"▸ ";color:color-mix(in srgb,var(--color-holo) 70%,transparent)}.hud-panel-facts{margin:0 0 1rem;display:grid;gap:.6rem}.hud-fact{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;line-height:1.45}.hud-fact dt{color:var(--color-text-dim);font-size:.8rem;letter-spacing:.08em}.hud-fact dd{margin:0;font-family:var(--font-console);font-size:.86rem;color:color-mix(in srgb,var(--color-holo-strong) 45%,var(--color-text))}.hud-panel-desc{margin:0 0 1rem;padding-top:.6rem;border-top:1px solid color-mix(in srgb,var(--color-holo) 18%,transparent);font-size:.78rem;line-height:1.55;color:var(--color-text-dim)}.badge{padding:.15rem .5rem;border-radius:2px;font-size:.72rem;font-family:var(--font-console);letter-spacing:.05em;border:1px solid currentColor}.badge-current{background:color-mix(in srgb,var(--color-accent) 30%,transparent);color:var(--color-text)}.badge-visited{background:color-mix(in srgb,#4da3ff 25%,transparent);color:#bcdcff}.badge-unknown{background:color-mix(in srgb,var(--color-text-dim) 20%,transparent);color:var(--color-text-dim)}.hud-button{pointer-events:auto;min-height:44px;padding:.5rem 1.1rem;border:1px solid color-mix(in srgb,var(--color-holo) 45%,transparent);background:var(--glass-surface);-webkit-backdrop-filter:var(--glass-blur-light);backdrop-filter:var(--glass-blur-light);color:var(--color-text);font-size:.9rem;font-weight:600;letter-spacing:.05em;cursor:pointer;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);transition:background .12s ease-out,box-shadow .12s ease-out}.hud-button:hover,.hud-button:focus-visible{background:color-mix(in srgb,var(--color-holo) 22%,var(--glass-surface));box-shadow:inset 0 0 12px color-mix(in srgb,var(--color-holo) 18%,transparent)}.hud-button:focus-visible{outline:2px solid var(--color-holo);outline-offset:-4px}.hud-button[aria-pressed=true]{background:color-mix(in srgb,var(--color-holo) 32%,var(--glass-surface));border-color:var(--color-holo);color:var(--color-holo-strong)}.callout{position:absolute;top:0;left:0;visibility:hidden;pointer-events:none}.callout-dot{position:absolute;width:9px;height:9px;transform:translate(-50%,-50%);border-radius:50%;border:1px solid var(--color-holo);background:color-mix(in srgb,var(--color-holo) 35%,transparent);box-shadow:0 0 10px var(--color-holo)}.callout-line{position:absolute;width:90px;height:2px;transform-origin:0 50%;transform:rotate(-45deg);background:linear-gradient(90deg,var(--color-holo),color-mix(in srgb,var(--color-holo) 20%,transparent))}.callout .hud-panel{position:absolute;inset:auto auto 60px 60px;width:min(19rem,calc(100vw - 3rem));pointer-events:auto;transform-origin:bottom left;animation:callout-in .17s ease-out}@keyframes callout-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.callout-flip-x .callout-line{transform:rotate(-135deg)}.callout-flip-x .hud-panel{left:auto;right:60px;transform-origin:bottom right}.callout-flip-y .callout-line{transform:rotate(45deg)}.callout-flip-y .hud-panel{bottom:auto;top:60px;transform-origin:top left}.callout-flip-x.callout-flip-y .callout-line{transform:rotate(135deg)}.callout-flip-x.callout-flip-y .hud-panel{transform-origin:top right}.system-readout{position:absolute;top:4.4rem;left:50%;transform:translate(-50%);margin:0;display:flex;flex-direction:column;align-items:center;gap:.15rem;text-align:center;font-family:var(--font-console);letter-spacing:.14em;color:var(--color-holo-strong);text-shadow:0 0 14px color-mix(in srgb,var(--color-holo) 65%,transparent);pointer-events:none;animation:readout-cycle 5s ease-out both}.system-readout-name{font-size:1.15rem;font-weight:700}.system-readout-name:before{content:"▸ ";color:color-mix(in srgb,var(--color-holo) 70%,transparent)}.system-readout-spectral{font-size:.8rem;color:color-mix(in srgb,var(--color-holo) 80%,var(--color-text-dim))}.system-readout:after{content:"";width:140px;height:3px;margin-top:.25rem;background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--color-holo) 55%,transparent) 0 2px,transparent 2px 7px);-webkit-mask-image:linear-gradient(90deg,transparent,#000,transparent);mask-image:linear-gradient(90deg,transparent,#000,transparent)}@keyframes readout-cycle{0%{opacity:0;transform:translate(-50%) translateY(-6px)}10%{opacity:0;transform:translate(-50%) translateY(-6px)}20%{opacity:1;transform:translate(-50%) translateY(0)}85%{opacity:1}to{opacity:0}}.warp-readout{position:absolute;top:58%;left:50%;transform:translate(-50%);margin:0;display:flex;flex-direction:column;align-items:center;gap:.3rem;width:min(20rem,64vw);text-align:center;font-family:var(--font-console);letter-spacing:.14em;color:var(--color-holo-strong);text-shadow:0 0 14px color-mix(in srgb,var(--color-holo) 65%,transparent);pointer-events:none;animation:warp-readout-in .5s ease-out both}.warp-readout-target{font-size:1.1rem;font-weight:700}.warp-readout-target:before{content:"▸ ";color:color-mix(in srgb,var(--color-holo) 70%,transparent)}.warp-readout-phase{font-size:.78rem;letter-spacing:.22em;color:color-mix(in srgb,var(--color-holo) 80%,var(--color-text-dim))}.warp-readout[data-phase=jump] .warp-readout-phase{color:var(--color-holo-strong);animation:warp-readout-jump .45s ease-in-out infinite}.warp-readout-bar{width:100%;height:3px;margin-top:.1rem;background:color-mix(in srgb,var(--color-holo) 16%,transparent);overflow:hidden}.warp-readout-bar-fill{display:block;height:100%;background:linear-gradient(90deg,color-mix(in srgb,var(--color-holo) 55%,transparent),var(--color-holo-strong));transform:scaleX(0);transform-origin:left center;animation:warp-charge linear both}.warp-readout[data-phase=jump] .warp-readout-bar-fill{box-shadow:0 0 10px color-mix(in srgb,var(--color-holo) 80%,transparent)}@keyframes warp-readout-in{0%{opacity:0;transform:translate(-50%) translateY(-6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes warp-charge{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes warp-readout-jump{0%,to{opacity:1}50%{opacity:.45}}.ship-frame{position:absolute;inset:0;pointer-events:none}.ship-frame:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 115% 105% at 50% 46%,transparent 54%,rgba(5,8,28,.42) 76%,rgba(2,5,18,.84) 100%)}.ship-frame-corner{position:absolute;width:clamp(44px,8vw,84px);height:clamp(44px,8vw,84px);border:2px solid color-mix(in srgb,var(--color-holo) 72%,transparent);filter:drop-shadow(0 0 7px color-mix(in srgb,var(--color-holo) 40%,transparent))}.ship-frame-corner:before,.ship-frame-corner:after{content:"";position:absolute;background:color-mix(in srgb,var(--color-holo) 55%,transparent)}.ship-frame-corner-tl{top:10px;left:10px;border-right:none;border-bottom:none;border-top-left-radius:10px}.ship-frame-corner-tl:before{top:-2px;right:-8px;width:7px;height:2px}.ship-frame-corner-tl:after{bottom:-8px;left:-2px;width:2px;height:7px}.ship-frame-corner-tr{top:10px;right:10px;border-left:none;border-bottom:none;border-top-right-radius:10px}.ship-frame-corner-tr:before{top:-2px;left:-8px;width:7px;height:2px}.ship-frame-corner-tr:after{bottom:-8px;right:-2px;width:2px;height:7px}.ship-frame-side{position:absolute;width:clamp(28px,4.5vw,56px);height:1px;top:36%;filter:drop-shadow(0 0 3px color-mix(in srgb,var(--color-holo) 30%,transparent))}.ship-frame-side:before{content:"";position:absolute;top:-4px;width:1px;height:9px;background:color-mix(in srgb,var(--color-holo) 50%,transparent)}.ship-frame-side-l{left:0;background:linear-gradient(90deg,color-mix(in srgb,var(--color-holo) 60%,transparent),color-mix(in srgb,var(--color-holo) 20%,transparent))}.ship-frame-side-l:before{right:0}.ship-frame-side-r{right:0;background:linear-gradient(-90deg,color-mix(in srgb,var(--color-holo) 60%,transparent),color-mix(in srgb,var(--color-holo) 20%,transparent))}.ship-frame-side-r:before{left:0}.hud-button-primary{width:100%;background:color-mix(in srgb,var(--color-holo) 34%,var(--glass-surface));border-color:color-mix(in srgb,var(--color-holo) 80%,transparent);color:var(--color-holo-strong);font-weight:700;text-shadow:0 0 10px color-mix(in srgb,var(--color-holo) 45%,transparent)}.hud-icon-button{pointer-events:auto;width:2rem;height:2rem;border-radius:.5rem;border:none;background:transparent;color:var(--color-text-dim);font-size:1.25rem;line-height:1;cursor:pointer}.hud-icon-button:hover,.hud-icon-button:focus-visible{color:var(--color-text);background:color-mix(in srgb,var(--color-text-dim) 15%,transparent)}.console-deck{position:absolute;left:0;right:0;bottom:0;height:var(--deck-height);pointer-events:none}.deck-tray{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:0 .9rem;pointer-events:auto;background:repeating-linear-gradient(90deg,transparent,transparent 38px,color-mix(in srgb,var(--color-holo) 6%,transparent) 38px,color-mix(in srgb,var(--color-holo) 6%,transparent) 39px),linear-gradient(to top,#070c1af0,#070c1a8c 60%,#070c1a4d);border-top:1px solid color-mix(in srgb,var(--color-holo) 28%,transparent);transition:transform .24s ease-in,visibility 0s}.console-deck[data-warping] .deck-tray{transform:translateY(100%);visibility:hidden;pointer-events:none;transition:transform .24s ease-in,visibility 0s linear .24s}.console-deck[data-warping]:before{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:color-mix(in srgb,var(--color-holo) 15%,transparent)}.deck-progress{position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--color-holo);box-shadow:0 0 8px color-mix(in srgb,var(--color-holo) 60%,transparent);transform-origin:0 50%;transform:scaleX(0);animation-name:deck-progress-run;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes deck-progress-run{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.deck-cluster{display:flex;align-items:center;gap:.5rem}.deck-segment{display:flex;border:1px solid color-mix(in srgb,var(--color-holo) 40%,transparent);background:var(--glass-surface);-webkit-backdrop-filter:var(--glass-blur-light);backdrop-filter:var(--glass-blur-light);clip-path:polygon(0 0,100% 0,100% 100%,12px 100%,0 calc(100% - 12px))}.deck-segment-key{pointer-events:auto;min-height:42px;padding:.45rem .95rem;border:none;background:transparent;clip-path:none;-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--color-text-dim);font-size:.88rem;font-weight:500;letter-spacing:.05em;cursor:pointer;transition:background .12s ease-out,color .12s ease-out}.deck-segment-key+.deck-segment-key{border-left:1px solid color-mix(in srgb,var(--color-holo) 15%,transparent)}.deck-segment-key:hover,.deck-segment-key:focus-visible{color:var(--color-text)}.deck-segment-key:focus-visible{outline:2px solid var(--color-holo);outline-offset:-7px}.records-module .records-key:focus-visible{outline-offset:-6px}.deck-segment-key[aria-pressed=true]{background:color-mix(in srgb,var(--color-holo) 26%,transparent);color:var(--color-holo-strong);box-shadow:inset 0 2px 0 var(--color-holo)}.deck-key{min-height:42px}.deck-actions{display:flex;align-items:center;gap:.5rem;padding-left:.6rem;border-left:1px solid color-mix(in srgb,var(--color-holo) 18%,transparent)}.deck-key-scan{border-color:color-mix(in srgb,var(--color-holo) 42%,transparent);color:var(--color-holo-strong)}.deck-key-icon{min-width:42px;padding:.3rem .5rem;font-size:1rem;line-height:1}.deck-zoom-key{display:none}@media(pointer:coarse){.deck-zoom-key{display:inline-flex;align-items:center;justify-content:center}.deck-segment-key,.deck-key{min-height:44px}.deck-key-icon,.system-fob-key{min-width:44px}}.deck-status{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:min(40%,22rem);text-align:center;font-family:var(--font-console);font-size:.72rem;letter-spacing:.12em;color:color-mix(in srgb,var(--color-holo) 60%,var(--color-text-dim));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.badge-life{background:color-mix(in srgb,#57ffb0 25%,transparent);color:#9dffce}.current-star-arrow{position:absolute;top:0;left:0;display:none;width:22px;height:18px;pointer-events:none;background:#ffd166;clip-path:polygon(0 0,0 100%,100% 50%);filter:drop-shadow(0 0 5px #ffd16699);opacity:.9}.warp-flash{position:absolute;inset:0;background:#f2f6ff;opacity:0;pointer-events:none;transition:opacity .65s cubic-bezier(.22,.61,.36,1)}.warp-flash-on{opacity:1;transition:opacity .35s cubic-bezier(.6,.04,.98,.34)}.toast-viewport{position:absolute;bottom:calc(var(--deck-height) + .75rem);left:50%;transform:translate(-50%);display:grid;gap:.5rem;pointer-events:none}.toast-viewport .toast{pointer-events:auto}.toast{display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem .6rem 1rem;background:var(--glass-surface-strong);-webkit-backdrop-filter:var(--glass-blur-light);backdrop-filter:var(--glass-blur-light);border:1px solid color-mix(in srgb,var(--color-text-dim) 30%,transparent);border-left:3px solid var(--color-warn);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%)}.toast-message{font-size:.85rem;font-family:var(--font-console);letter-spacing:.01em}.encounter-overlay{position:absolute;inset:0;display:grid;place-items:center;background:color-mix(in srgb,var(--color-bg) 70%,transparent);-webkit-backdrop-filter:blur(8px) saturate(1.15);backdrop-filter:blur(8px) saturate(1.15);pointer-events:auto}.scan-sequence{position:relative;display:grid;place-items:center;width:16rem;height:16rem;--scan-color: var(--color-accent)}.scan-burst-common{--scan-color: var(--rarity-common)}.scan-burst-rare{--scan-color: var(--rarity-rare)}.scan-burst-epic{--scan-color: var(--rarity-epic)}.scan-burst-legendary{--scan-color: var(--rarity-legendary)}.scan-ring{position:absolute;width:9rem;height:9rem;border-radius:50%;border:3px solid var(--scan-color);animation:scan-pulse 1.1s ease-out infinite;transition:border-color .3s}.scan-ring-delayed{animation-delay:.55s}@keyframes scan-pulse{0%{transform:scale(.5);opacity:.9}to{transform:scale(1.6);opacity:0}}.scan-label{font-size:.9rem;font-family:var(--font-console);color:var(--color-text-dim);letter-spacing:.1em}.encounter-reveal{display:grid;justify-items:center;gap:.9rem;perspective:1000px}.encounter-badge{margin:0;padding:.3rem .9rem;border-radius:999px;font-size:.85rem;font-weight:600}.encounter-badge-first{background:color-mix(in srgb,var(--rarity-legendary) 25%,transparent);color:#ffe1ad}.encounter-badge-known{background:color-mix(in srgb,var(--color-text-dim) 20%,transparent);color:var(--color-text-dim)}.encounter-summary{margin:0;color:var(--color-text-dim);font-size:.9rem}.alien-card{margin:0;width:min(17rem,70vw);border-radius:1rem;padding:1rem 1rem .8rem;background:linear-gradient(160deg,color-mix(in srgb,var(--color-surface) 96%,#ffffff),var(--color-surface));border:2px solid var(--rarity-common)}.alien-card-common{border-color:var(--rarity-common)}.alien-card-rare{border-color:var(--rarity-rare)}.alien-card-epic{border-color:var(--rarity-epic)}.alien-card-legendary{border-color:var(--rarity-legendary);box-shadow:0 0 28px color-mix(in srgb,var(--rarity-legendary) 55%,transparent)}.alien-card-stage{position:relative;aspect-ratio:1;border-radius:.7rem;background:color-mix(in srgb,var(--alien-secondary) 18%,var(--color-bg));overflow:hidden}.alien-part{position:absolute;inset:6%;width:88%;height:88%}.alien-card-silhouette .alien-part{filter:brightness(0) opacity(.85)}.alien-card-caption{display:flex;align-items:baseline;justify-content:space-between;padding-top:.6rem}.alien-card-name{font-weight:700}.alien-card-rarity{font-size:.8rem}.rarity-text-common{color:var(--rarity-common)}.rarity-text-rare{color:var(--rarity-rare)}.rarity-text-epic{color:var(--rarity-epic)}.rarity-text-legendary{color:var(--rarity-legendary)}.boot-screen{min-height:100%;display:grid;place-content:center;justify-items:center;gap:1rem;padding:2rem;text-align:center}.boot-title{margin:0;font-size:1.6rem;letter-spacing:.22em;text-transform:uppercase;color:var(--color-holo-strong);text-shadow:0 0 24px color-mix(in srgb,var(--color-holo) 45%,transparent)}.boot-subtitle{margin:0;max-width:26rem;color:var(--color-text-dim);line-height:1.6}.boot-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.seed-form{display:grid;gap:.6rem;width:min(24rem,90vw);text-align:left}.seed-label{font-size:.85rem;color:var(--color-text-dim)}.seed-input-row{display:flex;gap:.5rem}.seed-input{flex:1;min-width:0;min-height:44px;padding:.5rem .8rem;border-radius:.6rem;border:1px solid color-mix(in srgb,var(--color-text-dim) 40%,transparent);background:var(--color-surface);color:var(--color-text);font-size:.95rem;font-family:ui-monospace,monospace}.seed-input:focus-visible{outline:2px solid var(--color-holo);outline-offset:1px}.seed-input-invalid{border-color:#e85454}.seed-error{margin:0;color:#ff9a9a;font-size:.85rem}.boot-start-button{margin-top:.5rem}.overlay-shell{position:absolute;inset:0;display:flex;flex-direction:column;background:repeating-linear-gradient(0deg,color-mix(in srgb,var(--color-holo) 2%,transparent) 0 1px,transparent 1px 4px),color-mix(in srgb,var(--color-bg) 72%,transparent);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);pointer-events:auto}.overlay-header{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.25rem;border-bottom:1px solid color-mix(in srgb,var(--color-holo) 30%,transparent);background:color-mix(in srgb,var(--color-surface) 45%,transparent)}.overlay-title{margin:0;font-size:1.05rem;font-weight:700;letter-spacing:.1em;color:var(--color-holo-strong)}.overlay-title:before{content:"◤ ";color:color-mix(in srgb,var(--color-holo) 65%,transparent)}.overlay-body{flex:1;overflow-y:auto;padding:1.25rem}.codex-progress{margin:0 0 1rem;color:var(--color-text-dim)}.codex-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.8rem}.codex-grid .alien-card{width:100%;padding:.5rem .5rem .4rem}.codex-grid .alien-card-caption{padding-top:.35rem;font-size:.8rem}.codex-slot{width:100%;padding:0;border:none;background:none;cursor:pointer;border-radius:1rem}.codex-slot:focus-visible{outline:2px solid var(--color-holo);outline-offset:2px}.codex-slot-unknown{cursor:default;opacity:.75}.codex-detail{display:grid;gap:.9rem;justify-items:start;max-width:60rem}.codex-detail-header{display:flex;align-items:baseline;gap:.75rem}.codex-detail-title{margin:0;font-size:1.3rem}.codex-detail-lore{margin:0;color:var(--color-text-dim)}.codex-detail-subtitle{margin:.5rem 0 0}.codex-tabs{display:flex;gap:.25rem;margin:0 0 1rem;border-bottom:1px solid var(--color-border, rgba(255, 255, 255, .12))}.codex-tab{appearance:none;border:none;background:none;padding:.5rem .9rem;color:var(--color-text-dim);font:inherit;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.codex-tab[aria-selected=true]{color:var(--color-holo);border-bottom-color:var(--color-holo)}.codex-tab:focus-visible{outline:2px solid var(--color-holo);outline-offset:2px}.phenomenon-slot{width:100%;display:grid;gap:.35rem;padding:.85rem;text-align:left;border:1px solid var(--color-border, rgba(255, 255, 255, .12));border-radius:.8rem;background:#ffffff05;color:inherit;cursor:pointer}.phenomenon-slot:focus-visible{outline:2px solid var(--color-holo);outline-offset:2px}.phenomenon-slot-locked{cursor:default;opacity:.55}.phenomenon-slot-name{font-weight:600}.phenomenon-slot-meta{font-size:.8rem;color:var(--color-text-dim)}.unique-slot-hint{margin:.15rem 0 0;font-size:.82rem;line-height:1.5;color:var(--color-text-dim);font-style:italic}.codex-individual-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:1rem;width:100%}.codex-individual-meta{margin:.4rem 0 0;font-size:.8rem;color:var(--color-text-dim);word-break:break-all}.journal-subtitle{margin:1.5rem 0 .75rem}.seed-share{display:grid;gap:.5rem;max-width:36rem}.seed-share-hint{margin:0;color:var(--color-text-dim);font-size:.875rem}.seed-share-row{display:flex;gap:.5rem}.visit-timeline{list-style:none;margin:0;padding:0;display:grid;gap:.5rem;max-width:36rem}.visit-entry{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem .9rem;background:var(--glass-surface);border-left:2px solid color-mix(in srgb,var(--color-holo) 45%,transparent);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%)}.visit-entry-star{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap}.visit-entry-spectral{color:var(--color-text-dim);font-size:.8rem}.visit-entry-aside{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.visit-entry-time{color:var(--color-text-dim);font-family:var(--font-console);font-size:.75rem;white-space:nowrap}.visit-entry .hud-button{padding:.3rem .7rem;font-size:.78rem}.top-bar-actions{display:flex;align-items:center;gap:.5rem}.hud-button-compact{min-height:36px;padding:.3rem .8rem;font-size:.85rem}.quality-select{min-height:36px;padding:.3rem .5rem;border-radius:0;border:1px solid color-mix(in srgb,var(--color-holo) 30%,transparent);background:var(--glass-surface);-webkit-backdrop-filter:var(--glass-blur-light);backdrop-filter:var(--glass-blur-light);color:var(--color-text);font-family:var(--font-console);font-size:.78rem;pointer-events:auto;cursor:pointer}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.hint-bubble{position:absolute;padding:.45rem .85rem;background:color-mix(in srgb,var(--color-holo) 18%,var(--glass-surface-strong));border:1px solid color-mix(in srgb,var(--color-holo) 50%,transparent);-webkit-backdrop-filter:var(--glass-blur-light);backdrop-filter:var(--glass-blur-light);color:var(--color-holo-strong);font-size:.82rem;font-family:var(--font-console);letter-spacing:.06em;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%);pointer-events:none;animation:hint-fade 3.5s ease-out both}.hint-bubble-center{bottom:calc(var(--deck-height) + 1.5rem);left:50%;transform:translate(-50%);white-space:nowrap}.hint-bubble-right{right:1rem;bottom:calc(var(--deck-height) + 1.5rem);max-width:min(18rem,calc(100vw - 2rem))}@keyframes hint-fade{0%{opacity:0;transform:translateY(4px)}12%{opacity:1;transform:translateY(0)}70%{opacity:1}to{opacity:0}}.hint-bubble-center{animation-name:hint-fade-center}@keyframes hint-fade-center{0%{opacity:0;transform:translate(-50%) translateY(4px)}12%{opacity:1;transform:translate(-50%) translateY(0)}70%{opacity:1}to{opacity:0;transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.hint-bubble{animation:none;opacity:1}}@media(pointer:coarse){.hud-button-compact,.quality-select{min-height:44px}}@media(max-width:540px){.telemetry-caution{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.top-bar{padding:.85rem 1rem;gap:.5rem}.top-bar-title{font-size:.9rem;letter-spacing:.12em}.top-bar-actions{gap:.35rem}.hud-button-compact{padding:.3rem .6rem}.toast-viewport{top:4rem;bottom:auto;width:calc(100vw - 1.5rem)}.hint-bubble-right{bottom:auto;top:4rem;right:.75rem}.deck-status{display:none}.callout-docked .hud-panel{position:fixed;left:.75rem;right:.75rem;top:auto;bottom:calc(var(--deck-height) + .6rem);width:auto;transform-origin:bottom center}.codex-grid{grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));gap:.5rem}.alien-card{width:min(15rem,78vw)}.overlay-body{padding:.9rem}}@media(prefers-reduced-motion:reduce){.top-bar-title:before,.telemetry-strip[data-caution] .top-bar-title:before{animation:none;opacity:1}.hud-panel,.system-readout,.warp-readout,.warp-readout[data-phase=jump] .warp-readout-phase{animation:none}.warp-readout-bar-fill{animation:none;transform:scaleX(1)}.system-fob-popover{animation:none}.deck-tray,.console-deck[data-warping] .deck-tray{transition:none}}.scan-pulse{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:2}.scan-pulse-ring{position:absolute;width:12vmin;height:12vmin;border-radius:50%;border:2px solid color-mix(in srgb,var(--color-holo) 70%,transparent);box-shadow:0 0 24px color-mix(in srgb,var(--color-holo) 40%,transparent),inset 0 0 16px color-mix(in srgb,var(--color-holo) 22%,transparent);opacity:0;animation:scan-sonar 1.1s ease-out forwards}.scan-pulse-ring-delayed{animation-delay:.24s}@keyframes scan-sonar{0%{transform:scale(.4);opacity:.55}70%{opacity:.26}to{transform:scale(6);opacity:0}}@media(prefers-reduced-motion:reduce){.scan-pulse-ring{animation:none;opacity:0}}