/* A jade-and-gold frame for the newly illustrated scene assets. */
:root{--green:#174d46;--orange:#b38342;--cream:#fffbef;--line:#ded6be}
body{background:#f3eee0}
.topbar{background:linear-gradient(115deg,#153f39,#245f54);border-bottom:2px solid #bda575;color:#f9edcb;box-shadow:0 3px 18px #213e3220}
.brand{color:#fff8e1}.brand small{color:#bfd0b5}.brand-stamp{background:#d7bc82;color:#264f41;border:1px solid #f2da9e;box-shadow:inset 0 0 0 4px #d7bc82,inset 0 0 0 5px #45694f;border-radius:10px 3px}
.topbar button.quiet{color:#f4efd9}.topbar button.quiet:hover{background:#ffffff16}.topbar .voice-preview-button{background:#f8e5b51a;border:1px solid #bda66d73;color:#ffe6aa}.topbar .browser-mode{background:#ffffff12;color:#c8d8c1}.topbar .save-status{color:#b7c9b0}
.scene-rail{background:linear-gradient(180deg,#faf6e9,#eeeadb);border-right-color:#d5cbb1}.rail-caption{color:#91774d}.scene-button{isolation:isolate;overflow:hidden;border-color:#d6ceb8;background:#fffbed;box-shadow:0 3px 12px #3849320a}.scene-button.active{border-color:#aa915a;box-shadow:0 5px 18px #2a53341c;background:#fcf5df}.scene-button:focus-visible{outline-color:#ac894b}
.scene-cover{display:none;object-fit:cover}.scene-button strong{color:#355847}.scene-button small{color:#8f8c74}
.scene-heading h1{color:#294e42}.scene-heading .eyebrow{color:#947b48}.scene-progress span{color:#8a865d}
.world-frame{border:1px solid #bda982;box-shadow:0 7px 30px #2c493426,0 0 0 5px #fffaf1a1}
.world-badge{border:1px solid #dccda8;background:#fffcecfa;box-shadow:0 3px 12px #293f2a1a}
.world-view-actions{display:flex;gap:7px;pointer-events:auto}.world-view-actions #art-view-button{background:#244f43;color:#ffe9b9;border:1px solid #ccba8c}
.task-toggle,.panorama-toggle{border-color:#d4c49e}.task-toggle[aria-expanded=true]{background:#215849;border-color:#215849}
.panorama-hotspot{background:linear-gradient(110deg,#fff9e6,#fffdf6);border-color:#e4cf92;box-shadow:0 5px 20px #183c3166,0 0 0 3px #fff2c526}
.panorama-hotspot .cc-pano-hotspot-icon{background:#1e5c4d;color:#ffecc0;box-shadow:inset 0 0 0 1px #e6d09180}
.host-entry-tag{border-color:#e0ca93;background:#fff8e7;color:#3b634d}.host-entry-status{background:#285d4c;border-color:#b7ae72;color:#fff0c7}
.hotspot-directory{border:1px solid #d4c59b;background:#fffbece8;box-shadow:0 8px 22px #2446351f}.hotspot-directory>span{color:#9c8654}
#hotspot-list button{border-color:#d9d2b7;background:#fffdf1;color:#3d644c}#hotspot-list button:hover{background:#f5eac7}
.learning-space>.task-panel{border-color:#d6c7a4;background:#fffcf4f5}.task-panel h2{color:#2a5548}.task-tag{color:#aa7a36!important}
.chat-header{background:#eef0dd}.chat-panel{border-color:#bfc69e}.chat-fab{background:#225744;border-color:#b7b383;box-shadow:0 8px 28px #143b3038}
.host-bubble{border:1px solid #d4bd89;background:#fffbee;box-shadow:0 15px 50px #142f2733}.host-bubble h2{font-family:SimSun,serif;color:#385b42}.host-bubble p{color:#476046}
.step-button.active{background:#e8ebd6;border-color:#caceac}.step-button.active .step-dot{background:#2d624d}
.world-bottom .panorama-help{border:1px solid #e0d1b1;background:#fffceded}
.art-dialog{width:min(1240px,calc(100vw - 32px));max-width:none;padding:20px 23px 16px;background:#fffaf0;border:1px solid #c7b17b;border-radius:18px;overflow:auto;color:#294f40}
.art-dialog::backdrop{background:#102f27d4;backdrop-filter:blur(7px)}
.art-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:16px}.art-eyebrow{font-size:10px;letter-spacing:2px;color:#9c804b}.art-heading h2{font:600 25px/1.3 SimSun,serif;letter-spacing:2px;margin:6px 0 0}
.art-close{border:0;background:#e9e9d6;width:35px;height:35px;border-radius:50%;font-size:25px;line-height:1;padding:0;flex:none}
.art-tabs{display:flex;gap:8px;margin-bottom:13px}.art-tabs button{flex:1;background:#f7f2e3;border-color:#e0d6bc;color:#7d8669;padding:10px;font-size:12px}.art-tabs span{font-family:Georgia,serif;margin-right:10px;color:#b18b4e}.art-tabs button[aria-selected=true]{background:#275b47;color:#fff4d4;border-color:#275b47}.art-tabs button[aria-selected=true] span{color:#e6c47e}
.art-image-stage{position:relative;overflow:auto;background:#193f37;border-radius:12px;border:1px solid #c8b88e;max-height:66dvh;min-height:180px;scrollbar-color:#c9b988 #edf0df;overscroll-behavior:contain}
.art-image{display:block;width:100%;max-height:66dvh;object-fit:contain}.art-image-stage.is-zoomed .art-image{width:auto;max-width:none;max-height:none}.art-image-stage.is-zoomed{cursor:all-scroll}
.art-load{position:absolute;top:45%;left:0;right:0;text-align:center;color:#ffedc6;font-size:13px;margin:0}
.art-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:13px}.art-caption{font-size:12px;line-height:1.8;color:#808366;margin:0}.art-footer>div{display:flex;gap:12px;align-items:center;flex:none}.art-zoom{font-size:12px;padding:9px 13px;background:#f0e7cb;border-color:#d8c897}.art-save{font-size:11px;text-decoration:none;color:#69815a;border-bottom:1px solid #abb98c;padding-bottom:3px}
@media(min-width:901px){.layout{grid-template-columns:205px 1fr}.scene-rail{padding:25px 14px}.rail-caption{margin:0 0 16px 8px}.scene-button{display:grid;grid-template-columns:1fr auto;gap:0;padding:0 0 12px;flex-shrink:0;border-radius:13px;min-height:142px;text-align:left}.scene-cover{display:block;grid-column:1/-1;grid-row:1;width:100%;height:100px;margin-bottom:11px;transition:filter .18s}.scene-button:not(.active) .scene-cover{filter:saturate(.76)}.scene-button:hover .scene-cover{filter:saturate(1.1)}.scene-number{position:absolute;top:8px;left:9px;color:#fff0c9!important;background:#285345c4;border:1px solid #e8d19c80;font-size:15px;padding:4px 7px;border-radius:6px;backdrop-filter:blur(4px)}.scene-button>span:not(.scene-number){grid-column:1;padding-left:12px}.scene-button i{grid-column:2;padding-right:12px;color:#8c7b4e}.scene-button strong{font-size:12px;letter-spacing:1px}.scene-button small{font-size:9px;margin-top:3px}.rail-connector{height:13px;flex-shrink:0;margin-left:26px;border-color:#c4b990}.rail-bottom{padding:28px 8px 0}.classroom{padding:25px 27px}.world-view-actions .glass-button{font-size:11px}}
@media(max-width:900px){.scene-button{border-radius:8px}.world-view-actions{gap:5px}.world-bottom .panorama-help{max-width:52%}}
@media(max-width:680px){.topbar{border-bottom-width:1px}.world-view-actions{gap:4px}.world-view-actions .glass-button{padding:6px 7px;font-size:9px}.world-bottom .panorama-help{max-width:44%;font-size:8px}.art-dialog{padding:15px 12px;width:calc(100vw - 18px);max-height:calc(100dvh - 24px)}.art-heading h2{font-size:20px}.art-eyebrow{font-size:9px}.art-tabs{gap:4px}.art-tabs button{font-size:10px;padding:9px 4px}.art-tabs span{margin-right:4px}.art-image-stage{max-height:56dvh}.art-image{max-height:56dvh}.art-footer{display:block}.art-caption{font-size:11px;margin:10px 0}.art-footer>div{justify-content:space-between}}
@media(prefers-reduced-motion:reduce){.scene-cover{transition:none}}