:root{--bg: #070c16;--panel: #101a2c;--panel-2: #16233a;--line: #2b3f63;--fg: #e8eefc;--muted: #93a4c4;--gold: #f0d27a;--accent: #1d4ed8;--ok: #4ade80}:root[data-theme=light]{--bg: #e9eef9;--panel: #f7f3ea;--panel-2: #e9eef9;--line: #8193bc;--fg: #111a2d;--muted: #536078;--gold: #8b6508;--accent: #002eac;--ok: #16803d}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--fg);font:13px/1.5 Trebuchet MS,system-ui,sans-serif}#app{display:grid;grid-template-columns:1fr 248px;height:100%}#stage{position:relative;background:#05080f;overflow:hidden}canvas#view{display:block;width:100%;height:100%;touch-action:none;user-select:none;cursor:crosshair}#status{position:absolute;top:10px;left:12px;padding:6px 12px;border:1px solid var(--line);border-radius:6px;background:#070c16d1;font:11px/1.4 ui-monospace,monospace;color:var(--gold);pointer-events:none}#sidebar{display:flex;flex-direction:column;gap:12px;padding:12px;overflow-y:auto;background:linear-gradient(180deg,var(--panel),var(--panel-2));border-left:1px solid var(--line)}#sidebar header h1{margin:0;font-size:15px;letter-spacing:2px;text-transform:uppercase;color:var(--gold)}#sidebar header h1 span{color:var(--fg);opacity:.75}.sub{margin:2px 0 0;font-size:11px;color:var(--muted)}#minimap{width:100%;height:auto;border:1px solid var(--line);border-radius:4px;background:#0b1410}#sidebar section{border-top:1px solid var(--line);padding-top:10px}#sidebar h2{margin:0 0 8px;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}.stack{display:flex;flex-direction:column;gap:6px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.row{display:flex;gap:8px;align-items:center;margin-bottom:8px;font-size:11px;color:var(--muted)}.row label{display:flex;flex-direction:column;gap:3px;flex:1}button,select,input{font:inherit;color:var(--fg);background:var(--accent);border:1px solid #2a5ce0;border-radius:5px;padding:8px 10px;cursor:pointer;min-height:2.7rem}select,input{background:#0d1626;border-color:var(--line);cursor:default;width:100%}button.ghost{background:transparent;border-color:var(--line)}button:disabled{opacity:.45;cursor:default}button.active{background:var(--ok);border-color:var(--ok);color:#05210f;font-weight:700}button:focus-visible,select:focus-visible,input:focus-visible,[tabindex="-1"]:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.build-btn{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:7px 8px;font-size:11px;text-align:left;background:#14203a;border-color:var(--line)}.build-btn small{color:var(--gold);font:10px ui-monospace,monospace}.build-btn:hover:not(:disabled){border-color:var(--gold)}.blurb{margin:6px 0 0;font-size:10px;line-height:1.45;color:var(--muted)}button.mini{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:6px 7px;font-size:10.5px;background:#14203a;border-color:var(--line);text-align:left}button.mini:hover{border-color:var(--gold)}kbd{font:9px ui-monospace,monospace;color:var(--gold);opacity:.85}.chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.chip{padding:2px 7px;font:10px ui-monospace,monospace;color:#05210f;background:var(--ok);border-radius:3px}#sidebar footer{margin-top:auto;border-top:1px solid var(--line);padding-top:10px}#sidebar footer p{margin:0 0 4px;font-size:10px;color:var(--muted)}.note{color:#6b7c9c;font-style:italic}@media (max-width: 720px){#app{grid-template-columns:1fr;grid-template-rows:minmax(260px,58%) minmax(190px,42%)}#sidebar{border-top:1px solid var(--line);border-left:0}}@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important}}