@charset "UTF-8";
:root{--ink:#263b32;--green:#285643;--deep:#173d30;--paper:#fbf8ef;--cream:#f1eadc;--line:#ded6c6;--gold:#b58c46;--muted:#72766a;--radius:20px;--shadow:0 22px 80px #26352c26;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--paper)}button,input,textarea{font:inherit}button,label,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,label:focus-visible{outline:3px solid #d6a33d;outline-offset:3px}a{color:inherit}button{color:inherit}h1,h2,h3,p{margin-top:0}h2{font:normal 38px/1.15 Georgia,serif;letter-spacing:-1px;margin-bottom:14px}h3{font:600 19px/1.4 "Segoe UI",sans-serif;margin:0 0 10px}p{line-height:1.65}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--green);margin-bottom:20px}.eyebrow span{display:inline-block;width:7px;height:7px;background:var(--gold);border-radius:50%;margin-right:10px}
.button{border:1px solid transparent;border-radius:9px;padding:12px 18px;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;font-size:13px;font-weight:600;transition:background .18s,transform .18s;white-space:nowrap;background:none}.button:hover:not(:disabled){transform:translateY(-1px)}.primary{background:var(--green);color:#fff}.primary:hover:not(:disabled){background:var(--deep)}.primary.dark{background:var(--deep)}.outline{border-color:var(--line);background:#fff9}.outline:hover:not(:disabled){background:#ece6d8}.quiet:hover:not(:disabled){background:#e5e5d35c}.large{padding:16px 22px;font-size:14px}.text-button{border-bottom:1px solid #8f9b88;border-radius:0;padding:12px 0}.small{padding:8px 12px;font-size:12px}.danger{color:#a44032;border-color:#e9c8bd;background:#fff5ef}.danger:hover{background:#fae1d7}.icon-button{border:0;background:transparent;width:40px;height:40px;border-radius:50%;font-size:28px;display:grid;place-items:center;flex-shrink:0}.icon-button:hover{background:#e9e4d8}.font-button{font-size:14px;font-weight:600}.badge{font-size:11px;padding:3px 9px;border-radius:30px;background:#e3eadf}.file-button{cursor:pointer;position:relative}.file-button:focus-within{outline:3px solid var(--gold)}
#main{height:100dvh;min-height:580px;position:relative;overflow:hidden;background:#e4e4cc}#world{position:absolute;inset:0;background:linear-gradient(135deg,#f0e6d5,#c4d0aa)}#world canvas{width:100%;height:100%;display:block;touch-action:none;outline:none}.world-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#fbf8efee 0%,#fbf8efcd 27%,#fbf8ef00 66%)}.site-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:30px 4.5vw;gap:16px}.site-header nav{display:flex;gap:12px;align-items:center}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font:25px/1.05 Georgia,serif;letter-spacing:-.6px}.brand-mark{width:42px;height:48px;background:var(--green);color:#f6e7bc;display:grid;place-items:center;border-radius:12px 12px 3px 3px;font-size:29px}.brand-small{font:9px/1.8 "Segoe UI",sans-serif;display:block;color:var(--green);letter-spacing:3px;margin:5px 0 0 2px}.intro{position:relative;z-index:1;margin-left:6vw;margin-top:clamp(20px,6.5vh,85px);width:410px;max-width:42vw}.intro h1{font:normal clamp(46px,5.2vw,80px)/1.08 Georgia,serif;letter-spacing:-3px;margin-bottom:26px;color:#284535}.intro h1 em{font-weight:normal;color:#608064}.intro-copy{color:#647060;font-size:15px;max-width:310px;margin-bottom:26px}.intro-actions{display:flex;gap:20px;align-items:center}.intro-foot{display:flex;gap:12px;align-items:center;font-size:11px;line-height:1.8;color:#7d8276;margin-top:40px}.intro-foot strong{font-weight:500;color:#536a55}.small-icon{font-size:24px;border:1px solid #c8cdbf;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;color:var(--green)}.station-hotspot{position:absolute;z-index:1;left:64%;top:56%;display:flex;gap:12px;align-items:center;background:#fffdf2f2;padding:12px 18px;border:1px solid #fff;border-radius:13px;box-shadow:0 8px 35px #24361c2b;color:var(--green);font-size:13px;transition:box-shadow .2s;max-width:280px;transform:translate(-50%,-50%)}.station-hotspot:hover{box-shadow:0 12px 40px #24361c4d}.station-hotspot small{display:block;font-size:10px;margin-top:4px;color:var(--muted);text-align:left}.hotspot-icon{font-size:27px;color:var(--gold)}.world-footer{position:absolute;z-index:2;bottom:25px;left:4.5vw;right:4.5vw;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#596c4d;gap:15px}.footer-actions{display:flex;align-items:center;gap:10px}.glass{background:#fff9;border-color:#fff8;backdrop-filter:blur(12px)}.walk-controls{position:absolute;z-index:3;left:5vw;bottom:90px;display:flex;flex-direction:column;align-items:center;gap:5px}.walk-controls[hidden]{display:none}.walk-controls div{display:flex;gap:5px}.walk-controls button{background:#fff9;color:var(--green);border:1px solid #fff;border-radius:9px;width:38px;height:38px;font-size:22px;touch-action:none}.exploring .intro{display:none}.exploring .world-shade{background:linear-gradient(180deg,#f5f2e4aa,transparent 20%,transparent 80%,#f5f2e4aa)}.world-fallback{display:grid;place-items:center;height:100%;background:linear-gradient(130deg,#eae4ce,#c6d0ad)}.world-fallback div{margin-left:38%;max-width:360px;font-family:Georgia,serif;font-size:32px;text-align:center;color:var(--green)}
dialog{color:var(--ink)}.dialog{border:1px solid #e4dccb;border-radius:22px;background:var(--paper);box-shadow:var(--shadow);padding:0;width:min(1150px,94vw);max-height:94dvh;overflow:auto}.dialog::backdrop{background:#152d24a6;backdrop-filter:blur(7px)}.dialog-top{padding:25px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:16px}.dialog-top .eyebrow{margin-bottom:8px}.dialog-top h2{margin-bottom:0}.mini-brand{font-size:10px;letter-spacing:2px;color:var(--green);font-weight:700}.collection-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;padding:35px 40px 12px}.collection-heading .eyebrow{margin-bottom:14px}.collection-heading h2{font-size:43px;margin-bottom:10px}.collection-heading p:last-child{font-size:13px;color:var(--muted);margin-bottom:0}.search-field{display:flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:9px;background:white;padding:3px 12px;min-width:220px}.search-field span{font-size:22px}.search-field input{border:0;background:none;min-width:0;width:100%;font-size:12px;padding:10px 0;outline:none}.collection-count{padding:12px 40px;font-size:11px;color:var(--muted)}.book-grid{padding:12px 40px 40px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.book-card{border:1px solid var(--line);border-radius:14px;background:#fffdf8;overflow:hidden;position:relative;display:flex;flex-direction:column}.book-card-cover{height:205px;background:#e9ecde;position:relative;overflow:hidden}.book-card-cover img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.book-card:hover img{transform:scale(1.035)}.book-card-cover .cover-empty{display:grid;place-items:center;height:100%;font-size:60px;color:#45674d}.book-card-body{padding:20px;flex:1;display:flex;flex-direction:column}.book-card h3{font:22px/1.2 Georgia,serif;margin-bottom:10px}.book-card p{font-size:12px;color:var(--muted);margin-bottom:18px}.book-card .button{width:100%;margin-top:auto}.book-meta{font-size:10px;color:var(--green);margin-bottom:8px;display:flex;justify-content:space-between}.collection-bottom{padding:18px 40px;background:#f0ecdf;font-size:11px;color:#61715e;display:flex;justify-content:space-between}.empty-state{grid-column:1/-1;text-align:center;padding:55px 20px;font-size:15px;color:var(--muted)}
.reader-dialog{width:min(1280px,97vw);background:#eee6d5}.reader-top{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;gap:14px}.reader-top>span{font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.reader-tools{display:flex;align-items:center}.open-book{display:grid;grid-template-columns:1fr 1fr;margin:0 28px;min-height:390px;height:min(65dvh,620px);border-radius:8px 16px 16px 8px;overflow:hidden;box-shadow:0 10px 30px #765a3229;border:1px solid #d2bf9c;background:#fcf9ef}.illustration-page{position:relative;background:#e9ecd9;display:flex;align-items:center;justify-content:center;min-width:0;box-shadow:inset -15px 0 25px #4a331c16}.illustration-page img{width:100%;height:100%;object-fit:cover}.illustration-page>span{position:absolute;bottom:15px;left:16px;font-size:9px;padding:5px 9px;background:#fff9;border-radius:5px;color:#3c603e}.image-placeholder{font:70px Georgia,serif;color:#7d9a64;text-align:center}.image-placeholder span{display:block;font:16px Georgia,serif;padding:10px}.image-placeholder[hidden]{display:none}.text-page{padding:clamp(22px,4vw,52px);display:flex;flex-direction:column;overflow:auto;position:relative;box-shadow:inset 12px 0 15px #765a3209}.text-page .eyebrow{margin-bottom:22px;font-size:9px}.story-text{font:var(--story-size,24px)/1.8 Georgia,"Times New Roman",serif;color:#3b4434;white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:28px}.audio-section{margin-top:auto;border-top:1px solid var(--line);padding-top:18px}.audio-status{font-size:10px;color:var(--muted);margin-bottom:8px;line-height:1.6}.audio-section audio{width:100%;height:38px}.audio-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.audio-actions .button{font-size:10px}.reader-bottom{display:flex;align-items:center;justify-content:space-between;padding:20px 30px;gap:15px}.page-counter{text-align:center;font-size:11px}.page-dots{display:flex;gap:5px;justify-content:center;margin-top:9px}.page-dots i{display:block;width:5px;height:5px;background:#c8c6b4;border-radius:50%}.page-dots i.active{background:var(--green);width:18px;border-radius:5px}
.teacher-dialog{width:min(1300px,97vw)}.teacher-note{background:#eaf0e5;display:flex;align-items:center;gap:14px;padding:15px 30px}.teacher-note>span{font-size:26px;color:var(--green)}.teacher-note p{font-size:11px;line-height:1.6;margin:0;color:#4d6250}.teacher-note strong{font-weight:650}.teacher-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 30px;border-bottom:1px solid var(--line)}.teacher-toolbar>div{display:flex;gap:8px}.teacher-body{display:grid;grid-template-columns:240px 1fr;min-height:450px}.teacher-sidebar{border-right:1px solid var(--line);padding:22px 16px;background:#f3f0e6}.sidebar-head{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin:0 5px 20px}.teacher-book{display:flex;align-items:center;gap:10px;border:1px solid transparent;background:transparent;border-radius:10px;padding:10px;text-align:left;width:100%;margin-bottom:5px}.teacher-book:hover{background:#e5e9da}.teacher-book.active{border-color:#bdc8b3;background:#e4eadc}.teacher-book img{width:38px;height:48px;object-fit:cover;border-radius:4px;flex-shrink:0}.teacher-book .tiny-cover{font-size:28px}.teacher-book strong{display:block;font-size:11px;line-height:1.5;overflow-wrap:anywhere}.teacher-book small{font-size:10px;color:var(--muted);display:block;margin-top:4px}.draft-status{font-size:10px;color:var(--green);margin:25px 10px 5px;line-height:1.6}.book-form{padding:25px 30px 0;min-width:0}.editor-empty{display:grid;place-items:center;min-height:300px;color:var(--muted);font-size:13px;text-align:center}.editor-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:22px}.editor-heading h3{margin-bottom:0}.book-form label{font-size:11px;color:#52604b;display:block;margin-bottom:18px;font-weight:600}.book-form input:not([type=file]),.book-form textarea{display:block;margin-top:8px;width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fffdf8;color:var(--ink);font-size:13px;font-weight:400;resize:vertical;line-height:1.6}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field-label{font-size:11px;font-weight:600;margin-bottom:12px;display:block;color:#52604b}.media-editor{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.cover-preview{height:95px;max-width:100%;object-fit:cover;border-radius:8px;margin-bottom:10px}.media-buttons{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.book-form .file-button{display:inline-flex;margin:0;font-weight:500}.media-name{font-size:10px;color:var(--muted);overflow-wrap:anywhere}.media-editor audio{max-width:100%;height:33px;width:260px;margin-bottom:9px}.pages-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:25px 0 16px}.pages-heading h3{margin-bottom:4px}.pages-heading p{font-size:10px;color:var(--muted);margin:0}.page-editor{border:1px solid var(--line);border-radius:12px;padding:17px;margin-bottom:15px;background:#fffaf0}.page-editor-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;font-size:11px}.page-editor-head .page-tools{display:flex;gap:5px}.page-editor .page-tools button{padding:4px 7px;font-size:11px}.page-editor textarea{margin-bottom:12px}.page-media{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:10px}.page-media .button{font-size:10px;padding:6px 8px}.page-thumb{width:55px;height:45px;object-fit:cover;border-radius:5px}.page-media-label{font-size:10px;color:var(--muted);flex-basis:100%;overflow-wrap:anywhere}.form-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 0;position:sticky;bottom:0;background:var(--paper);border-top:1px solid var(--line);z-index:1}.form-footer span{font-size:10px;color:var(--muted)}
.help-dialog{width:min(700px,94vw)}.help-dialog h2{font-size:30px}.help-content{padding:30px}.help-step{display:flex;gap:22px;margin-bottom:25px}.help-step>b{font:26px Georgia,serif;color:var(--gold);flex-shrink:0;width:30px}.help-step h3{font-size:15px;margin-bottom:7px}.help-step p{font-size:12px;color:var(--muted);margin-bottom:10px}.confirm-dialog{width:min(450px,90vw);padding:28px}.confirm-dialog h2{font-size:26px}.confirm-dialog p{font-size:13px;color:var(--muted)}.confirm-dialog>div{display:flex;justify-content:flex-end;gap:10px}.toast{position:fixed;z-index:1000;left:50%;bottom:25px;transform:translateX(-50%);padding:15px 23px;background:var(--deep);color:#fff;border-radius:12px;box-shadow:0 5px 25px #0003;max-width:min(550px,92vw);font-size:12px;line-height:1.6;text-align:center}.toast[hidden]{display:none}.noscript{position:fixed;inset:0;background:var(--paper);display:grid;place-items:center;padding:30px;z-index:1000}body:has(dialog[open]){overflow:hidden}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1500px){.intro{margin-top:10vh}.intro h1{font-size:86px}.intro-copy{font-size:16px}.intro-foot{margin-top:55px}.book-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1000px){.intro{max-width:45vw;width:380px}.intro-actions{flex-direction:column;align-items:flex-start;gap:8px}.intro-foot{margin-top:25px}.collection-heading h2{font-size:35px}.collection-heading{padding:25px 25px 12px;align-items:start}.search-field{min-width:180px}.book-grid{padding:12px 25px 30px;gap:18px}.collection-count{padding-left:25px}.book-card-cover{height:170px}.teacher-body{grid-template-columns:185px 1fr}.teacher-toolbar{flex-wrap:wrap}.book-form{padding:22px 20px 0}.media-editor{grid-template-columns:1fr}.teacher-sidebar{padding:20px 10px}.teacher-note{padding:15px 20px}.story-text{font-size:calc(var(--story-size,24px) - 2px)}}
@media(max-width:680px){#main{min-height:650px}.site-header{padding:20px}.brand{font-size:20px}.brand-mark{width:34px;height:40px;font-size:24px}.site-header nav{gap:4px}.site-header .button{padding:9px 10px;font-size:11px}.site-header #helpButton{display:none}.brand-small{font-size:8px}.world-shade{background:linear-gradient(180deg,#fbf8eff7,#fbf8efdf 37%,#fbf8ef00 70%)}.intro{margin:28px 25px 0;width:auto;max-width:90vw;pointer-events:none}.intro .eyebrow{font-size:8px;letter-spacing:1.5px}.intro h1{font-size:51px;line-height:1.06;letter-spacing:-2px;margin-bottom:16px}.intro-copy{font-size:12px;max-width:280px;margin-bottom:18px}.intro-actions{pointer-events:auto;flex-direction:row;gap:15px;align-items:center}.intro-actions .large{font-size:12px;padding:13px 17px}.intro-actions .text-button{font-size:11px}.intro-foot{display:none}.station-hotspot{top:73%;left:60%;font-size:11px;padding:10px 12px;gap:9px}.hotspot-icon{font-size:22px}.station-hotspot small{font-size:9px}.world-footer{bottom:20px;left:20px;right:20px;align-items:flex-end}.world-footer>span{max-width:135px;font-size:8px;line-height:1.6}.footer-actions{gap:7px}.footer-actions .button{padding:10px;font-size:11px}.glass span{display:none}.walk-controls{left:20px;bottom:90px}.dialog{width:96vw;max-height:96dvh;border-radius:15px}.dialog-top{padding:17px 20px}.dialog-top h2{font-size:28px}.collection-heading{flex-direction:column;gap:18px;padding:25px 20px 10px}.collection-heading h2{font-size:32px}.collection-heading p:last-child{font-size:12px}.search-field{width:100%}.collection-count{padding:10px 20px}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px 18px 25px;gap:13px}.book-card-cover{height:140px}.book-card-body{padding:13px}.book-card h3{font-size:18px}.book-card p{font-size:10px;line-height:1.6}.book-meta{font-size:8px;gap:5px}.book-card .button{font-size:11px;padding:10px}.collection-bottom{padding:15px 20px;gap:20px;font-size:9px}.reader-top{padding:12px}.reader-top>span{display:none}.reader-top .button{font-size:11px;padding:8px}.reader-tools .icon-button{width:34px;height:34px}.open-book{display:flex;flex-direction:column;height:auto;max-height:calc(94dvh - 145px);overflow:auto;margin:0 12px;min-height:0}.illustration-page{height:220px;flex-shrink:0}.illustration-page img{object-position:center 40%}.text-page{padding:25px;overflow:visible;flex-shrink:0}.text-page .eyebrow{margin-bottom:12px}.story-text{font-size:var(--story-size,23px);line-height:1.65;margin-bottom:20px}.audio-section{margin-top:8px}.reader-bottom{padding:15px 14px;gap:8px}.reader-bottom .button{font-size:11px;padding:10px}.page-counter{font-size:10px}.teacher-note p{font-size:10px}.teacher-toolbar{padding:14px;gap:10px}.teacher-toolbar .button{font-size:10px;padding:10px}.teacher-toolbar>div{gap:5px}.teacher-body{grid-template-columns:1fr}.teacher-sidebar{border-right:0;border-bottom:1px solid var(--line);padding:14px}.sidebar-head{margin-bottom:10px}#teacherBooks{display:flex;overflow:auto;gap:7px}.teacher-book{min-width:155px;width:155px;padding:8px;margin-bottom:0}.teacher-book strong{font-size:10px}.teacher-book img{width:30px;height:38px}.draft-status{margin:12px 5px 0}.book-form{padding:20px 16px 0}.form-row{grid-template-columns:1fr;gap:0}.editor-heading .button{font-size:10px}.form-footer{gap:9px}.form-footer .button{font-size:11px;padding:12px}.help-content{padding:22px}.help-step{gap:15px}.help-dialog h2{font-size:25px}}
.gallery-art{background-size:cover;background-position:center;transition:background-size .8s;background-repeat:no-repeat}.gallery-art.art-exploring{background-position:62% center}.gallery-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#faf6e65c,transparent 25%);pointer-events:none}.teacher-toolbar{flex-wrap:wrap}.teacher-toolbar>a{background:#b98c3c;color:white}
@media(max-width:680px){.gallery-art{background-position:62% bottom}.world-shade{background:linear-gradient(180deg,#fbf8eff5,#fbf8efdf 36%,#fbf8ef00 69%)}.gallery-art~.station-hotspot{top:73%!important;left:65%!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Modern exterior, continuous walking, auditorium and background music. */
.walk-gallery-light{overflow:hidden;touch-action:none;background:#d9e5d6!important;cursor:grab}.walk-gallery-light:active{cursor:grabbing}.walk-scene-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;will-change:transform;pointer-events:none}.walk-scene-tint{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#d6e8dc18,transparent 35%)}
.journey-bar{position:absolute;z-index:2;left:4.5vw;top:115px;display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid #fff9;border-radius:12px;background:#fffdf0ed;box-shadow:0 5px 24px #183b2c13;font-size:11px;max-width:65vw;flex-wrap:wrap}.journey-bar strong{font-size:12px}.journey-bar>span:last-child{color:#66775e}.location-dot{width:7px;height:7px;background:#4c8462;border-radius:50%}.music-dock{position:absolute;z-index:3;right:4.5vw;top:115px;display:flex;align-items:center;gap:10px;padding:5px 12px 5px 4px;background:#fbf8efed;border:1px solid #fff9;border-radius:12px;box-shadow:0 5px 20px #183b2c16}.music-dock .button{font-size:11px}.music-dock input{width:80px;accent-color:var(--green);display:block}.music-dock>span{color:var(--green);font-size:18px}.mini-map{position:absolute;right:4.5vw;top:185px;z-index:2;background:#fbf8efed;border:1px solid #fff9;box-shadow:0 5px 20px #183b2c18;border-radius:12px;padding:8px;display:flex;flex-direction:column;align-items:center;pointer-events:none}.mini-map canvas{width:150px;height:164px}.mini-map>span{font-size:8px;max-width:155px;text-align:center;color:#65755c;margin:3px 0}.door-hotspot{background:#284d3deb;color:#fff9e4;border-color:#eedeb9;font-size:11px;letter-spacing:1px;padding:13px 20px;white-space:nowrap}.world-footer .footer-actions{flex-wrap:wrap;justify-content:flex-end}.world-footer>span{max-width:285px;background:#fff9;padding:7px 10px;border-radius:7px;line-height:1.6}.exploring .walk-controls{bottom:105px}.music-settings{margin:0 26px 20px;border:1px solid var(--line);border-radius:12px;background:#f0f2e7}.music-settings summary{padding:15px 18px;cursor:pointer;font-size:12px;font-weight:600;color:var(--green)}.music-settings-content{display:grid;grid-template-columns:1fr 1fr;padding:5px 20px 20px;gap:30px}.music-settings-content strong{font-size:13px}.music-settings-content p{font-size:10px;color:var(--muted);margin:9px 0}.music-settings-content audio{width:100%;max-width:400px;height:36px}.music-settings-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.music-settings-actions .button{font-size:11px}.music-enabled,.music-slider{font-size:11px;color:var(--green);display:flex;gap:10px;align-items:center;flex-basis:100%}.music-slider input{accent-color:var(--green);width:160px}.music-enabled input{accent-color:var(--green)}#musicSaveStatus{font-size:10px;color:var(--green);line-height:1.5}.video-editor{padding:22px 0;border-bottom:1px solid var(--line)}.video-editor video{display:block;width:100%;max-width:350px;max-height:200px;margin:10px 0;border-radius:10px;background:#233a2c}.video-editor video[hidden]{display:none}.inline-music{border:1px solid #d1d6c5!important;font-size:17px!important;margin-left:8px}.performance-dialog{width:min(1100px,96vw);background:#f2ecd9}.performance-dialog h2{font-size:34px}.performance-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:22px 28px}.performance-toolbar>label{font-size:11px;color:var(--muted);flex:1}.performance-toolbar select{display:block;margin-top:8px;width:100%;max-width:480px;background:#fffaf0;border:1px solid var(--line);border-radius:9px;padding:12px;color:var(--ink);font-size:13px}.performance-toolbar>div{display:flex;gap:8px;flex-wrap:wrap}.performance-toolbar .active{background:var(--green);color:#fff}.prompter-frame{margin:0 28px;background:#203b2e;color:#f7f3dc;border:10px solid #435548;border-radius:15px;overflow:hidden;box-shadow:inset 0 0 0 1px #6b7664}.prompter-title{font:24px Georgia,serif;border-bottom:1px solid #7e8a6a55;padding:22px 30px;color:#e4d3a8}.prompter-text{height:42dvh;overflow-y:auto;padding:32px 8%;font:29px/1.9 Georgia,serif;white-space:pre-wrap;scrollbar-color:#7b8d6b #203b2e}.prompter-frame video{width:100%;max-height:50dvh;display:block;background:#18291f}.performance-bottom{padding:22px 28px;font-size:10px;line-height:1.6;color:var(--muted)}.performance-bottom>div{display:flex;align-items:center;gap:10px;margin-top:15px;flex-wrap:wrap}.performance-bottom label{font-size:10px;display:flex;gap:10px;align-items:center}.performance-bottom input{width:105px;accent-color:var(--green)}.prompter-frame:fullscreen{height:100dvh;width:100vw;margin:0;border-radius:0}.prompter-frame:fullscreen .prompter-text{height:calc(100dvh - 100px);font-size:38px}.prompter-frame:fullscreen video{height:calc(100dvh - 100px);max-height:none}.performance-bottom .button{font-size:11px}.teacher-toolbar:has(#preparedDownload){padding-bottom:14px}
@media(max-width:1000px){.journey-bar{max-width:53vw}.journey-bar>span:last-child{flex-basis:100%;margin-left:17px}.music-dock input{width:60px}.world-footer>span{max-width:200px}.world-footer .button{font-size:11px;padding:11px}.performance-toolbar{align-items:start;flex-direction:column}.performance-toolbar>label{width:100%}.performance-toolbar select{max-width:none}}
@media(max-width:680px){.walk-scene-image{object-position:56% center}.journey-bar{left:15px;top:91px;max-width:calc(100vw - 30px);padding:10px 13px;gap:7px;font-size:9px}.journey-bar strong{font-size:11px}.journey-bar>span:last-child{font-size:9px}.music-dock{top:auto;bottom:90px;right:15px;padding:4px 9px;gap:6px}.music-dock .button{font-size:10px;padding:7px}.music-dock input{width:60px}.mini-map{top:175px;right:15px;padding:5px}.mini-map canvas{width:98px;height:107px}.mini-map>span{max-width:100px;font-size:7px}.exploring .walk-controls{bottom:150px;left:15px}.world-footer{left:15px;right:15px;bottom:18px}.world-footer .footer-actions{gap:6px;width:100%;justify-content:flex-end}.world-footer .button{font-size:10px;padding:10px 11px}.exploring .world-footer>span{display:none}.world-footer>span{font-size:8px;max-width:130px}.door-hotspot{font-size:9px;padding:10px 14px;max-width:none;letter-spacing:.4px}.intro{margin-top:28px}.intro-copy{max-width:290px}.music-settings{margin:0 14px 15px}.music-settings-content{grid-template-columns:1fr;gap:15px;padding:5px 15px 18px}.music-settings summary{font-size:11px}.performance-dialog h2{font-size:27px}.performance-toolbar{padding:18px;gap:14px}.performance-toolbar .button{font-size:10px;padding:8px}.prompter-frame{margin:0 12px;border-width:7px}.prompter-title{font-size:20px;padding:16px 20px}.prompter-text{font-size:24px;padding:22px;height:40dvh}.performance-bottom{padding:18px}.performance-bottom .button{padding:10px;font-size:10px}.performance-bottom input{width:90px}.inline-music{font-size:15px!important}.reader-tools{gap:0}}
@media(max-height:600px){#main{height:100dvh;min-height:0}.site-header{padding-top:12px;padding-bottom:12px}.intro{margin-top:8px}.intro h1{font-size:43px;margin-bottom:15px}.intro-copy{font-size:12px;margin-bottom:16px}.intro-foot{display:none}.intro .eyebrow{margin-bottom:12px}.journey-bar{top:82px}.music-dock{top:82px;bottom:auto}.mini-map{top:140px}.mini-map canvas{width:92px;height:100px}.exploring .walk-controls{bottom:85px}.world-footer{bottom:12px}.world-footer .button{padding:8px 11px}.reader-dialog{max-height:98dvh}.open-book{height:55dvh;min-height:0}.prompter-text{height:36dvh}}
.performance-dialog.stage-view{position:fixed;top:auto;bottom:18px;max-height:56dvh;width:min(980px,94vw);margin:0 auto;border-color:#cfbc92;background:#f6efdef2}.performance-dialog.stage-view::backdrop{background:transparent;backdrop-filter:none}.stage-view .dialog-top{padding:9px 18px}.stage-view .dialog-top .eyebrow{display:none}.stage-view .dialog-top h2{font-size:20px;letter-spacing:0}.stage-view .performance-toolbar{padding:10px 18px;gap:12px;flex-direction:row;align-items:end}.stage-view .performance-toolbar label{font-size:10px}.stage-view .performance-toolbar select{padding:8px;font-size:11px;margin-top:4px}.stage-view .performance-toolbar .button{padding:7px 9px;font-size:10px}.stage-view .prompter-frame{margin:0 18px;border-width:6px}.stage-view .prompter-title{font-size:17px;padding:10px 20px}.stage-view .prompter-text{height:17dvh;font-size:23px;padding:15px 30px;line-height:1.75}.stage-view .prompter-frame video{max-height:23dvh}.stage-view .performance-bottom{padding:10px 18px}.stage-view .performance-bottom>div{margin-top:8px}.stage-view .performance-bottom .button{padding:8px 10px;font-size:10px}.stage-view .performance-bottom>span{font-size:9px}
@media(max-width:680px){.performance-dialog.stage-view{bottom:10px;max-height:63dvh}.stage-view .performance-toolbar{flex-direction:column;align-items:stretch;gap:8px}.stage-view .performance-toolbar>div{gap:5px}.stage-view .performance-toolbar .button{font-size:9px;padding:6px 8px}.stage-view .prompter-text{font-size:21px;height:15dvh;padding:12px 20px}.stage-view .performance-bottom input{width:65px}.stage-view .performance-bottom>div{gap:6px}.stage-view .performance-bottom .button{font-size:9px;padding:7px 8px}.stage-view .prompter-title{padding:8px 15px}}