@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700&family=Share+Tech+Mono&display=swap";*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%}body{overflow:hidden}:root{--ink: #dce5df;--subtle: #a49a88;--rust: #9b6f4e;--panel: rgb(9 14 17 / 84%);--panel-border: rgb(132 104 73 / 58%);--good: #a6c08b;--alert: #e59e77;--info: #c9b08e;--scroll-track: rgb(28 35 42 / 72%);--scroll-thumb: rgb(132 104 73 / 82%);--scroll-thumb-hover: rgb(165 128 93 / 88%);--scroll-thumb-border: rgb(58 46 35 / 88%)}.game-shell{position:fixed;inset:0;overflow:hidden;background:radial-gradient(circle at 15% 18%,#3a2f22 0%,transparent 40%),radial-gradient(circle at 80% 12%,#3d2e25 0%,transparent 42%),linear-gradient(160deg,#05090b,#0d1318 60%,#141a1f);color:var(--ink);font-family:Share Tech Mono,ui-monospace,SFMono-Regular,Menlo,monospace}canvas{width:100%;height:100%}.hangar-background{position:absolute;inset:0;pointer-events:none;background:transparent}.hangar-scene{position:absolute;inset:0;pointer-events:none}.hangar-scene-right{inset:0 0 0 47%}.hangar-left-shade{position:absolute;inset:0 53% 0 0;pointer-events:none;background:linear-gradient(180deg,#070a0e70,#080c1094 56%,#090e12b8),radial-gradient(circle at 34% 8%,rgb(223 184 134 / 14%) 0%,transparent 44%);z-index:2}.hangar-split-divider{position:absolute;top:0;bottom:0;left:47%;width:2px;pointer-events:none;background:linear-gradient(180deg,#c7a57694,#707e8d6b);box-shadow:0 0 22px #92a8c447;z-index:2}.hangar-view{position:absolute;top:1rem;bottom:1rem;left:1rem;width:min(58rem,calc(47% - 1.5rem));overflow:auto;pointer-events:auto;z-index:3}.hangar-column-left{min-width:0;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto 1fr;gap:1rem;overflow:auto;padding-right:.2rem;pointer-events:auto}.hangar-header,.hangar-debrief,.hangar-freighter-inventory{width:100%}.hangar-freighter-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.6rem;align-items:center;border:1px solid rgb(126 100 75 / 34%);background:linear-gradient(180deg,#1b22296b,#12171c61);border-radius:.28rem;padding:.45rem .55rem;margin-top:.45rem}.hangar-freighter-meta{display:grid;gap:.08rem}.hangar-freighter-meta span{font-size:.75rem;color:#b9aca0}.hangar-freighter-actions{display:grid;grid-template-columns:repeat(2,auto);gap:.35rem}.hangar-freighter-actions .hangar-upgrade-btn{margin-top:0;width:max-content;min-width:8.1rem;padding:.43rem .52rem}.hangar-upgrades{width:100%;display:grid;grid-template-columns:1fr;gap:.9rem}.hangar-upgrade-card{display:grid;gap:.7rem}.hangar-upgrade-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(16rem,1fr);gap:1rem;align-items:start}.hangar-upgrade-copy p{min-height:2.4rem;margin:.18rem 0 0}.hangar-upgrade-stats{display:grid;align-content:start}.hangar-upgrade-level-list{display:grid;gap:.55rem}.hangar-upgrade-level-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.95fr) auto;gap:.6rem;align-items:center;border:1px solid rgb(122 95 68 / 34%);background:linear-gradient(180deg,#1e272e5c,#12181e57);border-radius:.28rem;padding:.45rem .55rem}.hangar-upgrade-level-meta{display:grid;gap:.08rem}.hangar-upgrade-level-title{font-size:.8rem;color:#e6c59d}.hangar-upgrade-level-meta span{font-size:.75rem;color:#b7a894}.hangar-upgrade-level-economy{display:grid;gap:.08rem;font-size:.72rem;color:#b9ada0}.hangar-upgrade-level-actions{display:grid;gap:.32rem;justify-items:stretch}.hangar-upgrade-level-actions .hangar-upgrade-btn{margin-top:0;width:7.6rem;padding:.44rem .62rem}.hangar-upgrade-stats .dock-progress-row{margin-top:.3rem}.hangar-upgrade-stats .dock-progress-row:first-child{margin-top:0}.hangar-upgrade-copy .hangar-upgrade-btn{margin-top:.62rem;width:min(14rem,100%)}.hangar-upgrade-btn,.hangar-launch-btn{margin-top:.7rem;border:1px solid rgb(154 126 90 / 58%);background:linear-gradient(180deg,#5b4332,#3c2b20);color:#f0e4d0;font-family:Orbitron,monospace;letter-spacing:.04em;font-size:.72rem;padding:.56rem .78rem;border-radius:.22rem}.hangar-upgrade-btn:disabled{opacity:.52}.hangar-launch-btn:disabled{opacity:.52;filter:saturate(.62);cursor:not-allowed}.hangar-launch{width:100%}.hangar-encounter-buttons{position:absolute;right:1rem;bottom:1rem;z-index:5;display:grid;gap:.55rem;justify-items:end}.hangar-encounter-button{position:relative;width:5rem;height:5rem;border-radius:999px;padding:0;overflow:hidden;border:1px solid rgb(178 145 106 / 74%);background:linear-gradient(180deg,#4f3a2a,#2e2219);box-shadow:0 0 22px #0000008f}.hangar-encounter-button:hover{filter:brightness(1.05)}.hangar-encounter-button.is-active{border-color:#ddbd85eb;box-shadow:0 0 26px #e2bb7b57}.hangar-encounter-button-image{width:100%;height:100%;object-fit:cover;object-position:center top;filter:contrast(1.04) saturate(.88)}.hangar-encounter-panel{position:absolute;top:1rem;bottom:1rem;left:calc(47% + 1rem);width:calc(53% - 2rem);max-width:calc(53% - 2rem);z-index:4;display:grid;grid-template-rows:auto minmax(14rem,1fr) auto auto;gap:.6rem;overflow:auto;overflow-x:hidden}.hangar-encounter-topbar>div{min-width:0}.hangar-encounter-topbar{display:flex;justify-content:space-between;align-items:start;gap:.6rem}.hangar-encounter-topbar strong{display:block;font-size:.95rem;color:#f0ce9f;overflow-wrap:anywhere}.hangar-encounter-close{margin-top:0;min-width:5.5rem}.hangar-encounter-body{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(12.5rem,.8fr);gap:.7rem;align-items:start}.hangar-encounter-portrait{width:100%;height:clamp(12rem,30vh,18rem);object-fit:cover;object-position:center top;border:1px solid rgb(140 111 82 / 52%);border-radius:.32rem;background:#0a0e1294}.hangar-encounter-copy{display:grid;gap:.24rem}.hangar-encounter-copy p{margin:0}.hangar-encounter-delivery{border:1px solid rgb(132 104 73 / 42%);background:linear-gradient(180deg,#1b22296b,#12171c61);border-radius:.28rem;padding:.46rem .58rem}.hangar-encounter-complete{margin-top:0;width:100%}.hangar-crt-overlay{opacity:0}:is(.hangar-view,.hangar-column-left,.hud-card-scroll,.hud-layout){scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll-track)}:is(.hangar-view,.hangar-column-left,.hud-card-scroll,.hud-layout)::-webkit-scrollbar{width:11px;height:11px}:is(.hangar-view,.hangar-column-left,.hud-card-scroll,.hud-layout)::-webkit-scrollbar-track{background:linear-gradient(180deg,#161e24e0,#12181ee0);border:1px solid rgb(64 75 86 / 35%);border-radius:10px}:is(.hangar-view,.hangar-column-left,.hud-card-scroll,.hud-layout)::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--scroll-thumb) 0%,rgb(100 79 59 / 88%) 100%);border:1px solid var(--scroll-thumb-border);border-radius:10px}:is(.hangar-view,.hangar-column-left,.hud-card-scroll,.hud-layout)::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--scroll-thumb-hover) 0%,rgb(124 95 66 / 92%) 100%)}.hangar-launch-btn{font-size:.8rem;padding:.64rem .92rem}.loading-view{position:absolute;inset:1rem;display:grid;grid-template-columns:minmax(20rem,1.35fr) minmax(16rem,1fr);gap:1rem;align-items:stretch;pointer-events:auto}.loading-briefing{display:flex;flex-direction:column;gap:.28rem}.loading-briefing h1{margin-bottom:.2rem}.loading-briefing h2{margin:0 0 .35rem}.loading-actions{margin-top:auto;display:grid;gap:.7rem}.loading-progress label{display:block}.loading-progress strong{display:block;margin-top:.1rem}.captain-portrait-card{overflow:hidden;padding:0;display:grid;place-items:center;background:#080c0fe0}.captain-portrait{width:100%;height:100%;object-fit:cover;object-position:center;filter:contrast(1.04) saturate(.92)}.hud-layout{position:absolute;inset:0;pointer-events:none}.hud-card{position:relative;pointer-events:auto;padding:.9rem .95rem .95rem;border:1px solid var(--panel-border);background:var(--panel);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);box-shadow:0 0 30px #00000073;border-radius:.35rem}.hud-stack{position:absolute;top:1rem;bottom:1rem;display:flex;flex-direction:column;gap:1.1rem}.hud-stack-left{left:1rem;width:min(31rem,calc(100vw - 2rem));align-items:flex-start}.hud-stack-right{right:1rem;width:min(23rem,calc(100vw - 2rem));align-items:stretch}.hud-card-scroll{max-height:min(36vh,21rem);overflow-y:auto}.hud-card-core{width:100%}.hud-card-nav{position:absolute;top:1rem;left:50%;transform:translate(-50%);width:min(16rem,calc(100vw - 2rem))}.hud-card-nav h2{margin-bottom:.24rem}.nav-grid{display:flex;align-items:end;justify-content:space-between}.nav-metric{display:flex;flex-direction:column;gap:.08rem}.nav-metric strong{line-height:1.2}.hud-card-cargo,.hud-card-docking,.hud-card-risk{width:100%}.hud-card-ops{width:100%;margin-top:auto}.hud-card-controls{width:min(24rem,100%)}.hud-card-comms{width:min(24rem,100%);margin-top:auto}.hud-card h1,.hud-card h2{font-family:Orbitron,Share Tech Mono,monospace;margin:0 0 .5rem;letter-spacing:.05em}.hud-card h1{font-size:1rem;color:#f2cc9a}.hud-card h2{font-size:.82rem;color:#d3b18b;margin-top:.7rem}.hud-card h2:first-of-type{margin-top:0}.hud-card p{margin:.2rem 0;font-size:.82rem;line-height:1.4}.hud-card label{font-size:.7rem;color:var(--subtle);text-transform:uppercase;letter-spacing:.05em}.hud-card strong{font-size:.95rem}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem .8rem}.metric-grid div{display:flex;flex-direction:column;gap:.12rem}.metric-grid label{font-size:.7rem;color:var(--subtle);text-transform:uppercase;letter-spacing:.05em}.metric-grid strong{font-size:.95rem}.countdown-cell,.hull-cell,.throttle-cell{grid-column:span 2}.status-bar{margin-top:.25rem;width:100%;height:.45rem;border:1px solid rgb(154 126 90 / 45%);background:#332a218c;border-radius:999px;overflow:hidden}.status-fill{height:100%}.throttle-fill{background:linear-gradient(90deg,#a24f2f,#f0ab63);box-shadow:0 0 9px #f0ab636b}.hull-fill{background:linear-gradient(90deg,#8a6958,#db9f7d);box-shadow:0 0 8px #db9f7d61}.pirate-fill{background:linear-gradient(90deg,#7d3c3c,#de7b6a);box-shadow:0 0 8px #de7b6a61}.unload-fill{background:linear-gradient(90deg,#557a5f,#92cb9f);box-shadow:0 0 8px #92cb9f52}.repair-fill{background:linear-gradient(90deg,#7b5f4f,#d6a57d);box-shadow:0 0 8px #d6a57d52}.cargo-fill{background:linear-gradient(90deg,#5e6f4a,#b5cc7d);box-shadow:0 0 8px #b5cc7d52}.grabber-indicator{margin:.3rem 0 .6rem;padding:.45rem .55rem .5rem;border:1px solid rgb(154 126 90 / 40%);border-radius:.28rem;background:#251d1673}.grabber-indicator .dock-progress-row{margin-top:.2rem}.grabber-indicator .dock-progress-row:first-child{margin-top:0}.grabber-fill{background:linear-gradient(90deg,#8f5f2f,#f0c36c);box-shadow:0 0 8px #f0c36c59}.grabber-state-alert strong{color:#d7a175}.grabber-state-ready strong{color:#f0cb7c}.grabber-state-locked strong{color:#f7d895}.dock-progress-row{margin-top:.45rem;display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.dock-progress-row label{font-size:.7rem;color:var(--subtle);text-transform:uppercase;letter-spacing:.05em}.dock-progress-row strong{font-size:.8rem}.bearing-compass{position:relative;width:5.8rem;height:5.8rem;display:grid;place-items:center}.hud-nav-compass{position:absolute;top:3.9rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.18rem;pointer-events:none}.bearing-ring{position:absolute;inset:.26rem;border-radius:50%;border:1px solid rgb(154 126 90 / 55%);background:radial-gradient(circle at center,transparent 0 46%,rgb(154 126 90 / 22%) 46% 48%,transparent 48%),conic-gradient(from 0deg,transparent 0deg 20deg,rgb(154 126 90 / 18%) 20deg 23deg,transparent 23deg 87deg,rgb(154 126 90 / 18%) 87deg 90deg,transparent 90deg 177deg,rgb(154 126 90 / 18%) 177deg 180deg,transparent 180deg 267deg,rgb(154 126 90 / 18%) 267deg 270deg,transparent 270deg 360deg);box-shadow:inset 0 0 20px #00000070}.bearing-pointer{position:absolute;width:1.46rem;height:4.46rem;left:50%;top:50%;transform-origin:50% 50%;filter:drop-shadow(0 0 9px rgb(239 194 129 / 46%))}.bearing-pointer:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#f6d6a0,#d59454 64%,#8c4f30);clip-path:polygon(50% 0%,74% 56%,66% 77%,86% 92%,67% 88%,56% 100%,44% 100%,33% 88%,14% 92%,34% 77%,26% 56%)}.bearing-pointer:after{content:"";position:absolute;left:20%;right:20%;bottom:.44rem;height:.62rem;background:linear-gradient(180deg,#3a281d33,#281a13a6),repeating-linear-gradient(90deg,#2f2017 0 2px,transparent 2px 4px);clip-path:polygon(0 38%,12% 0,24% 38%,36% 0,48% 38%,60% 0,72% 38%,84% 0,100% 38%,100% 100%,0 100%);opacity:.86}.bearing-forward{position:static;color:#d8b173;font-size:.56rem;letter-spacing:.14em;opacity:.9}.bearing-label{font-size:.76rem;letter-spacing:.05em;color:#e3bc87;text-shadow:0 0 8px rgb(230 180 116 / 35%)}.subtle{color:var(--subtle)}.cargo-row{display:flex;justify-content:space-between;gap:.7rem;font-size:.78rem;border-bottom:1px dashed rgb(130 151 155 / 25%);padding:.2rem 0}.event-alert{color:var(--alert)}.event-good{color:var(--good)}.event-info{color:var(--info)}.crt-overlay{pointer-events:none;position:absolute;inset:0;background-image:linear-gradient(rgb(255 255 255 / 2%) 50%,transparent 50%),linear-gradient(90deg,#ff640005,#c8a05003,#78502805);background-size:100% 3px,4px 100%;opacity:.26;mix-blend-mode:screen}.outcome-overlay{position:absolute;inset:0;display:grid;place-items:center;background:#020508a3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.outcome-card{width:min(36rem,calc(100vw - 2rem));border:1px solid rgb(159 124 89 / 68%);background:#0b1013eb;padding:1.2rem;border-radius:.4rem;box-shadow:0 0 40px #00000085}.outcome-card h2{margin:0 0 .65rem;font-family:Orbitron,monospace;color:#f0ce9f;letter-spacing:.06em}.outcome-card p{margin:0 0 .5rem}.score{color:#cdbf96}.outcome-card button{margin-top:.25rem;border:1px solid rgb(154 126 90 / 58%);background:linear-gradient(180deg,#5b4332,#3c2b20);color:#f0e4d0;font-family:Orbitron,monospace;letter-spacing:.04em;font-size:.74rem;padding:.62rem .88rem;border-radius:.22rem}.outcome-card button:hover{filter:brightness(1.08)}@media(max-width:900px){.hangar-scene-right{inset:0}.hangar-left-shade,.hangar-split-divider{display:none}.hangar-view{width:auto;inset:.75rem;pointer-events:auto}.hangar-encounter-buttons{right:.75rem;bottom:.75rem}.hangar-encounter-button{width:4.6rem;height:4.6rem}.hangar-encounter-panel{inset:.75rem;width:auto;max-width:none}.hangar-encounter-body{grid-template-columns:1fr}.hangar-column-left{overflow:visible;padding-right:0}.hangar-upgrade-layout{grid-template-columns:1fr;gap:.6rem}.hangar-freighter-row{grid-template-columns:1fr;align-items:start}.hangar-freighter-actions{grid-template-columns:1fr 1fr}.hangar-freighter-actions .hangar-upgrade-btn{width:100%}.hangar-upgrade-level-row{grid-template-columns:1fr;gap:.35rem;align-items:start}.hangar-upgrade-level-actions{grid-template-columns:1fr 1fr}.hangar-upgrade-level-actions .hangar-upgrade-btn{width:100%}.hangar-upgrade-copy p{min-height:0}.hangar-upgrade-copy .hangar-upgrade-btn{width:100%}.hangar-observation{grid-column:1;justify-self:stretch;width:100%;align-self:start}.loading-view{grid-template-columns:1fr;grid-template-rows:auto minmax(12rem,36vh)}.hud-layout{inset:auto .65rem .65rem;display:flex;flex-direction:column;gap:.55rem;max-height:54vh;overflow-y:auto;padding-right:.1rem}.hud-stack{position:static;top:auto;bottom:auto;width:100%;gap:.55rem}.hud-stack-left,.hud-stack-right{width:100%}.hud-card{position:static;transform:none;padding:.75rem .85rem .8rem}.hud-card-core{width:100%}.hud-card-nav{position:static;top:auto;left:auto;transform:none;width:100%}.hud-nav-compass{position:static;top:auto;left:auto;transform:none;margin:.2rem auto .3rem}.hud-card-comms,.hud-card-ops{margin-top:0}.hud-card-risk,.hud-card-nav,.hud-card-cargo,.hud-card-docking,.hud-card-ops,.hud-card-controls,.hud-card-comms{width:100%}.hud-card-scroll{max-height:28vh}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.countdown-cell,.hull-cell,.throttle-cell{grid-column:span 3}}@media(max-width:560px){.hud-layout{max-height:62vh}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.countdown-cell,.hull-cell,.throttle-cell{grid-column:span 2}}