@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}.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;background:radial-gradient(circle at 50% 6%,rgb(210 153 88 / 16%) 0%,transparent 42%),radial-gradient(circle at 18% 84%,rgb(114 82 52 / 20%) 0%,transparent 40%),linear-gradient(180deg,#090d10,#11171c 60%,#171d23)}.hangar-view{position:absolute;inset:1rem;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto;gap:1rem;overflow:auto;pointer-events:auto}.hangar-header,.hangar-debrief{width:min(62rem,100%)}.hangar-upgrades{width:min(74rem,100%);display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.9rem}.hangar-upgrade-card p{min-height:2.4rem}.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{width:min(28rem,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){.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}}