/* v22_199: stage styles kept from quiz-screen.css; projector (โจทย์บนจอ) rules removed. */
.lib-table .btnrow{flex-wrap:wrap;gap:8px}
/* Fullscreen toolbar remains visible so the same button can collapse the stage. */
#fs-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;white-space:nowrap}
#t-app:fullscreen,#t-app:-webkit-full-screen,#t-app.nmq-expanded{width:100%;height:100%;min-height:0;background:var(--sand);overflow:auto;box-sizing:border-box}
#t-app.nmq-expanded{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;z-index:10000}
#t-app:fullscreen #nmq-access,#t-app:-webkit-full-screen #nmq-access,#t-app.nmq-expanded #nmq-access{display:none}
#t-app:fullscreen .t-head,#t-app:-webkit-full-screen .t-head,#t-app.nmq-expanded .t-head{top:0;position:sticky;z-index:20}
@media(min-width:761px){#t-app:fullscreen #mtn-box svg.mtn,#t-app:-webkit-full-screen #mtn-box svg.mtn,#t-app.nmq-expanded #mtn-box svg.mtn{height:var(--nmq-stage-height,80vh);max-height:var(--nmq-stage-height,80vh);width:100%}}
#fs-btn{width:44px;min-width:44px;padding:10px;position:relative}
.nmq-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Long question sets wrap within narrow screens. */
#bk-count{flex-wrap:wrap}.squares{flex-wrap:wrap;max-width:100%}
#bank-body,#bank-body>.card{min-width:0}#bk-lib{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}

/* v22_172: a stage-only presentation, with an accessible exit on every device. */
#t-app.nmq-stage-full .t-head,#t-app.nmq-stage-full .mtn-tools{display:none}
#t-app.nmq-stage-full #t-mountain{padding:0;margin:0;max-width:none;width:100%}
#t-app.nmq-stage-full #mtn-box{border-radius:0;box-shadow:none;min-height:var(--nmq-stage-height,100dvh)}
#t-app.nmq-stage-full #mtn-box .fs-exit{display:inline-flex;position:fixed;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));min-width:44px;min-height:44px;z-index:15}
@media(min-width:761px), (orientation:landscape){
 #t-app.nmq-stage-full #mtn-box{height:var(--nmq-stage-height,100dvh);display:block;overflow:hidden}
 #t-app.nmq-stage-full #mtn-svg{height:100%;width:100%}
 #t-app.nmq-stage-full #mtn-box svg.mtn{height:100%;width:100%;max-height:none}
}
@media(max-width:760px) and (orientation:portrait){
 #t-app.nmq-stage-full #mtn-box svg.mtn{height:auto;max-height:none}
 #t-app.nmq-stage-full #mtn-box{padding-bottom:60px}
}

#screen-full-start{display:none}
#t-app.nmq-stage-full #screen-full-start{display:inline-flex;position:fixed;left:max(12px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom));z-index:15;min-height:44px;padding:10px 20px;box-shadow:0 4px 18px #0002}

/* v22_194: completion meter and compact fullscreen controls. */
.screen-answer-count{display:inline-flex;align-items:center;white-space:nowrap;border-radius:999px;padding:7px 14px;font-size:15px;font-weight:600;background:#fff0ce;color:#805814;border:1px solid #e8c577}
.screen-answer-count[data-state="progress"]{background:#eee2ff;color:#653299;border-color:#ba96df}
.screen-answer-count[data-state="complete"]{background:#dcf2e4;color:#246345;border-color:#8ac8a2}
#mtn-box>#screen-answer-count{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);z-index:15;box-shadow:0 3px 14px #0002}
#mtn-box .scene-base-caption{visibility:hidden}
#screen-full-actions{display:none}
#t-app.nmq-stage-full #screen-full-actions{display:flex;gap:8px;align-items:center;position:fixed;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));z-index:15}
#t-app.nmq-stage-full #mtn-box #screen-full-actions .fs-exit{position:static;min-width:44px;min-height:44px;opacity:1}
#screen-full-actions>.btn{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;padding:10px;box-shadow:0 3px 14px #0002}
#screen-full-qr[aria-pressed="true"]{background:#e9dcfa;color:#61338e}
#t-app.nmq-stage-full #screen-answer-count{position:fixed;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:15;box-shadow:0 3px 14px #0002}
@media(max-width:650px){#mtn-box>#screen-answer-count{bottom:76px;font-size:14px}#t-app.nmq-stage-full #screen-answer-count{bottom:76px;font-size:14px}#t-app.nmq-stage-full #screen-full-start{padding:10px 12px;font-size:14px}#screen-full-actions{gap:5px!important}#t-app.nmq-stage-full #mtn-box #screen-full-actions .fs-exit{font-size:13px;padding:9px 10px}}

/* v22_202: student-side alert when the phone comes back to the Quiz page. */
#nmq-leave-alert{position:fixed;left:50%;top:max(12px,env(safe-area-inset-top));transform:translateX(-50%);z-index:100000;background:#c0392b;color:#fff;font-weight:700;font-size:16px;line-height:1.5;padding:12px 18px;border-radius:14px;border:2px solid #fff;box-shadow:0 8px 24px rgba(192,57,43,.4);max-width:92vw;text-align:center;animation:nmq-alert-in .25s ease-out,nmq-alert-pulse 1s ease-in-out 4}
#nmq-leave-alert.hidden{display:none}
@keyframes nmq-alert-in{from{opacity:0;transform:translate(-50%,-14px)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes nmq-alert-pulse{0%,100%{background:#c0392b}50%{background:#e74c3c}}
.nmq-leave-note{margin:0 0 12px;padding:10px 14px;border-radius:12px;background:#fde8e6;color:#b1261a;border:1px solid #e8a59c;font-weight:700;font-size:15px;text-align:center}
@keyframes nmq-shake{0%,100%{transform:translate(0,0)}10%{transform:translate(-9px,2px)}20%{transform:translate(9px,-2px)}30%{transform:translate(-7px,3px)}40%{transform:translate(7px,-3px)}50%{transform:translate(-5px,1px)}60%{transform:translate(5px,-1px)}70%{transform:translate(-3px,0)}80%{transform:translate(3px,0)}90%{transform:translate(-1px,0)}}
.nmq-shake{animation:nmq-shake .7s ease-in-out 2}

/* v22_199: left-the-page (possible cheating) markers on the teacher screen. */
.chip.warn{background:#fde8e6;color:#9b2c1f;border-color:#e8a59c}
.nmq-warn{display:inline-block;background:#fde8e6;color:#9b2c1f;border:1px solid #e8a59c;border-radius:999px;padding:2px 9px;font-weight:600;white-space:nowrap}
.nmq-warn-line{color:#9b2c1f;font-weight:600}