:root{--ba-bg: #17100c;--ba-panel: #241811;--ba-panel-hi: #33231a;--ba-line: #4a3325;--ba-text: #e8d9c5;--ba-dim: #a08a72;--ba-muted: #9a8371;--ba-accent: #66d9e8;--ba-warn: #e8a020;--ba-bad: #d4553c;--ba-good: #7fd46a;--ba-sidebar-width: 208px}#hud{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--ba-text);-webkit-font-smoothing:antialiased}#hud button,#hud .interactive{pointer-events:auto}.ba-sidebar{position:absolute;top:0;right:0;bottom:0;width:var(--ba-sidebar-width);background:var(--ba-panel);border-left:2px solid var(--ba-line);display:flex;flex-direction:column;pointer-events:auto;overflow:hidden}.ba-credits{padding:8px 10px;font-size:18px;letter-spacing:.06em;border-bottom:1px solid var(--ba-line);display:flex;justify-content:space-between;align-items:baseline}.ba-credits .label{font-size:10px;color:var(--ba-muted)}.ba-power{padding:6px 10px;border-bottom:1px solid var(--ba-line)}.ba-power-bar{height:10px;background:#120c08;border:1px solid var(--ba-line);position:relative;overflow:hidden}.ba-power-fill{height:100%;background:var(--ba-good);transition:width .12s linear}.ba-power.deficit .ba-power-fill{background:var(--ba-bad);background-image:repeating-linear-gradient(45deg,rgba(0,0,0,.45) 0 3px,transparent 3px 6px)}.ba-power-label{font-size:10px;color:var(--ba-muted);display:flex;justify-content:space-between;margin-top:3px}.ba-power.deficit .ba-power-label .state{color:var(--ba-bad);font-weight:700}.ba-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--ba-line)}.ba-tab{background:var(--ba-panel);border:none;border-right:1px solid var(--ba-line);color:var(--ba-muted);padding:6px 0;font:inherit;font-size:9px;letter-spacing:-.02em;cursor:pointer;overflow:hidden}.ba-tab:last-child{border-right:none}.ba-tab.active{background:var(--ba-panel-hi);color:var(--ba-text);box-shadow:inset 0 -2px 0 var(--ba-accent)}.ba-tab .key{display:block;font-size:9px;opacity:.6}.ba-icons{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:4px;padding:6px;align-content:start}.ba-icon{position:relative;background:var(--ba-panel-hi);border:1px solid var(--ba-line);padding:0;cursor:pointer;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;overflow:hidden;color:var(--ba-text);font:inherit}.ba-icon canvas{position:absolute;inset:0;width:100%;height:100%;image-rendering:auto}.ba-icon .label{position:relative;display:flex;align-items:baseline;gap:3px;width:100%;padding:1px 3px;background:#000000b8;font-size:9px;line-height:1.25;color:var(--ba-text)}.ba-icon .label .name{flex:1;min-width:0;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ba-icon .label .cost{font-size:9px;color:var(--ba-muted)}.ba-icon.unaffordable{opacity:.42;cursor:not-allowed}.ba-icon .progress{position:absolute;left:0;bottom:0;width:100%;background:#66d9e84d;border-top:1px solid var(--ba-accent)}.ba-icon .count{position:absolute;top:1px;right:2px;font-size:11px;font-weight:700;color:var(--ba-text);background:#000000c7;padding:0 4px;border:1px solid var(--ba-accent)}.ba-icon.locked{opacity:.3;cursor:default;filter:grayscale(1)}.ba-icon.locked .label{background:#000000d9}.ba-tip{position:fixed;z-index:20;width:232px;padding:8px 9px;background:var(--ba-panel);border:1px solid var(--ba-accent);color:var(--ba-text);font-size:11px;line-height:1.35;pointer-events:none;display:none}.ba-tip.visible{display:block}.ba-tip .tip-title{font-size:12px;letter-spacing:.06em;margin-bottom:3px}.ba-tip .tip-summary{color:var(--ba-muted);margin-bottom:6px}.ba-tip .tip-stats{display:grid;grid-template-columns:auto 1fr;gap:1px 8px;margin-bottom:6px}.ba-tip .tip-stats .k{color:var(--ba-muted)}.ba-tip .tip-stats .v{text-align:right}.ba-tip .tip-good{color:var(--ba-good, #45d44f)}.ba-tip .tip-bad{color:var(--ba-bad)}.ba-tip .tip-unlock,.ba-tip .tip-need{color:var(--ba-accent);margin-top:3px}.ba-icon.ready{border-color:var(--ba-accent);animation:ba-pulse .9s ease-in-out infinite}@keyframes ba-pulse{0%,to{box-shadow:inset 0 0 0 1px var(--ba-accent)}50%{box-shadow:inset 0 0 0 3px var(--ba-accent)}}.ba-minimap{position:relative;border-top:1px solid var(--ba-line);background:#0c0806;cursor:crosshair}.ba-minimap canvas{display:block;width:100%;image-rendering:pixelated}.ba-super{padding:6px 10px;border-top:1px solid var(--ba-line);display:none}.ba-super.visible{display:block}.ba-super-bar{height:8px;background:#120c08;border:1px solid var(--ba-line)}.ba-super-fill{height:100%;background:var(--ba-warn)}.ba-super.ready .ba-super-fill{background:var(--ba-accent)}.ba-super button{width:100%;margin-top:4px;font:inherit;font-size:10px;background:var(--ba-panel-hi);color:var(--ba-muted);border:1px solid var(--ba-line);padding:3px 0;cursor:not-allowed}.ba-super.ready button{color:var(--ba-text);border-color:var(--ba-accent);cursor:pointer}.ba-outcome{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#0806058c;text-align:center}.ba-outcome.visible{display:flex}.ba-outcome-title{font-size:62px;letter-spacing:.3em;color:var(--ba-accent);text-shadow:0 0 22px rgba(0,0,0,.9)}.ba-outcome.bad .ba-outcome-title{color:var(--ba-warn)}.ba-outcome-detail{font-size:14px;letter-spacing:.1em;color:var(--ba-text)}.ba-hint{position:absolute;bottom:18px;left:50%;transform:translate(-50%);display:none;max-width:620px;padding:7px 16px;background:#120c08eb;border:1px solid var(--ba-accent);color:var(--ba-text);font-size:12px;letter-spacing:.03em;text-align:center}.ba-hint.visible{display:block}.ba-netbanner{position:absolute;top:10px;left:50%;transform:translate(-50%);display:none;padding:5px 14px;background:#120c08eb;border:1px solid var(--ba-line);font-size:12px;letter-spacing:.04em}.ba-netbanner.visible{display:block}.ba-netbanner.bad{color:var(--ba-warn);border-color:var(--ba-warn)}.ba-netpanel{position:absolute;top:10px;left:10px;display:none;max-height:60vh;overflow:hidden;padding:8px 10px;background:#0c0907e6;border:1px solid var(--ba-line);font-size:11px;line-height:1.35;color:var(--ba-muted);white-space:pre}.ba-netpanel.visible{display:block}.ba-options{display:flex;gap:4px;padding:5px 8px;border-top:1px solid var(--ba-line)}.ba-toggle{flex:1;font:inherit;font-size:10px;letter-spacing:.08em;background:var(--ba-panel-hi);color:var(--ba-text);border:1px solid var(--ba-accent);padding:3px 0;cursor:pointer;pointer-events:auto}.ba-toggle.off{color:var(--ba-muted);border-color:var(--ba-line)}.ba-structure-actions{display:flex;gap:4px;margin-top:6px}.ba-toggle.active{background:var(--ba-accent);color:var(--ba-panel)}.ba-toggle.danger{border-color:var(--ba-bad, #c62e1a);color:var(--ba-bad, #c62e1a)}.ba-toggle.danger:hover{background:var(--ba-bad, #c62e1a);color:var(--ba-panel)}.ba-selection{border-top:1px solid var(--ba-line);padding:5px 8px;min-height:46px;font-size:11px}.ba-selection .row{display:flex;justify-content:space-between;gap:6px}.ba-selection .hp{height:3px;background:#120c08;margin-top:2px}.ba-selection .hp>div{height:100%;background:var(--ba-good)}.ba-selection .overflow{color:var(--ba-muted);font-size:10px}.ba-alerts{position:absolute;left:12px;bottom:12px;max-width:40ch;display:flex;flex-direction:column-reverse;gap:2px}.ba-alert{background:#140c08d9;border-left:3px solid var(--ba-warn);padding:3px 8px;font-size:12px;animation:ba-fade 4s forwards}.ba-alert.bad{border-left-color:var(--ba-bad)}@keyframes ba-fade{0%,70%{opacity:1}to{opacity:0}}.ba-placement{position:absolute;left:12px;top:12px;background:#140c08d9;border:1px solid var(--ba-accent);padding:4px 10px;font-size:12px}.ba-placement.illegal{border-color:var(--ba-bad);color:var(--ba-bad)}.ba-offline{position:absolute;left:50%;top:10px;transform:translate(-50%);background:#3c0c08e6;border:1px solid var(--ba-bad);color:var(--ba-text);padding:3px 12px;font-size:12px;letter-spacing:.08em;display:none}.ba-offline.visible{display:block}.ba-lobby{position:absolute;inset:0;background:#0a0705f0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;pointer-events:auto;z-index:20}.ba-lobby h1{margin:0;font-size:28px;letter-spacing:.28em;color:var(--ba-accent)}.ba-lobby .hint{margin:0;color:var(--ba-muted);font-size:12px}.ba-lobby-row{display:flex;gap:6px;margin-top:8px}.ba-rooms{list-style:none;margin:6px 0 0;padding:0;width:340px;display:flex;flex-direction:column;gap:4px}.ba-room{display:flex;align-items:center;gap:10px;background:var(--ba-panel);border:1px solid var(--ba-line);padding:8px 10px;font-size:12px}.ba-room.empty{justify-content:center;color:var(--ba-muted);border-style:dashed}.ba-room.full{opacity:.55}.ba-room-name{flex:1;color:var(--ba-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ba-room-count{color:var(--ba-muted);font-size:11px}.ba-room-join{min-width:5ch}.ba-lobby button:disabled{opacity:.5;cursor:default;border-color:var(--ba-line)}.ba-resume{font-size:11px!important}.ba-lobby button{font:inherit;font-size:12px;background:var(--ba-panel-hi);border:1px solid var(--ba-line);color:var(--ba-text);padding:6px 14px;cursor:pointer}.ba-lobby button:hover{border-color:var(--ba-accent)}.ba-lobby-status{min-height:1.4em;font-size:12px;color:var(--ba-muted)}.ba-lobby-status.bad{color:var(--ba-bad)}.ba-online{font-size:11px;color:var(--ba-muted);margin-top:2px}.ba-solo{font-size:14px!important;padding:10px 26px!important;letter-spacing:.14em}.ba-solo-row{display:flex;align-items:stretch;gap:6px;margin-top:4px}.ba-ai-level{font:inherit;font-size:12px;background:var(--ba-panel-hi);border:1px solid var(--ba-line);color:var(--ba-text);padding:6px 8px;cursor:pointer}.ba-ai-level:hover{border-color:var(--ba-accent)}.ba-chat{position:absolute;left:12px;bottom:134px;width:380px;max-width:40vw;display:flex;flex-direction:column;gap:4px;pointer-events:none;z-index:15;transition:opacity .6s ease}.ba-chat.faded{opacity:0}.ba-chat.open{opacity:1}.ba-chat-log{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;font-size:12px}.ba-chat-log li{background:#0a0705b8;padding:2px 6px;color:var(--ba-text);overflow-wrap:anywhere}.ba-chat-log li.note{color:var(--ba-muted);font-style:italic}.ba-chat-who{color:var(--ba-accent);margin-right:6px}.ba-chat-who:after{content:":"}.ba-chat-input{font:inherit;font-size:12px;background:var(--ba-panel);border:1px solid var(--ba-accent);color:var(--ba-text);padding:5px 7px;pointer-events:auto}