/* 可视高度预算：题目和战场同时出现，长题在自己的面板内滚动。 */
#quiz-panel{min-width:0;overscroll-behavior:contain;scrollbar-width:thin}
#quiz-panel[hidden],#wave-dock[hidden]{display:none}
#quiz-question{overflow-wrap:anywhere}
.quiz-option{min-height:44px;flex-shrink:0}
#quiz-feedback{flex-shrink:0}
#trial-overlay{pointer-events:none;background:#12241e55;align-items:end;justify-content:end}
.trial-card{pointer-events:auto;max-height:88vh;max-height:88dvh}
.trial-actions button{min-height:44px}
.trial-actions button:disabled{opacity:.45;cursor:wait}
.spell-cost{pointer-events:none}
#cam-tools button{min-height:36px}
@media (orientation:portrait),(max-height:560px){
 #hero-status>button{min-height:30px;height:32px;padding:2px 6px;font-size:10px}
 #hero-status [data-hero-select]{min-width:114px;gap:4px}
 #hero-status [data-hero-select]>span{min-width:64px}
 #hero-status img{width:23px;height:28px;transform:none;margin:0;object-fit:contain}
 #hero-status b{font-size:11px}#hero-status small{font-size:9px}
 #hero-status .hero-status-text{font-size:10px}
 #hero-status .hero-status-text small{display:none}
 #hero-status{gap:6px}
}
@media (orientation:landscape) and (min-height:561px){
 body.battle-mode .app{max-width:none;height:100vh;height:100dvh;padding:0 16px}
 body.battle-mode main{padding:8px 0 0;height:100%;min-height:0}
 body.battle-mode .masthead,body.battle-mode .battle-heading,body.battle-mode footer,body.battle-mode .battle-foot{display:none}
 #battle{height:100%;min-height:0}
 .battle-layout{height:100%;grid-template-columns:minmax(0,1fr) clamp(270px,26vw,370px);grid-template-rows:minmax(100px,.42fr) minmax(290px,.58fr);gap:10px}
 .battle-frame{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}
 #board{flex:1;min-height:0;aspect-ratio:auto}
 .topbar,.combat-bar,#hero-status{flex-shrink:0}
 .armory{height:100%;max-height:none;min-height:0;overflow:auto;padding:12px}
 .armory-title{display:none}
 #quiz-panel{height:100%;min-height:0;margin:0;overflow:auto;padding:14px}
 .quiz-option{font-size:14px}
 #battlefield{width:100%;height:100%;display:block}
}
@media (orientation:portrait){
 body.battle-mode{overflow:hidden}
 body.battle-mode main,body.battle-mode .app,#battle{height:100%;min-height:0}
 .battle-layout{height:100vh;height:100dvh;overflow:hidden;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);box-sizing:border-box}
 .battle-frame{flex:1 1 0;min-height:220px;padding:0;overflow:hidden}
 .topbar{min-height:48px;flex-wrap:nowrap;padding:4px 8px;gap:4px}
 .stats{gap:9px;min-width:0}
 .stats>div{gap:3px}
 .stats small{font-size:9px}
 .stats b{font-size:15px}
 .utility{gap:3px}
 .utility button{width:28px;height:32px;padding:0}
 #sound-btn,#battle-help-btn,#fullscreen-btn{display:none}
 #board{flex:1 1 0;min-height:150px;aspect-ratio:auto}
 .combat-bar{height:54px;min-height:54px;flex:none;padding:4px 6px;box-sizing:border-box;flex-wrap:nowrap}
 .spells{height:100%}
 #hero-status{margin:0;border-radius:0;height:40px;min-height:40px;padding:2px 8px;box-sizing:border-box}
 #quiz-panel{flex:0 0 36%;max-height:390px;min-height:235px;padding:8px 12px;box-sizing:border-box;border-top:1px solid #b7a572;display:flex;flex-direction:column;gap:6px}
 .quiz-head{flex-shrink:0}
 #quiz-question{font-size:14px;line-height:1.45;margin:0}
 #quiz-options{gap:5px}
 .quiz-option{font-size:13px;line-height:1.35;padding:7px 10px;min-height:44px}
 #wave-dock{flex:none;height:44px;background:#243c30;display:flex;padding:3px 10px;box-sizing:border-box}
 #wave-btn{width:100%;min-height:38px;padding:5px;font-size:13px}
 .trial-card{width:100%;margin:0;padding:16px;max-height:72vh;max-height:72dvh}
 #trial-overlay{padding:6px 6px calc(6px + env(safe-area-inset-bottom))}
}
@media (orientation:portrait) and (max-height:720px){
 #quiz-panel{min-height:215px;flex-basis:38%}
 #board{min-height:110px}
 .battle-frame{min-height:200px}
 #hero-status{height:34px;min-height:34px}
}
@media (orientation:landscape) and (max-height:560px){
 body.battle-mode{overflow:hidden}
 body.battle-mode main{padding:0}
 .battle-layout,.battle-frame{height:100vh;height:100dvh}
 #quiz-panel{flex-basis:clamp(235px,32vw,320px);min-width:0}
 .quiz-option{min-height:44px;font-size:12px}
 .stats{gap:9px}.stats b{font-size:15px}.stats small{font-size:9px}
 .stats .kills,#sound-btn,#battle-help-btn,#fullscreen-btn{display:none}
 .utility{gap:3px}.utility button{width:29px}
 .topbar{height:42px;padding:3px 8px}
 #hero-status{height:36px;min-height:36px;margin:0;padding:2px 8px;box-sizing:border-box}
 .combat-bar{height:52px;padding:3px 5px}
 #wave-btn{min-width:74px;max-width:95px;white-space:normal;font-size:10px}
}