/* Twelve-page classroom journey — the scene remains the main canvas. */
.scene-nav{min-width:340px;justify-content:center;gap:4px;position:relative}
.scene-nav #pageMenu{display:flex;align-items:center;justify-content:center;gap:10px;min-width:255px;background:var(--teal);color:#fff7e7;padding:12px 20px}
#pageMenu span{font:18px Georgia;margin:0;color:#eacb8e;opacity:1}#pageMenu b{font-weight:500;font-size:16px}#pageMenu i{font-style:normal;margin-left:8px;opacity:.6}
.scene-nav #prevPage,.scene-nav #nextPage{font-size:25px;line-height:1;width:38px;padding:9px 0;flex:none}
.lesson-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;max-width:calc(100vw - 360px)}
.lesson-actions .primary,.lesson-actions .light-btn{font-size:15px;padding:13px 17px;letter-spacing:0;min-height:47px}
.lesson-actions .stations button{font-size:15px;padding:11px 15px}
#extraControls .light-btn{background:#fff9ebf2}.page-grid{display:grid;grid-template-columns:1fr;gap:8px}.page-grid button{display:flex;align-items:center;gap:15px;border:1px solid #d7d7c1;border-radius:9px;text-align:left;padding:12px 14px;background:#f1eddf;color:#24594e}.page-grid span{font:22px Georgia;color:#b18a43}.page-grid b{font-size:16px;font-weight:500}.page-grid .current{background:#075756;color:#fff3d1;border-color:#075756}
.word-card{background:linear-gradient(135deg,#f1e5ca,#fffaf0);padding:26px 14px;text-align:center;border:1px solid #d8bb7b;border-radius:12px;box-shadow:0 8px 22px #6f542214}.word-card .pinyin{font:21px Georgia;color:#9a7136;margin:0 0 12px}.word-card strong{font:43px KaiTi;color:#075756;letter-spacing:4px}.word-card p:last-child{font-size:15px;margin:18px 0 0}.word-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0}.word-tabs button{border:1px solid #ced5bc;border-radius:7px;padding:9px 12px;background:#eeeddd;color:#386658;font-size:14px}.word-tabs .active{background:#0c625d;color:#fff2d2}.stamped{animation:stampIn .4s ease}
@keyframes stampIn{0%{transform:scale(1.12) rotate(-3deg);opacity:.4}100%{transform:scale(1)}}
.method-list{padding-left:23px;color:#47685a;line-height:1.85;font-size:16px}.method-list li{padding:3px 0}.category-legend{display:flex;gap:5px;flex-wrap:wrap;margin:12px 0}.category-legend span{font-size:12px;padding:7px;border:1px dashed #b1bca5;border-radius:5px;opacity:.6}.category-legend span.earned{opacity:1;background:#ead8b1;border-style:solid;color:#075756}.shop-tile.selected-dish{border:2px solid #227b64;background:#dfebdb}.shop-tile strong small{display:block;font-size:10px;color:#8b7953;margin-top:3px}
.field-label{display:block;margin:18px 0 7px;color:#24584d;font-size:15px;font-weight:650}.panel select,.panel textarea{display:block;width:100%;border:1px solid #bfcbb1;border-radius:8px;background:#fffcf4;color:#28584e;font:16px/1.7 'Microsoft YaHei',sans-serif;padding:11px 12px;outline-offset:3px}.panel textarea{min-height:110px;resize:vertical}.panel select{white-space:normal;text-overflow:ellipsis}.checkbox-label{display:flex;align-items:center;gap:9px;margin:16px 0;font-size:14px;color:#54725f}.checkbox-label input{accent-color:#075756;width:18px;height:18px}.answer-list{display:grid;gap:9px;margin:12px 0}.answer-list button{font:16px/1.7 'Microsoft YaHei',sans-serif;text-align:left;border:1px solid #c9d0ba;border-radius:8px;background:#f1edde;color:#326554;padding:12px}.answer-list button.correct{background:#116b61;border-color:#116b61;color:#fff4d8}.panel .need-note{padding:12px;background:#efe1c0;border-radius:8px;color:#7d5c27;font-size:16px}.panel .light-btn{margin-top:13px}.download-link{display:block;border:1px solid #a6bd9f;border-radius:8px;padding:14px 16px;margin-top:15px;background:#e1ecd9;color:#075756;text-align:center;text-decoration:none;font-size:15px}
.group-timer{position:absolute;right:28px;top:79px;z-index:16;display:flex;gap:9px;align-items:center;background:#fff8e9f2;border:1px solid #dfc78e;border-radius:10px;padding:8px 11px;box-shadow:0 4px 12px #183e3b1a;font-size:11px}.group-timer b{font:22px Georgia;color:#9b6d25;min-width:52px}.group-timer button{font-size:11px;background:#e4e9d7;color:#0e5a51;border-radius:5px;padding:6px}.group-timer button:last-child{background:transparent;font-size:18px;padding:0 3px}
.record-hud{position:absolute;left:50%;transform:translateX(-50%);bottom:125px;width:min(870px,calc(100% - 60px));z-index:7;pointer-events:none;color:#fff2cc;text-align:center;text-shadow:0 2px 12px #001927}.record-hud>div{display:flex;justify-content:center;gap:20px;font-size:13px}.record-hud b{font:20px Georgia}.record-hud p{font:30px/1.6 KaiTi;margin:16px 0;padding:18px 26px;border:1px solid #edd4a550;border-radius:14px;background:#062d3abf;backdrop-filter:blur(8px)}.recording-player{width:100%;border-radius:10px;background:#0b2b33;aspect-ratio:16/9}.record-hud:not([hidden])~.tools{opacity:.45}
[data-page=passport] .scene-heading,[data-page=mission] .scene-heading{max-width:370px}
[data-page=gallery] .scene-heading{max-width:340px}.panel-open[data-page=gallery] .scene-heading{opacity:.25}
[data-page=studio] .journey-hint{top:250px}
@media(min-width:1700px){.lesson-actions .primary,.lesson-actions .light-btn,.lesson-actions .stations button{font-size:18px}.word-card strong{font-size:50px}.panel .field-label,.panel select,.panel textarea,.answer-list button{font-size:18px}}
@media(max-width:1100px){.scene-nav{min-width:280px}.scene-nav #pageMenu{min-width:215px;padding:11px 13px}#pageMenu b{font-size:14px}.lesson-actions{max-width:calc(100vw - 290px);gap:7px}.lesson-actions .primary,.lesson-actions .light-btn,.lesson-actions .stations button{font-size:13px;padding:11px 12px}.group-timer{right:20px}.record-hud{bottom:140px}.record-hud p{font-size:25px}}
@media(max-width:720px){.scene-nav{min-width:0}.scene-nav #pageMenu{flex:1;min-width:0;padding:9px 10px}.scene-nav #prevPage,.scene-nav #nextPage{width:40px;font-size:24px;padding:7px}.scene-nav #pageMenu b{font-size:14px}.scene-nav #pageMenu span{font-size:15px}.lesson-actions{max-width:calc(100vw - 36px);gap:7px}.lesson-actions .primary,.lesson-actions .light-btn,.lesson-actions .stations button{font-size:12px;padding:10px 12px;min-height:38px}.lesson-actions .stations{padding:4px}#foodControls{max-width:320px}.group-timer{top:15px;right:14px;font-size:9px;gap:6px;padding:6px 8px;max-width:205px}.group-timer b{font-size:18px;min-width:42px}.group-timer:not([hidden])~#recordHUD{bottom:180px}.group-timer:not([hidden])~.scene-heading{opacity:.6}.record-hud{bottom:173px;width:calc(100% - 32px)}.record-hud p{font-size:22px;padding:14px;margin:10px 0}.record-hud>div{font-size:11px;gap:12px}.record-hud b{font-size:16px}.record-hud:not([hidden])~.tools{opacity:.6}.panel select,.panel textarea{font-size:15px}.panel .word-card strong{font-size:38px}[data-page=studio] .scene-heading{max-width:240px}[data-page=studio] .journey-hint{top:175px}.panel-open .group-timer{display:none}.page-grid button{padding:10px}.page-grid b{font-size:15px}}

.group-timer{top:auto;bottom:110px;left:40px;right:auto;width:max-content}
@media(max-width:1050px){.group-timer{left:25px}}
@media(max-width:720px){.group-timer{top:15px;bottom:auto;left:auto;right:14px}}

[data-page=gallery] .scene-heading{max-width:430px}
[data-page=gallery] .hotspot .dot{display:none}
[data-page=gallery] .hotspot .label{font-size:12px;padding:5px 10px;background:#fff7e6e6}
[data-page=gallery] .hotspot small{display:none}
a.light-btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font:inherit}
@media(max-width:720px){[data-page=gallery] .scene-heading{max-width:290px}}
@media(max-width:720px){[data-page] .journey-hint{top:200px}}