.museum-scene.room-three-ready{position:relative;background:#102a2b;min-height:350px;aspect-ratio:16/10;overflow:hidden}.room-three-ready> :not(canvas){display:none!important}.room-three-ready>canvas{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none}.room-heading h1{font-size:clamp(26px,3vw,42px)}body[data-screen=room] .room-layout{grid-template-columns:minmax(0,1fr) 290px}body[data-screen=room] .quest-journal{background:#15332e;border:1px solid #8d794c;border-radius:12px}body[data-screen=room] .journal-intro{font-size:14px}body[data-screen=room] .quest-journal h2{font-size:25px}@media(max-width:900px){body[data-screen=room] .room-layout{grid-template-columns:1fr}.museum-scene.room-three-ready{min-height:330px;aspect-ratio:4/3}body[data-screen=room] .quest-journal{max-height:none}}
.room-three-ready>.room-three-mode{display:block!important;position:absolute;top:12px;left:12px;z-index:2;min-height:40px;padding:8px 12px;border:1px solid #b99b58;border-radius:7px;background:#102e2be8;color:#f3d598;font:600 13px var(--sans);cursor:pointer}.room-three-mode[aria-pressed=true]{background:#70592c}

.room-three-ready>.room-game-hud,.room-three-ready>.room-world-labels,.room-three-ready>.room-game-hint{display:block!important;position:absolute;z-index:3}.room-game-hud{top:12px;right:12px;display:flex!important;gap:6px}.room-game-hud button{min-height:40px;padding:8px 12px;background:#102e2bf0;color:#ffe0a0;border:1px solid #b99b58;border-radius:7px;font:600 13px var(--sans);cursor:pointer}.room-world-labels{inset:0;pointer-events:none}.room-world-label{position:absolute;transform:translate(-50%,-100%);pointer-events:auto;white-space:nowrap;padding:9px 13px;border:1px solid #d5b56c;border-radius:8px;background:#102d28ed;color:#fff0cc;box-shadow:0 4px 15px #0009;font:650 15px var(--sans);cursor:pointer}.room-world-label span{color:#ffda78;margin-right:5px}.room-world-label.completed{border-color:#87dba0}.room-world-label[hidden]{display:none}.room-game-hint{bottom:12px;left:50%;transform:translateX(-50%);padding:8px 14px;background:#0c2424d9;border-radius:20px;color:#f0dfb8;font:12px var(--sans);white-space:nowrap;pointer-events:none}body.room-immersive #hud,body.room-immersive #rail,body.room-immersive .room-heading,body.room-immersive .quest-journal,body.room-immersive .room-controls,body.room-immersive #movement-status,body.room-immersive #restored-room{display:none!important}body.room-immersive #shell{padding:0!important}body.room-immersive #screen{padding:0!important;margin:0!important;width:100vw!important;max-width:none!important;height:100dvh!important}body.room-immersive .room-layout{display:block!important;height:100dvh;margin:0}body.room-immersive .room-column{height:100%}body.room-immersive .room-three-ready{width:100%;height:100%;aspect-ratio:auto;border:0;border-radius:0;min-height:0} @media(max-width:650px){.room-world-label{font-size:11px;padding:5px 6px}.room-game-hud{top:58px;left:8px;right:8px}.room-game-hud button{font-size:10px;padding:5px 7px;min-height:32px}.room-game-hint{font-size:9px;white-space:normal;width:85%;text-align:center}}

/* Reserved HUD band: controls never share the world label area. */
.room-three-ready>canvas{top:76px!important;height:calc(100% - 76px)!important}
.room-three-ready>.room-game-hud{top:14px;right:14px;display:flex!important;gap:6px}
.room-three-ready>.room-three-mode{top:14px;left:14px}
.room-three-ready{border:1px solid #8f825a!important;background:linear-gradient(#0c2223 0 68px,#17332e 68px)!important}
.room-world-label{font-size:13px;padding:7px 10px;border-color:#a99055;background:#102d28f5}
.room-game-hint{bottom:8px;font-size:11px}
body[data-screen=room]:has(.room-three-ready) .room-controls{display:none!important}
body[data-screen=room]:has(.room-three-ready) #movement-status{font-size:12px;margin:5px 0}
body[data-screen=room]:has(.room-three-ready) .quest-journal{overflow:auto;max-height:none}
body[data-screen=room]:has(.room-three-ready) .quest-journal h2{font-size:21px}
body[data-screen=room]:has(.room-three-ready) .guide-card,body[data-screen=room]:has(.room-three-ready) .editorial-note{display:none}
body[data-screen=room]:has(.room-three-ready) .journal-task{padding:10px 0}
@media(max-width:650px){.room-three-ready>.room-game-hud{top:14px;left:8px;right:8px;justify-content:flex-end}.room-three-ready>.room-three-mode{top:50px;font-size:10px;min-height:24px;padding:3px 7px}.room-world-label{font-size:10px;padding:5px}.room-game-hud button{font-size:9px;padding:4px 6px}}

#room-learning-space{position:fixed;inset:0;z-index:1000;overflow:auto;background:linear-gradient(180deg,#0b2527 0%,#194039 65%,#354c3c);color:#f2e7c9;padding:24px clamp(16px,5vw,100px) 60px;box-sizing:border-box;min-height:100dvh;animation:room-arrive .45s ease-out}#room-learning-space[hidden]{display:none}#room-learning-space::before{content:'';position:fixed;inset:0;pointer-events:none;border:12px solid #8d795044;box-shadow:inset 0 0 120px #0008}#room-learning-space>.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #c4a866;padding:0 0 20px;margin-bottom:28px}#room-learning-space #quest-title{font:750 clamp(25px,4vw,44px)/1.2 var(--serif);color:#f2cc77;margin:8px 0}#room-learning-space #quest-kicker{font-size:12px;letter-spacing:1px;color:#c5b284}#room-learning-space .museum-close{width:auto;height:auto;min-height:44px;white-space:nowrap;font:600 14px var(--sans);padding:10px 16px;background:#163b34;border:1px solid #bea060;color:#f3db9c;border-radius:6px}#room-learning-space #quest-content{max-width:1250px;margin:auto}#room-learning-space .evidence-card,#room-learning-space .record,#room-learning-space .campaign-card{background:#102f2be8;color:#f1e6cc;border:1px solid #aa915c;border-radius:10px;padding:16px;box-shadow:0 10px 25px #0004}#room-learning-space .evidence-card img{width:100%;height:clamp(130px,23vh,240px);object-fit:contain;background:#081f1d}#room-learning-space label{color:#ecdfbd}#room-learning-space select,#room-learning-space input,#room-learning-space textarea{background:#f2ecd9;color:#173b32}#room-learning-space .source-drawer{background:#13362f;color:#e9dcb6;border-color:#ae955e;margin-top:22px}#room-learning-space .task-feedback{padding:12px}#room-learning-space .task-feedback.good{color:#a4e9b5}#room-learning-space #finish-task{font-size:17px;padding:14px 24px;margin-top:18px;background:#d1b26a;color:#132d24;border-radius:8px}.room-sound-toggle{position:fixed;right:18px;bottom:18px;z-index:1100;padding:10px 14px;min-height:40px;border:1px solid #b99b58;border-radius:8px;background:#0c2926ee;color:#ffe6ae;font:600 12px var(--sans)}body.room-entering::after{content:'Đang bước vào phòng khám phá…';position:fixed;inset:0;z-index:1200;display:grid;place-items:center;background:#071c18;color:#f4d58e;font:600 22px var(--sans);animation:room-door .65s ease-in forwards;pointer-events:none}body.room-in-mission #shell{visibility:hidden}@keyframes room-door{0%{opacity:0}70%{opacity:.2}100%{opacity:1}}@keyframes room-arrive{from{opacity:0;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}@media(max-width:650px){#room-learning-space{padding:20px 16px 70px}#room-learning-space>.dialog-top{align-items:flex-start;flex-direction:column}#room-learning-space .matching-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){#room-learning-space,body.room-entering::after{animation:none}}

#room-learning-space *,#room-learning-space *::before,#room-learning-space *::after{box-sizing:border-box}#room-learning-space #quest-content,#room-learning-space .matching-grid,#room-learning-space .evidence-card{min-width:0;width:100%}#room-learning-space select,#room-learning-space textarea,#room-learning-space input:not([type=checkbox]){max-width:100%;width:100%;min-width:0}#room-learning-space .source-grid{min-width:0}#room-learning-space img{max-width:100%}@media(max-width:650px){#room-learning-space .source-grid,#room-learning-space .exhibit-picks{grid-template-columns:minmax(0,1fr)}#room-learning-space .source-drawer{padding:10px;margin-left:0;margin-right:0}#room-learning-space p{overflow-wrap:anywhere}}
.room-loading-message{display:none}
.museum-scene.room-three-loading{position:relative;min-height:350px;aspect-ratio:16/10;background:#102a2b;overflow:hidden}
.museum-scene.room-three-loading>:not(.room-loading-message){visibility:hidden!important;pointer-events:none!important}
.museum-scene.room-three-loading>.room-loading-message{display:grid!important;position:absolute;inset:0;place-items:center;padding:24px;color:#f3d598;font:600 16px var(--sans);text-align:center;z-index:10}
body[data-screen=room]:has(.room-three-loading) .room-controls{display:none!important}
@media(max-width:900px){.museum-scene.room-three-loading{min-height:330px;aspect-ratio:4/3}}