.bs-overlay{background:#000000eb;border-radius:6px;flex-direction:column;width:100%;height:clamp(200px,40vh,360px);max-height:100%;margin-bottom:8px;display:flex;position:relative;overflow:hidden}[data-layout=square] .bs-overlay{max-width:760px;margin-left:auto;margin-right:auto}.bs-header{color:#fff;background:#1a1a2e;flex-shrink:0;align-items:center;gap:8px;min-height:28px;padding:5px 12px;display:flex}.bs-title{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:11px;overflow:hidden}.bs-terrain-label{color:#aaa;flex-shrink:0;font-size:10px}.bs-controls{flex-shrink:0;gap:4px;margin-left:auto;display:flex}.bs-controls button{color:#fff;cursor:pointer;background:#333;border:none;border-radius:4px;padding:2px 8px;font-size:12px}.bs-controls button:hover{background:#555}.bs-controls button:disabled,.bs-controls button.bs-ctrl--disabled{opacity:.35;cursor:default;background:#333}.bs-controls button:disabled:hover,.bs-controls button.bs-ctrl--disabled:hover{background:#333}.bs-scene{flex-direction:row;flex:1;justify-content:center;align-items:center;gap:0;display:flex;position:relative;overflow:hidden}.bs-terrain{opacity:.45;z-index:0;pointer-events:none;background-position:50%;background-size:cover;position:absolute;inset:0}.bs-terrain-overlay{aspect-ratio:1;background-position:50%;background-size:cover;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bs-empty-logs{z-index:3;text-align:center;color:#ddd;background:#0000008c;justify-content:center;align-items:center;padding:0 16px;font-size:12px;line-height:1.4;display:flex;position:absolute;inset:0}.bs-battle-area{z-index:1;flex-direction:column;flex:1;align-items:center;gap:4px;max-width:45%;display:flex;position:relative}.bs-side-label{color:#ffffffa6;letter-spacing:.05em;text-align:center;font-size:10px}.bs-divider{z-index:1;background:linear-gradient(#0000,#ffffff26 30% 70%,#0000);flex-shrink:0;align-self:stretch;width:2px}.bs-lane-labels{gap:4px;width:100%;padding:0 6px;display:flex}.bs-lane-labels span{text-align:center;color:#ffffffd9;letter-spacing:.03em;flex:1;font-size:8px;font-weight:700;line-height:1.6}.bs-lane-labels span.bs-lane-vanguard{color:#ffd23c;font-weight:700}.bs-battle-area .formation-3x3-wrap{width:100%}.bs-grid{grid-template-columns:repeat(3,1fr);gap:4px;width:100%;padding:4px 6px;display:grid}.bs-slot{background:#ffffff14;border-radius:5px;justify-content:center;align-items:center;min-height:46px;padding:3px;display:flex;position:relative}.bs-slot--attacker{border:1px solid #5078ff66}.bs-slot--defender{border:1px solid #ff505066}.bs-slot--empty{opacity:0;pointer-events:none}.bs-slot.bs-annihilated{filter:grayscale();opacity:.35}.bs-slot-inner{flex-direction:column;align-items:center;gap:1px;width:100%;display:flex}.bs-slot-portrait{display:none}.bs-slot-top{flex-direction:row;justify-content:center;align-items:center;gap:4px;width:100%;display:flex}.bs-slot-general-name{white-space:nowrap;text-overflow:ellipsis;max-width:52px;font-size:9px;font-weight:700;line-height:1.2;overflow:hidden}.bs-slot-unit{flex-shrink:0;justify-content:center;align-items:center;font-size:0;line-height:0;display:flex}.bs-slot-unit img{object-fit:contain;width:36px;height:36px;display:block}.bs-unit-label{color:#eee;font-size:10px;font-weight:700;line-height:1;display:block}.bs-slot-name{color:#ddd;text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:9px;overflow:hidden}.bs-slot-bar{background:#444;border-radius:2px;width:100%;height:3px;margin-top:1px}.bs-slot-bar-fill{background:#4caf50;border-radius:2px;height:100%;transition:width .3s}@media (width<=1023px) and (height<=460px){.bs-overlay{height:220px}.bs-battle-area{gap:0}.bs-side-label{display:none}.bs-grid{gap:2px;padding:2px 4px}.bs-lane-labels span{font-size:7px;line-height:1.4}.bs-slot{min-height:0;padding:2px}.bs-slot-general-name{font-size:7px}.bs-slot-unit img{width:26px;height:26px}.bs-slot-name{display:none}}@media (width<=480px){.bs-battle-area{gap:2px}.bs-grid{gap:3px;padding:3px 4px}.bs-slot{min-height:36px;padding:2px}.bs-slot-general-name{font-size:8px}.bs-slot-unit img{width:28px;height:28px}.bs-lane-labels span{font-size:7px}}@media (width<=360px){.bs-battle-area{gap:0}.bs-grid{gap:2px;padding:2px 3px}.bs-slot{min-height:0;padding:2px}.bs-slot-general-name{display:none}.bs-slot-unit img{width:22px;height:22px}.bs-lane-labels span{font-size:6px;line-height:1.3}.bs-side-label{display:none}.bs-unit-label{font-size:8px}}@media (width<=319px){.bs-overlay{overflow:auto hidden}.bs-scene{min-width:320px}}.bs-effect-canvas{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0}.bs-skill-popup{color:#fff;white-space:nowrap;z-index:3;background:#c8a000e6;border-radius:3px;padding:2px 5px;font-size:10px;animation:.5s forwards bs-float-text;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.bs-center-popup{color:#fff;z-index:3;background:#c80000cc;border-radius:5px;padding:5px 10px;font-size:13px;animation:.5s forwards bs-float-text;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bs-float-text{color:#4caf50;z-index:3;font-size:10px;font-weight:700;animation:.6s forwards bs-float-text;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.bs-footer{background:#111;flex-shrink:0;padding:5px 12px}.bs-progress-wrap{align-items:center;gap:6px;margin-bottom:3px;display:flex}.bs-progress-bar{background:#333;border-radius:3px;flex:1;height:5px}.bs-progress-fill{background:#5080ff;border-radius:3px;height:100%;transition:width .3s}.bs-progress-label{color:#888;font-size:10px}.bs-narrative{color:#ccc;min-height:16px;font-size:11px;line-height:1.3}@keyframes bs-float-text{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(-18px)}}.bs-shake{animation:.25s bs-shake-anim}@keyframes bs-shake-anim{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.bs-hit-flash{animation:.3s bs-hit-flash-anim}@keyframes bs-hit-flash-anim{0%{box-shadow:none;background:#ffffff14}30%{background:#ff000040;box-shadow:0 0 0 3px #ff3232e6}to{box-shadow:none;background:#ffffff14}}.bs-vanish{animation:.6s forwards bs-vanish-anim}@keyframes bs-vanish-anim{0%{opacity:1;background:#ffffff14;transform:scale(1)}20%{opacity:1;background:#ff00004d;transform:scale(1.05)}to{opacity:0;background:#f000;transform:scale(.4)}}.bs-skill-glow{animation:.4s bs-skill-anim}@keyframes bs-skill-anim{0%,to{box-shadow:none;transform:scale(1)}50%{transform:scale(1.1);box-shadow:0 0 14px gold}}.bs-synergy-glow{animation:.3s bs-synergy-anim}@keyframes bs-synergy-anim{0%,to{box-shadow:none}50%{box-shadow:0 0 14px #a4f}}.bs-glow-brief{animation:.2s bs-glow-anim}@keyframes bs-glow-anim{0%,to{box-shadow:none}50%{box-shadow:0 0 10px #80aaff}}.bs-recovery-glow{animation:.3s bs-recovery-anim}@keyframes bs-recovery-anim{0%,to{box-shadow:none}50%{box-shadow:0 0 12px #4b4}}.bs-disabled-overlay{animation:.3s bs-disabled-anim}@keyframes bs-disabled-anim{0%,to{background:0 0}50%{background:#ff00001f}}