@import"https://fonts.googleapis.com/css2?family=Antonio:wght@300;400;500;600;700&family=Space+Grotesk:wght@300;400;500;600;700&family=IBM+Plex+Mono:wght@300;400;500;600&display=swap";:root{--lc-amber: #FF9C42;--lc-gold: #FFC773;--lc-peach: #F2A37A;--lc-rose: #C97C9E;--lc-lilac: #B492C8;--lc-steel: #8E9BC4;--lc-ice: #AFC8E8;--lc-red: #D4604F;--lc-cream: #F4E3C8;--lc-ink: #07080C;--lc-panel: #0C0E14;--lc-dim: #5A607A;--map-player: #FFB45C;--map-enemy: #D4604F;--map-neutral: #7E88A8;--map-grid: #232838;--line: #1A1E2B;--line-soft: #14171F;--f-lcars: "Antonio", sans-serif;--f-grot: "Space Grotesk", sans-serif;--f-mono: "IBM Plex Mono", monospace;--fg-muted: var(--lc-dim);--fg: var(--lc-cream)}*{box-sizing:border-box}html,body,#app{margin:0;padding:0;height:100%;background:var(--lc-ink);color:var(--lc-cream);font-family:var(--f-grot)}.lc{font-family:var(--f-lcars);letter-spacing:.04em}.lc-num{font-family:var(--f-lcars);font-variant-numeric:tabular-nums;letter-spacing:.08em}.mono{font-family:var(--f-mono)}.grot{font-family:var(--f-grot)}.lc-label{font-family:var(--f-lcars);text-transform:uppercase;letter-spacing:.08em}#app{display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}#topbar{display:flex;align-items:center;gap:10px;padding:14px 18px 10px}#topbar .brand{font-family:var(--f-lcars);color:var(--lc-amber);font-size:22px;font-weight:700;letter-spacing:.14em}#topbar .breadcrumb{font-family:var(--f-lcars);text-transform:uppercase;letter-spacing:.08em;color:var(--lc-dim);font-size:12px}#topbar .segbar{flex:1;height:10px;border-radius:999px;overflow:hidden;display:flex;gap:3px;opacity:.6}#topbar .segbar .seg-steel{flex:3;background:var(--lc-steel)}#topbar .segbar .seg-cream{flex:.4;background:var(--lc-cream)}#topbar .segbar .seg-rose{flex:1.4;background:var(--lc-rose);border-radius:0 999px 999px 0}#controls{display:flex;gap:8px;align-items:center}#controls input{background:#ffffff0a;color:var(--lc-cream);border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-family:var(--f-mono);font-size:12px;width:150px}#controls input:focus{outline:none;border-color:var(--lc-gold)}#controls button{font-family:var(--f-lcars);text-transform:uppercase;letter-spacing:.08em;font-weight:600;font-size:13px;border:none;border-radius:999px;padding:7px 16px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;color:#08090c;background:var(--lc-gold)}#controls button#generate-btn{background:var(--lc-amber)}#controls button:hover{filter:brightness(1.08)}#controls button:disabled{background:#ffffff0f;color:var(--lc-dim);cursor:not-allowed}#main{display:grid;grid-template-columns:1.15fr 1fr;overflow:hidden;min-height:0}#canvas-host{position:relative;overflow:auto;border-right:1.5px solid var(--line);background:radial-gradient(ellipse at 38% 30%,#0b0f1a,#04050a 70%);display:flex;align-items:flex-start;justify-content:flex-start;min-height:0}#canvas-host canvas{display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}#canvas-host .map-hint{position:absolute;left:12px;bottom:10px;font-family:var(--f-mono);font-size:10px;color:var(--lc-dim);pointer-events:none}#detail-panel{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--lc-ink);overflow:hidden}#detail-panel .ledger-tabs{display:flex;gap:4px;padding:10px 16px 0}#detail-panel .ledger-tabs .tab{font-family:var(--f-lcars);font-weight:600;letter-spacing:.08em;font-size:13px;padding:7px 18px;border-radius:12px 12px 0 0;background:#ffffff0d;color:var(--lc-steel)}#detail-panel .ledger-tabs .tab.active{background:var(--lc-amber);color:#08090c}#detail-panel .ledger-tabs .spacer{flex:1;border-bottom:2px solid var(--lc-amber)}#detail-panel .ledger-body{flex:1;border-top:2px solid var(--lc-amber);overflow:auto;padding:16px;font-family:var(--f-grot);font-size:13px}#detail-panel h2{margin:0 0 12px;font-family:var(--f-lcars);font-size:14px;color:var(--lc-cream);text-transform:uppercase;letter-spacing:.1em}#detail-panel h3{font-family:var(--f-lcars);letter-spacing:.06em;color:var(--lc-cream)}#detail-panel h4{font-family:var(--f-lcars);text-transform:uppercase;letter-spacing:.08em;color:var(--lc-steel)}#detail-body dl{display:grid;grid-template-columns:110px 1fr;gap:4px 10px;margin:0}#detail-body dt{font-family:var(--f-lcars);text-transform:uppercase;letter-spacing:.06em;font-size:11px;color:var(--lc-steel)}#detail-body dd{margin:0;font-family:var(--f-mono);font-size:12px;color:var(--lc-cream);word-break:break-word}.chip{display:inline-flex;align-items:center;height:24px;padding:0 12px;border-radius:999px;font-family:var(--f-lcars);font-size:11.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;color:#08090c;background:var(--lc-gold)}.chip.ghost{background:transparent;border:1.5px dashed var(--lc-gold);color:var(--lc-gold)}#statusbar{height:54px;display:flex;align-items:stretch;gap:5px;padding:8px 14px 10px;background:var(--lc-ink);border-top:1px solid var(--line-soft)}#statusbar .cap-l{width:60px;background:var(--lc-amber);border-radius:999px 0 0 999px}#statusbar .nav-item{font-family:var(--f-lcars);display:flex;align-items:center;padding:0 22px;font-size:14px;font-weight:600;letter-spacing:.08em;background:#ffffff0d;color:var(--lc-steel)}#statusbar .nav-item.active{background:var(--lc-gold);color:#08090c}#statusbar .status-text{flex:1;display:flex;align-items:center;padding:0 16px;font-family:var(--f-mono);font-size:11px;color:var(--lc-dim);background:#ffffff0d;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#statusbar .cap-r{display:flex;align-items:center;justify-content:center;min-width:150px;padding:0 18px;background:var(--lc-rose);border-radius:0 999px 999px 0;font-family:var(--f-lcars);font-variant-numeric:tabular-nums;letter-spacing:.08em;color:#08090c;font-size:13.5px;font-weight:700}
