.bs-page{height:100dvh;display:flex;flex-direction:column;padding:0;overflow:hidden;touch-action:manipulation}.bs-page .back{position:absolute;top:calc(.6rem + env(safe-area-inset-top));left:calc(.7rem + env(safe-area-inset-left));z-index:5;font-size:.85rem;text-decoration:none;background:#11151c99;padding:.25em .6em;border-radius:8px}.bs-layout{flex:1;min-height:0;display:flex;flex-direction:column}.bs-stage{order:-1;position:relative;flex:1;min-height:0;background:#05070d}.bs-rail{display:flex;flex-direction:column;gap:.45rem;min-height:0;background:var(--panel);padding:.5rem;border-top:1px solid #000}.bs-rail-r{padding-bottom:calc(.5rem + env(safe-area-inset-bottom))}.bs-rail-plan,.bs-rail-act{display:flex;flex-direction:column;gap:.45rem}.bs-helm-pad{display:flex;gap:.45rem}.bs-helm-pad .bs-btn{flex:1}#plot{width:100%;height:100%;display:block;touch-action:none}.bs-stage .overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;text-align:center;padding:1.2rem clamp(1rem,5vw,3rem);background:#05070ddb;overflow-y:auto}.bs-stage .overlay h1{margin:0}.bs-stage .overlay p{margin:0;max-width:46ch;color:var(--text);line-height:1.5}.bs-stage .overlay.hidden{display:none}.bs-readout{position:absolute;top:calc(.5rem + env(safe-area-inset-top));right:calc(.6rem + env(safe-area-inset-right));font:600 .72rem/1.5 ui-monospace,SF Mono,Menlo,monospace;color:var(--muted);text-align:right;pointer-events:none;text-shadow:0 1px 3px #000;white-space:pre}.bs-readout .bear{color:var(--accent-2)}.bs-row{display:flex;gap:.45rem}.bs-btn{flex:1;min-width:0;padding:.6em .3em;border-radius:10px;background:#263043;color:var(--text);font-size:.82rem;font-weight:600;line-height:1.15;user-select:none;-webkit-user-select:none;touch-action:manipulation}.bs-btn.thrust{background:#2a3a52}.bs-btn.hold:active,.bs-btn.held{background:var(--accent);color:#05070d}.bs-btn.toggle.on{background:var(--accent-2);color:#05070d}.bs-btn:disabled{opacity:.4}.bs-wing{align-items:center}.bs-wing .bs-btn{flex:1}.bs-wing .bs-btn.on{background:var(--accent-2);color:#05070d}.bs-hangar{flex:0 0 auto;font:700 .72rem/1 ui-monospace,Menlo,monospace;color:var(--accent-2);white-space:nowrap;padding-right:.2rem}.bs-toggles{flex-wrap:wrap}.bs-toggles .bs-btn{min-width:4.5em}.bs-btn.compact{flex:0 0 auto;min-width:2.6em;font-size:.9rem}.bs-btn.compact.on{background:var(--accent-2);color:#05070d}.bs-chip{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem;align-items:stretch;padding:.35em .4em .45em;border-radius:10px;background:#263043;color:var(--text);user-select:none;-webkit-user-select:none;touch-action:manipulation}.bs-chip .chip-name{font-size:.72rem;font-weight:700;letter-spacing:.04em}.bs-chip .bar{display:block;height:5px;border-radius:3px;background:#05070d;overflow:hidden}.bs-chip .bar b{display:block;height:100%;width:0;background:var(--accent)}.bs-chip.off{opacity:.4}.bs-chip.off .chip-name:after{content:" ⏻"}.bs-chip.nopow{opacity:.65}.bs-chip.nopow .bar b{background:var(--muted)}.bs-chip.ready{box-shadow:0 0 0 1.5px var(--accent) inset}.bs-chip.ready .bar b{background:#7fdcff}.bs-chip.hp-dmg{box-shadow:0 0 0 1px #ffd778 inset}.bs-chip.hp-dead{opacity:.5;box-shadow:0 0 0 1px #e57373 inset}.bs-chip.hp-dead .chip-name{color:#e57373;text-decoration:line-through}.bs-tiers{display:flex;gap:.5rem;justify-content:center}.tier-btn{padding:.5em 1em;border-radius:9px;background:#263043;color:var(--text);font-size:.85rem;font-weight:600}.tier-btn.on{background:var(--accent);color:#05070d}.bs-reactor{font:600 .68rem/1 ui-monospace,Menlo,monospace;color:#ffd778;padding:0 .2rem}.bs-grid-pow{display:grid;grid-template-columns:1fr 1fr;gap:.35rem .5rem}.bs-pow{display:flex;align-items:center;gap:.3rem}.bs-pow .pow-name{font:700 .66rem/1 ui-monospace,Menlo,monospace;color:var(--muted);width:2.1em}.bs-pow .pow-btn{padding:.15em .55em;border-radius:7px;background:#263043;color:var(--text);font-weight:700;touch-action:manipulation}.bs-pow .pips{display:flex;gap:3px;flex:1;justify-content:center}.bs-pow .pip{width:9px;height:12px;border-radius:2px;background:#05070d;border:1px solid #2a3346}.bs-pow .pip.on{background:var(--accent-2);border-color:var(--accent-2)}.bs-seg{align-items:center}.bs-lab{font:700 .62rem/1 ui-monospace,Menlo,monospace;color:var(--muted);width:3.4em;flex:none}.seg{flex:1;min-width:0;padding:.4em .1em;border-radius:8px;background:#263043;color:var(--text);font-size:.68rem;font-weight:700;touch-action:manipulation}.seg.on{background:var(--accent);color:#05070d}.seg.hp-dmg{color:#ffd778;box-shadow:0 0 0 1px #ffd778 inset}.seg.hp-dead{color:#e57373;box-shadow:0 0 0 1px #e57373 inset}.seg.on.hp-dmg,.seg.on.hp-dead{color:#05070d}.overlay .bs-keys{font-size:.85rem;color:var(--muted)}.overlay kbd{background:#05070d;border:1px solid #2a3346;border-radius:5px;padding:.05em .4em;font-size:.85em}@media (orientation: landscape){.bs-layout{flex-direction:row;align-items:stretch}.bs-stage{order:0}.bs-rail{order:0;flex:0 0 auto;width:clamp(148px,26vw,220px);overflow-y:auto;border-top:none}.bs-rail-l{order:-1;border-right:1px solid #000;padding-left:calc(.5rem + env(safe-area-inset-left))}.bs-rail-r{order:1;border-left:1px solid #000;padding-bottom:.5rem;padding-right:calc(.5rem + env(safe-area-inset-right))}.bs-stage .back{top:.5rem;left:.5rem}.bs-rail-l .bs-grid-pow{grid-template-columns:1fr}.bs-helm-pad{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.bs-helm-pad .bs-btn{padding:.85em .3em}.bs-weapons{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.bs-seg{flex-wrap:wrap}.bs-seg .bs-lab{flex:0 0 100%;width:auto}.bs-seg .seg{flex:1 0 2.3em}.bs-toggles{flex-wrap:wrap}.bs-toggles .bs-btn{flex:1 0 3.4em;min-width:0}}@media (orientation: landscape) and (max-height: 560px){.bs-rail-act{margin-top:auto}}
