.mode-picker{margin:0 0 16px}.mode-picker select{width:100%}.mode-explanation{font-size:.85rem;color:#b7bca7;margin:8px 0 14px;line-height:1.45}
#battle-panel{position:absolute;z-index:8;left:50%;top:48px;transform:translateX(-50%);width:min(380px,calc(100% - 24px));box-sizing:border-box;padding:12px 16px;border:1px solid #a397bd;border-radius:12px;background:#201f31f5;box-shadow:0 6px 26px #0006;color:#f0e9ff;text-align:center;pointer-events:auto}
#battle-panel[hidden],#battle-panel [hidden]{display:none!important}
#battle-panel strong{font-size:14px}#battle-panel p{font:13px/1.4 Arial,sans-serif;margin:7px 0}
#battle-panel.overwhelmed{border-color:#e0664f;box-shadow:0 0 0 2px #e0664f55,0 6px 26px #0008;animation:battle-alarm 1s ease-in-out infinite alternate}
#battle-panel #battle-countdown{font:700 24px/1.15 Georgia,serif;color:#ff8a70;margin:4px 0 2px;letter-spacing:.01em}
.touch-layout #battle-panel #battle-countdown{font-size:21px;margin:3px 0 1px}
#battle-panel.overwhelmed .battle-progress span{background:#e0664f}
@keyframes battle-alarm{to{background:#3a1f26f5}}
@media(prefers-reduced-motion:reduce){#battle-panel.overwhelmed{animation:none;background:#341f28f5}}
.battle-progress{height:4px;background:#48405b;border-radius:4px;overflow:hidden;margin:9px 0}.battle-progress span{display:block;height:100%;background:#d6c39b;transition:width .15s}
#focus-actions{display:flex;gap:8px}#focus-actions button{flex:1;min-height:52px;background:#343349;color:#f0e9ff;border:1px solid #b4a7c9;border-radius:8px;font-size:12px;touch-action:manipulation}#focus-actions button span{display:block;font-size:22px;line-height:26px}#focus-actions button:disabled{opacity:.5}#focus-actions button:focus-visible{outline:3px solid #e6ca80;outline-offset:2px}
.touch-layout #battle-panel{top:86px;padding:8px 12px;width:min(340px,calc(100% - 20px))}.touch-layout #battle-panel p{font-size:12px;margin:5px 0}
@media(max-height:500px){.touch-layout #battle-panel{top:78px;max-width:330px;padding:6px 10px}.touch-layout #battle-panel p{margin:3px 0}.touch-layout #focus-actions button{min-height:44px}.touch-layout #focus-actions button span{display:inline;font-size:19px;margin-right:7px}}

.touch-layout #app[data-game-mode="battle"] .actions #council-button{right:125px;bottom:18px}
@media(orientation:portrait){.touch-layout #app[data-game-mode="battle"] .actions #council-button{right:32px;bottom:122px}}
@media(max-height:430px) and (orientation:landscape){.touch-layout #app[data-game-mode="battle"] .actions #council-button{right:114px;bottom:12px}}
.council-battle-warning{margin:6px 0 0!important;padding:7px 10px;border:1px solid #e0664f;border-radius:8px;background:#3a1f26;color:#ffb3a3!important;font:600 13px/1.4 Arial,sans-serif!important}