:root{--bg: #0c0e11;--panel: rgba(20, 23, 28, .92);--panel-solid: #14171c;--line: #2a2f37;--ink: #cfd3d9;--dim: #79828e;--amber: #e8862e;--amber-bright: #ffb066;--good: #7fd17f;--bad: #ff6a55;--font-head: "Chakra Petch", "Arial Narrow", sans-serif;--font-mono: "IBM Plex Mono", "Menlo", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--font-mono);font-size:13px}#viewport{position:fixed;top:0;right:0;bottom:0;left:0}#viewport canvas{display:block}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.45) 100%);z-index:5}#topbar{position:fixed;top:0;left:0;right:0;z-index:10;background:var(--panel);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bar-row{display:flex;align-items:center;gap:16px;padding:8px 16px}.logo{display:flex;align-items:baseline;gap:8px;white-space:nowrap}.logo-mark{color:var(--amber);font-size:20px}.logo-text{font-family:var(--font-head);font-weight:700;font-size:21px;letter-spacing:5px;color:var(--ink)}.logo-sub{font-size:10px;color:var(--dim);letter-spacing:2px}#ship-name{background:transparent;border:1px solid var(--line);color:var(--amber-bright);font-family:var(--font-head);font-weight:600;font-size:14px;letter-spacing:2px;text-transform:uppercase;padding:5px 10px;width:250px}#ship-name:focus{outline:none;border-color:var(--amber)}.spacer{flex:1}.credits{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2}.credits-label{font-size:9px;letter-spacing:2px;color:var(--dim)}#credits-value{font-family:var(--font-mono);font-weight:600;font-size:17px;color:var(--amber-bright)}.bar-buttons{display:flex;gap:6px}button{background:transparent;border:1px solid var(--line);color:var(--ink);font-family:var(--font-head);font-weight:600;font-size:11px;letter-spacing:2px;padding:6px 12px;cursor:pointer}button:hover{border-color:var(--amber);color:var(--amber-bright)}.stats-row{padding:4px 16px 8px;gap:0;flex-wrap:wrap;border-top:1px solid rgba(42,47,55,.5)}.chip{display:flex;align-items:baseline;gap:6px;padding:0 14px 0 0;margin-right:14px;border-right:1px solid var(--line)}.chip:last-child{border-right:none}.chip-label{font-size:9px;letter-spacing:1.5px;color:var(--dim)}.chip-value{font-size:13px;font-weight:500}.chip-value.good{color:var(--good)}.chip-value.bad{color:var(--bad)}.hazard{height:5px;background:repeating-linear-gradient(-45deg,#8a6a23 0,#8a6a23 9px,#14171c 9px,#14171c 18px);opacity:.65}#catalog{position:fixed;top:96px;left:12px;bottom:52px;width:296px;z-index:10;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.catalog-head{font-family:var(--font-head);font-weight:700;font-size:11px;letter-spacing:3px;color:var(--dim);padding:9px 12px 7px;border-bottom:1px solid var(--line)}#catalog-tabs{display:flex;flex-wrap:wrap;gap:4px;padding:8px 10px;border-bottom:1px solid var(--line)}.tab{font-size:9px;letter-spacing:1px;padding:4px 8px;color:var(--dim)}.tab.active{border-color:var(--amber);color:var(--amber-bright)}#catalog-list{flex:1;overflow-y:auto;padding:8px}#catalog-list::-webkit-scrollbar{width:8px}#catalog-list::-webkit-scrollbar-thumb{background:var(--line)}.card{display:flex;gap:10px;padding:8px;margin-bottom:6px;border:1px solid var(--line);background:#ffffff04;cursor:pointer;-webkit-user-select:none;user-select:none}.card:hover{border-color:#4a5260}.card.active{border-color:var(--amber);background:#e8862e14;box-shadow:inset 3px 0 0 var(--amber)}.thumb{width:64px;height:64px;flex-shrink:0;background:#0e1014;border:1px solid var(--line)}.meta{flex:1;min-width:0}.row1{display:flex;justify-content:space-between;align-items:baseline;gap:6px}.pname{font-family:var(--font-head);font-weight:600;font-size:12px;letter-spacing:1px;color:var(--ink)}.cost{color:var(--amber-bright);font-size:11px;white-space:nowrap}.pstats{font-size:10px;color:var(--dim);margin-top:3px}.pdesc{font-size:10px;color:#5d6570;font-style:italic;margin-top:3px;line-height:1.35}#hud{position:fixed;bottom:0;left:0;right:0;z-index:10;display:flex;align-items:center;gap:24px;padding:9px 16px;background:var(--panel);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hints{font-size:10px;letter-spacing:1px;color:var(--dim);white-space:nowrap}#selected-info{font-size:11px;color:var(--amber-bright);flex:1}#selected-info b{color:var(--ink)}#warnings{display:flex;gap:14px;font-size:11px;letter-spacing:1px}.warn{color:var(--bad)}.ready{color:var(--good)}.dim{color:var(--dim)}@media (max-width: 900px){.hints{display:none}#catalog{width:240px}}