/* Reborn edition: full battlefield, on-demand question sheet. */
body.battle-mode{overflow:hidden}body.battle-mode .app{max-width:none;height:100dvh;padding:0 12px}body.battle-mode main{height:100%;padding:8px 0;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%;display:grid;grid-template-columns:minmax(0,1fr) 250px;grid-template-rows:minmax(0,1fr);grid-template-areas:"frame armory";gap:12px}.battle-frame{grid-area:frame;height:100%;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}#board{flex:1;min-height:0;aspect-ratio:auto}#battlefield{width:100%;height:100%;display:block;touch-action:none;cursor:grab}#battlefield:active{cursor:grabbing}.armory{grid-area:armory;display:block;max-height:none;min-height:0;height:100%;overflow:auto;padding:12px}.armory-title{display:none}.combat-bar{gap:12px;flex-wrap:nowrap;min-height:65px}
.quiz-launch{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;min-height:46px;min-width:145px;padding:5px 13px;color:#eae5cc;border:1px solid #789397;border-bottom:3px solid #18383f;border-radius:6px;background:linear-gradient(#496976,#2b4a56);box-shadow:inset 0 1px #a9b9a55c;overflow:hidden}.quiz-launch::after{content:"";position:absolute;bottom:0;left:0;width:calc(var(--quiz-ready,1)*100%);height:2px;background:#d7b764}.quiz-launch b{font:700 15px var(--serif);letter-spacing:1px}.quiz-launch small{display:block;font-size:10px;color:#c9d6cf}.quiz-seal{display:grid;place-items:center;flex:none;width:29px;height:29px;border:1px solid #f0d995;border-radius:50%;background:#c2a35c;color:#2e3d32;font:700 23px Georgia}.quiz-launch:disabled{opacity:.7;filter:saturate(.4)}#wave-btn{min-height:46px;white-space:nowrap;padding:8px 14px;flex-shrink:0}#wave-dock[hidden]{display:none}.spell-cost{pointer-events:none}#fullscreen-btn{display:none}
dialog#quiz-panel{position:fixed;inset:0;width:560px;max-width:calc(100vw - 28px);height:fit-content;max-height:90dvh;margin:auto;padding:0;border:2px solid #b4a079;border-bottom-width:5px;border-radius:18px;background:linear-gradient(115deg,#f0e6c9,#ddd0ab);color:#3e3427;box-shadow:0 22px 75px #08181099;overflow:hidden}dialog#quiz-panel:not([open]){display:none}dialog#quiz-panel[open]{display:flex;flex-direction:column;animation:order-enter .2s cubic-bezier(.16,1,.3,1)}#quiz-panel::backdrop{background:#0b171bc9;backdrop-filter:blur(3px)}#quiz-panel .quiz-head{display:flex;align-items:center;justify-content:space-between;flex:none;gap:15px;background:linear-gradient(100deg,#4c3929,#2e2720);color:#eedcac;padding:17px 20px;border:0}.quiz-head small{font:9px Georgia;letter-spacing:2px;color:#b7a27b}.quiz-head h2{font-size:21px;line-height:1.4}#quiz-close{flex:none;width:44px;height:44px;border:1px solid #9d835a;border-bottom:3px solid #1e1914;border-radius:9px;background:#5d4933;font:28px Georgia}.quiz-scroll{overflow:auto;overscroll-behavior:contain;padding:15px 20px 18px;min-height:0;scrollbar-width:thin}#quiz-meta{font-size:11px;color:#756347;letter-spacing:.5px;margin-bottom:12px}#quiz-question{font:600 17px/1.75 var(--sans);margin:0 0 16px;overflow-wrap:anywhere;color:#3a3328}.quiz-cat,.quiz-flag{display:inline-block;background:#cabc8f;font-size:11px;font-weight:400;padding:1px 6px;margin-right:8px;border-radius:3px;vertical-align:2px}.quiz-flag{background:#9a563e;color:#fff1d0}#quiz-options{display:grid;gap:9px}.quiz-option{display:flex;align-items:flex-start;gap:12px;min-height:49px;width:100%;padding:11px 13px;text-align:left;font-size:15px;line-height:1.5;color:#403727;border:2px solid #b9a981;border-radius:10px;background:#faf6e766;transition:background .15s,border-color .15s}.quiz-option b{flex:none;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#ccba8b;font:700 17px Georgia}.quiz-option.picked{background:#d4b75a55;border-color:#9a772c}.quiz-option.picked b{background:#9a772c;color:#fff3cc}.quiz-option.right{background:#74985340;border-color:#638343}.quiz-option.wrong{background:#b7695133;border-color:#a25640}.quiz-option:disabled{opacity:1}.quiz-feedback{font-size:14px;padding:12px 0 0;line-height:1.6}.quiz-feedback.ok{color:#426435}.quiz-feedback.bad{color:#8c402e}#quiz-panel .quiz-foot{display:flex;align-items:center;justify-content:space-between;gap:15px;flex:none;border-top:1px solid #9b805650;padding:13px 20px;background:#c1b0862a}#quiz-reward{font-size:12px;color:#6b5837;line-height:1.6}#quiz-submit{min-width:110px;min-height:46px;flex:none;padding:8px 16px}.quiz-text-line{display:block}.quiz-image{display:block;width:auto;height:auto;max-width:100%;max-height:210px;margin:10px auto;border:1px solid #b9ad85;border-radius:4px;background:#fff;object-fit:contain;cursor:zoom-in}.quiz-image:focus-visible{outline:3px solid #86662b;outline-offset:3px}.quiz-image-error{display:block;margin:8px 0;color:#8b392d;font-size:13px}
#quiz-image-viewer{width:max-content;max-width:94vw;max-height:94dvh;padding:14px;background:#efe7d1;border:1px solid #998458;color:#344638}#quiz-image-viewer::backdrop{background:#101f1bcd}#quiz-image-viewer>button{display:block;margin:0 0 10px auto;min-width:80px;min-height:44px}#quiz-image-viewer>img{display:block;max-width:86vw;max-height:70dvh;width:auto;height:auto;object-fit:contain}#quiz-image-viewer>p{font-size:12px;margin:10px 0 0}@keyframes order-enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(orientation:portrait),(max-width:1050px){.battle-layout{display:flex;flex-direction:column;gap:0}.armory{display:none}.battle-frame{width:100%;flex:1;min-height:0}}
@media(orientation:portrait){body.battle-mode .app{padding:0;height:100dvh}body.battle-mode main{padding:0}.battle-layout{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.battle-frame{border:0;border-radius:0}.topbar{min-height:49px;padding:4px 8px;gap:6px}.stats{gap:9px}.stats b{font-size:15px}.stats small{font-size:9px}.stats>div{gap:3px}.utility{gap:3px}.utility button{width:30px;height:36px;padding:0}.stats .kills,#sound-btn,#battle-help-btn{display:none}#board{min-height:120px}.combat-bar{height:57px;min-height:57px;padding:4px 8px;flex:none}.spells{width:100%;height:100%;justify-content:space-between;gap:4px}.spells button{min-height:44px;flex:1;padding:2px 16px 2px 2px}.spells b{font-size:11px}.spells small{font-size:9px}.spells .seal{width:27px;height:27px;font-size:21px}#wave-dock{flex:none;display:flex;gap:8px;padding:6px 8px 8px;background:#26382d;border-top:1px solid #9a8d5750;min-height:62px}#wave-dock .quiz-launch,#wave-dock #wave-btn{flex:1;min-width:0;margin:0;font-size:12px}#quiz-panel .quiz-head{padding:12px 15px}.quiz-head h2{font-size:18px}.quiz-scroll{padding:13px 15px}.quiz-option{font-size:15px}#quiz-question{font-size:16px}#quiz-panel .quiz-foot{padding:12px 15px}}
@media(orientation:landscape) and (max-height:560px){body.battle-mode .app{padding:0}body.battle-mode main{padding:0}.battle-layout{display:flex;flex-direction:row}.battle-frame{height:100dvh;border:0;border-radius:0}.armory{display:none}.topbar{height:40px;min-height:40px;padding:3px 8px}.stats{gap:12px}.stats b{font-size:15px}.stats small{font-size:8px}.stats .kills,#sound-btn,#battle-help-btn{display:none}.utility{gap:3px}.utility button{width:32px;height:32px}.combat-bar{height:53px;min-height:53px;padding:3px 8px;gap:8px}.spells{gap:5px;flex:1}.spells button{min-height:44px;padding-right:17px}.spells b{font-size:10px}.spells small{font-size:8px}.combat-bar .seal{width:25px;height:25px;font-size:20px}.quiz-launch{min-width:140px}.quiz-launch b{font-size:13px}.quiz-launch small{font-size:9px}#wave-btn{font-size:11px;min-width:105px;padding:7px}dialog#quiz-panel{max-height:94dvh;width:650px}#quiz-panel .quiz-head{padding:8px 15px}.quiz-head h2{font-size:17px}.quiz-head small{display:none}.quiz-scroll{padding:10px 16px}#quiz-question{font-size:15px;margin-bottom:10px}#quiz-options{grid-template-columns:repeat(2,minmax(0,1fr))}.quiz-option{font-size:13px}#quiz-panel .quiz-foot{padding:8px 16px}}
@media(prefers-reduced-motion:reduce){dialog#quiz-panel[open]{animation:none}.quiz-option{transition:none}}

/* Compact four-slot command bar; the battlefield keeps the remaining height. */
#quiz-panel .quiz-head h2{margin:5px 0 0}#quiz-panel .quiz-foot{margin:0;letter-spacing:0}#quiz-submit{font-size:13px}.spells button>span:nth-of-type(2){min-width:0}
@media(orientation:portrait){.combat-bar{height:69px;min-height:69px}.spells button{flex-direction:column;justify-content:center;align-items:center;gap:0;padding:0 1px;min-width:0;text-align:center}.spells .seal{width:22px;height:22px;font-size:17px}.spells b{font-size:10px;line-height:1.4;white-space:nowrap}.spells small{font-size:8px;line-height:1.3;max-width:70px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spell-cost{top:2px;right:2px;font-size:9px}}
@media(orientation:landscape) and (max-height:560px){.spells button{gap:3px;min-width:0}.spells b{white-space:nowrap}.spells small{max-width:64px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.combat-bar .quiz-launch{min-width:118px;padding:3px 7px}.quiz-launch .quiz-seal{display:none}#wave-btn{min-width:100px;width:auto}}

@media(orientation:portrait){}

.utility #fullscreen-btn{display:none}

.topbar,.combat-bar{flex-shrink:0}