@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap";:root{font-family:DM Sans,sans-serif;color:#253d36;background:#f5f3ec;font-synthesis:none;--green:#193e39;--muted:#7a8176;--line:#dcded4;--paper:#f5f3ec;--gold:#b29158;--serif:"Libre Caslon Display",Georgia,serif}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}button{border:0;background:none;color:inherit}button:disabled{cursor:default;opacity:.4}a{color:inherit}button,a,input{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #ad7c38}button{touch-action:manipulation}button,a{transition:background .18s,color .18s}button:hover{color:#ae7937}button.active{color:var(--green)}[hidden]{display:none!important}#app{height:100dvh;min-height:450px;display:grid;grid-template-columns:324px 1fr;grid-template-rows:78px minmax(0,1fr) 78px;overflow:hidden}.header{grid-column:1/-1;background:var(--green);color:#f1f0df;display:flex;align-items:center;justify-content:space-between;padding:0 30px;z-index:20;border-bottom:1px solid #ffffff17}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;flex-shrink:0}.brand svg{width:35px;height:40px;fill:none;stroke:#d5bd88;stroke-width:1.1}.brand>span{font-family:var(--serif);font-size:19px;letter-spacing:1.7px}.brand small{display:block;font-family:DM Sans,sans-serif;font-size:8px;letter-spacing:2.4px;margin-top:5px;color:#b6c3b4}.mode-nav{display:flex;align-self:stretch;gap:30px}.mode-nav button{font-size:12px;position:relative;color:#b9c7bd;padding:0 3px}.mode-nav button.active{color:#fff}.mode-nav button.active:after{content:"";height:2px;background:#d0b57b;position:absolute;bottom:0;left:0;right:0}.icon-button{border:1px solid #ffffff35;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-size:17px}.header .icon-button{color:#dfdfc7}.sidebar{grid-column:1;grid-row:2;min-height:0;display:flex;flex-direction:column;background:var(--paper);z-index:15;border-right:1px solid var(--line)}.sidebar-intro{padding:27px 26px 22px}.eyebrow{font-size:9px;font-weight:600;letter-spacing:1.8px;line-height:1.6;margin:0 0 14px;color:#7b866e}.sidebar-intro .eyebrow{display:flex;justify-content:space-between;font-size:8px}.eyebrow span{color:#a7ad9a}.sidebar h1{font-family:var(--serif);font-weight:400;font-size:43px;letter-spacing:-1.3px;line-height:1.04;margin:0 0 15px}.sidebar h1 em{font-weight:400;color:#aa8150}.sidebar-intro>p:last-child{font-size:12px;line-height:1.7;color:var(--muted);max-width:250px;margin:0}.sidebar-tabs{display:flex;gap:24px;padding:0 26px;border-bottom:1px solid var(--line)}.sidebar-tabs button{font-size:12px;font-weight:500;padding:13px 0;position:relative}.sidebar-tabs button[aria-selected=true]:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--green)}#visited-count{font-size:9px;color:#738374;background:#e8ebdf;border-radius:3px;padding:3px 5px;margin-left:5px}#catalog,#lesson{min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#c7cebd transparent;flex:1}#catalog{padding:17px 18px 15px}.search{border:1px solid var(--line);border-radius:4px;display:flex;align-items:center;padding:9px 11px;gap:8px;margin:0 8px 17px}.search svg{width:15px;fill:none;stroke:#8b9486;stroke-width:1.5}.search input{background:none;border:0;min-width:0;width:100%;font-size:11px;color:var(--green)}.search input:focus{outline:none}.catalog-group{margin-bottom:13px}.group-heading{display:flex;align-items:center;padding:7px 8px;margin:0 0 4px;font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.group-heading span:first-child{width:21px;font-size:9px;color:#9caa91}.group-heading span:last-child{margin-left:auto;font-size:9px;color:#8c9585}.element-button{width:100%;display:flex;align-items:center;text-align:left;gap:10px;padding:9px 11px;border-radius:3px;font-size:11px;color:#606d60}.element-button .number{color:#a2ac98;font-size:9px;width:14px}.element-button .check{margin-left:auto;color:#8b9c76;font-size:12px}.element-button:hover{background:#eaece2;color:var(--green)}.element-button.active{background:#e3e9db;color:var(--green);font-weight:600}.sidebar-footer{padding:14px 21px;display:flex;align-items:center;gap:6px;border-top:1px solid var(--line);font-size:8px;color:#818a78}.sidebar-footer button{font-size:8px;margin-left:auto;padding:0}.status-dot{display:inline-block;width:5px;height:5px;background:#819b69;border-radius:50%;flex-shrink:0}.empty{font-size:12px;padding:16px}.lesson-content{padding:23px 26px}.lesson-content h2{font:35px/1.1 var(--serif);margin:10px 0 17px;letter-spacing:-.7px}.lesson-content .lead{font-size:14px;line-height:1.6;color:#506750}.lesson-content p{font-size:12px;line-height:1.8;color:#697564}.lesson-content dl{margin:20px 0;border-top:1px solid var(--line)}.lesson-content dl div{padding:11px 0;border-bottom:1px solid var(--line)}.lesson-content dt{font-size:8px;text-transform:uppercase;letter-spacing:1.5px;color:#959e8b;margin-bottom:5px}.lesson-content dd{margin:0;font-size:12px}.observe{padding:14px;background:#e8ecdf;border-left:2px solid #98a47b}.observe strong{display:block;font-size:9px;letter-spacing:1px;text-transform:uppercase}.observe p{margin:6px 0 0}.source-link{display:block;font-size:10px;text-decoration:none;margin:20px 0}.lesson-actions{display:flex;flex-wrap:wrap;gap:8px}.small-button{padding:9px 11px;font-size:10px;border:1px solid #c8d0bd;border-radius:3px}.small-button.primary{background:var(--green);color:#fff;border-color:var(--green)}.progress-track{height:4px;background:#e0e4d6;margin:18px 0}.progress-track span{height:100%;display:block;background:#80915d;transition:width .3s}#stage{position:relative;overflow:hidden;grid-column:2;grid-row:2;background:#d1c7ac;min-width:0}#scene,#labels{position:absolute;top:0;right:0;bottom:0;left:0}#scene canvas{display:block;width:100%;height:100%;touch-action:none;outline-offset:-4px}#labels{pointer-events:none;overflow:hidden}.world-label{position:absolute;left:0;top:0;display:flex;align-items:center;gap:6px;padding:5px 8px;background:#f7f5e8ed;color:#354b3d;border:1px solid #d9d2bb;font-size:9px;white-space:nowrap;border-radius:3px;pointer-events:auto;box-shadow:0 2px 8px #3b342512;will-change:transform}.world-label:before{content:"";width:5px;height:5px;border:1px solid #a99468;border-radius:50%}.world-label.active{background:var(--green);color:#fff;border-color:var(--green)}.scene-top{position:absolute;top:22px;left:28px;right:22px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.location{display:flex;gap:9px;align-items:center;font-size:8px;letter-spacing:1.3px;color:#50634e}.divider{opacity:.3}#mode-caption{letter-spacing:.2px;text-transform:none;color:#747c68}.glass-button{background:#f6f3e8d9;border:1px solid #f5f0e397;border-radius:4px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:10px;padding:10px 12px;pointer-events:auto;box-shadow:0 2px 5px #5e553108}.glass-button.active{color:#f5f2e7;background:#24453ce8;border-color:#24453c}.scene-top .glass-button{font-size:22px;padding:2px 8px}.scene-title{position:absolute;top:75px;left:28px;pointer-events:none}.scene-title .eyebrow{color:#818566;font-size:8px;margin-bottom:7px}.scene-title h2{font:32px var(--serif);margin:0 0 7px;color:#3b4b37;letter-spacing:-.5px}.scene-title>p:last-child{margin:0;font-size:10px;color:#818068}.scene-options{position:absolute;right:22px;top:83px;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;max-width:370px}.compass{position:absolute;left:28px;bottom:72px;display:flex;flex-direction:column;align-items:center;gap:1px;font-size:8px;color:#607158;pointer-events:none}.compass svg{width:42px;height:42px;fill:#68775844;stroke:#6a775c;stroke-width:1}.minimap{position:absolute;right:22px;bottom:68px;width:116px;background:#f6f2e1b8;border:1px solid #f9f5e7af;padding:12px 10px 5px;border-radius:4px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}.map-head{display:flex;justify-content:space-between;font-size:6px;letter-spacing:.8px;color:#7c846c}.minimap svg{width:100%;height:145px;display:block}.map-court{fill:#eee9d688;stroke:#899177;stroke-width:.7}.map-tent{fill:#7b876766;stroke:#64745a;stroke-width:.7}.map-veil{stroke:#687454;stroke-width:1}.map-altar{fill:#ad8755}.map-water{fill:#72a4a1}.map-gate{stroke:#a26050;stroke-width:2}.minimap text{text-anchor:middle;fill:#7f856d;font-size:5px;letter-spacing:.4px}#map-view{fill:#244e43;stroke:#f5f1dc;stroke-width:.6}.canvas-hint{position:absolute;bottom:22px;left:50%;transform:translate(-50%);display:flex;gap:22px;font-size:9px;color:#757b66;white-space:nowrap;pointer-events:none}.selection{position:absolute;bottom:65px;left:28px;width:min(340px,calc(100% - 175px));padding:18px 20px;background:#f8f5eaf2;border:1px solid #fffcf3;border-radius:5px;box-shadow:0 10px 35px #50452815;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.selection .eyebrow{font-size:8px;margin:0;color:#829072}.selection h3{font:26px var(--serif);margin:7px 0 6px}.selection>p{font-size:11px;color:#78816b;line-height:1.6;margin:0 0 13px}.selection>div{display:flex;gap:13px;align-items:center}.selection>div>button{font-size:9px;padding:0}.selection>div .icon-button{margin-left:auto;width:24px;height:24px;border-color:#d2d9c5;font-size:17px}.selection #read-more{font-weight:600}#isolate{color:#998660}.selection[hidden]~.compass{display:flex}.tour-bar{position:absolute;bottom:16px;left:50%;transform:translate(-50%);background:var(--green);color:#f7f3e7;border-radius:5px;padding:11px;display:flex;gap:18px;align-items:center;box-shadow:0 5px 20px #17352633;min-width:310px}.tour-bar>div{flex:1;min-width:150px}.tour-bar span{display:block;font-size:8px;color:#b3c1ab;letter-spacing:1.3px;margin-bottom:3px}.tour-bar strong{font-size:11px;font-weight:500}.tour-bar button{font-size:18px;color:#d6ddc6}.tour-bar button:last-child{font-size:16px;border-left:1px solid #ffffff20;padding-left:13px}.crosshair{position:absolute;left:50%;top:50%;color:#ffffffc9;text-shadow:0 1px 3px #000;font-size:22px;transform:translate(-50%,-50%);pointer-events:none}#interact{position:absolute;left:50%;top:57%;transform:translate(-50%);background:#193e39e0;color:#f9f4e8;padding:8px 12px;border:1px solid #ffffff44;border-radius:4px;font-size:10px}.walk-pad{position:absolute;bottom:65px;left:25px;display:grid;grid-template-columns:repeat(3,43px);gap:5px}.walk-pad button,.look-pad button{background:#f5f3e9ce;border:1px solid #fff9;border-radius:5px;width:43px;height:43px;touch-action:none;-webkit-user-select:none;user-select:none;font-size:19px}.walk-pad button:first-child{grid-column:2}.walk-pad button:nth-child(2){grid-column:1}.look-pad{position:absolute;bottom:70px;right:25px;display:flex;gap:7px}.walking .minimap{bottom:170px}.walking .compass{display:none}.walking .selection{left:50%;transform:translate(-50%);bottom:85px;width:min(320px,calc(100% - 340px))}.walking .scene-title{display:none}.walking .scene-options{top:65px}.walking .world-label{font-size:10px}.walking .scene-options #layers,.walking .scene-options #cutaway{display:none}#toast{position:absolute;top:155px;left:50%;transform:translate(-50%);background:#193e39ee;color:#f6f1e1;border:1px solid #b6bf9b;padding:11px 18px;border-radius:4px;font-size:11px;max-width:90%;text-align:center;pointer-events:none}.bottom-bar{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);background:var(--paper);padding:0 28px;z-index:20}.route-label{font-size:8px;letter-spacing:1.6px;color:#97a089}.bottom-bar nav{display:flex;gap:10px}.bottom-bar nav button{font-size:11px;padding:12px 14px;border:1px solid transparent;border-radius:4px;white-space:nowrap;color:#75816b}.bottom-bar nav button span{font-size:8px;color:#9caa8f;margin-right:9px}.bottom-bar nav button.active{background:#e6ebdf;border-color:#d9e0ce;color:#2b4737}.quiz-open{font-size:10px;color:#667957}.bottom-bar #mobile-panel{display:none}#loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;background:#dfd6bd;color:#57644a;font-size:12px;z-index:12}.loader{width:26px;height:26px;border:1px solid #b8b598;border-top-color:#42654c;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}dialog{border:1px solid #d6decb;border-radius:8px;padding:35px;max-width:590px;width:calc(100% - 36px);max-height:85dvh;overflow-y:auto;background:var(--paper);color:var(--green);box-shadow:0 20px 120px #132a3844}dialog::backdrop{background:#142b2bcc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}dialog h2{font:38px/1.1 var(--serif);margin:8px 0 20px}dialog h3{font:25px var(--serif);margin:25px 0 10px}dialog p{font-size:12px;line-height:1.8;color:#6b7861}.dialog-close{position:absolute;right:15px;top:10px;font-size:24px;color:#829074}.source-links{display:flex;flex-wrap:wrap;gap:15px;font-size:11px;margin-top:22px}.quiz-progress{font-size:9px;letter-spacing:1.5px;color:#8a9979}.quiz-answers{display:grid;gap:10px;margin:24px 0}.quiz-answers button{text-align:left;padding:14px 16px;border:1px solid #d4dcc8;border-radius:4px;font-size:12px;line-height:1.5}.quiz-answers button.correct{background:#e1ecd8;border-color:#749766}.quiz-answers button.wrong{background:#f0e1d8;border-color:#b98d76}.quiz-answers button:disabled{opacity:1}.quiz-feedback{padding:13px;background:#e9ecdf;line-height:1.7;font-size:12px}.quiz-next{background:var(--green);color:#f7f4e9;padding:12px 17px;border-radius:4px;font-size:11px;margin-top:15px}.result-score{font:68px var(--serif);color:#8c9e6b}.webgl-error{padding:35px;line-height:1.7;max-width:450px;text-align:center}.webgl-error h2{font:35px var(--serif)}@media(min-width:1600px){#app{grid-template-columns:360px 1fr}.sidebar-intro{padding:35px 32px}.sidebar h1{font-size:50px}.element-button{padding:11px}.scene-title h2{font-size:39px}}@media(max-height:780px)and (min-width:761px){.sidebar-intro{padding:20px 26px 17px}.sidebar h1{font-size:35px}.sidebar-intro>p:last-child{font-size:11px}.sidebar-intro .eyebrow{margin-bottom:10px}.sidebar-tabs button{padding:10px 0}.element-button{padding:7px 11px}.scene-title h2{font-size:29px}.minimap{width:102px}.minimap svg{height:125px}}@media(max-width:1150px){#app{grid-template-columns:285px 1fr}.header{padding:0 22px}.mode-nav{gap:20px}.route-label{display:none}.scene-options{top:146px;left:28px;right:auto}.scene-options .glass-button{font-size:9px}.scene-title{top:65px}.canvas-hint{gap:12px;font-size:8px}.canvas-hint span:last-child{display:none}.bottom-bar{padding:0 18px}.bottom-bar nav{gap:2px}.bottom-bar nav button{padding:11px}.quiz-open{font-size:9px}.walking .selection{width:260px;bottom:160px}.brand>span{font-size:17px}.brand small{font-size:7px}}@media(max-width:760px){#app{grid-template-columns:1fr;grid-template-rows:104px minmax(0,1fr) 66px;min-height:400px}.header{padding:12px 18px 0;flex-wrap:wrap;gap:6px;align-content:space-between}.brand{gap:8px}.brand svg{width:28px;height:30px}.brand>span{font-size:16px}.brand small{font-size:6px;letter-spacing:2px}.header>.icon-button{width:28px;height:28px}.mode-nav{order:3;width:100%;height:38px;justify-content:center;gap:32px}.mode-nav button{font-size:10px}.sidebar{position:absolute;top:104px;bottom:66px;left:0;width:min(324px,88vw);box-shadow:8px 0 30px #26453122;transform:translate(-105%);transition:transform .25s;z-index:25}.sidebar.open{transform:translate(0)}.sidebar-intro{padding:20px 23px 15px}.sidebar h1{font-size:33px}.sidebar-intro>p:last-child{font-size:11px}.sidebar-intro .eyebrow{font-size:7px;margin-bottom:8px}#stage{grid-column:1}.scene-top{top:16px;left:18px;right:15px}.location{font-size:6px;letter-spacing:1px;gap:6px}.scene-title{top:60px;left:18px}.scene-title h2{font-size:29px}.scene-title>p:last-child{font-size:9px}.scene-options{top:136px;left:18px;gap:5px}.glass-button{padding:8px 9px}.compass{left:18px;bottom:52px}.compass svg{width:32px;height:32px}.minimap{right:13px;bottom:53px;width:80px;padding:9px 6px 4px}.minimap svg{height:110px}.map-head{font-size:5px}.canvas-hint{bottom:19px;width:100%;justify-content:center;gap:17px;font-size:8px}.bottom-bar{padding:0 8px;gap:4px}.bottom-bar #mobile-panel{display:block;font-size:0;flex-shrink:0;width:38px;height:38px;background:#e6ebdf;border:1px solid #d6dfcd;border-radius:4px}.bottom-bar #mobile-panel:before{content:"☰";font-size:18px}.bottom-bar nav{gap:0;flex:1;justify-content:space-around}.bottom-bar nav button{padding:9px 7px;font-size:9px;display:flex;flex-direction:column;gap:4px;align-items:center}.bottom-bar nav button span{font-size:7px;margin:0}.quiz-open{display:none}.selection{bottom:52px;left:15px;width:calc(100% - 115px);padding:13px}.selection h3{font-size:23px}.selection>p{font-size:10px;margin-bottom:8px}.selection>div{gap:9px;flex-wrap:wrap}.selection #read-more{font-size:9px}.selection #isolate{font-size:8px}.selection .icon-button{position:absolute;top:8px;right:8px}.world-label{font-size:8px;padding:4px 6px}.tour-bar{bottom:8px;min-width:285px;padding:10px;gap:12px}.touring .selection{bottom:78px}.touring .minimap{bottom:80px}.walking .minimap{bottom:190px;width:70px}.walking .scene-options{top:50px;left:18px}.walking .selection{width:calc(100% - 40px);bottom:177px;left:20px;transform:none}.walking .selection>p{display:none}.walking .canvas-hint{font-size:7px}.walk-pad{bottom:47px;left:18px;grid-template-columns:repeat(3,42px)}.walk-pad button,.look-pad button{height:42px;width:42px}.look-pad{bottom:53px;right:18px}#toast{top:185px;font-size:10px;width:85%}dialog{padding:28px 23px}dialog h2{font-size:32px}.lesson-content{padding:22px}.scene-top #fullscreen{font-size:19px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root{--green:#253c51;--paper:#f4f2ed;--line:#dedbd1;--muted:#777e84;color:#2e4052;background:var(--paper)}.header{background:#24394e}.brand svg{stroke:#d3b57c}.brand small{color:#b8c4d1}.header .icon-button{color:#ded7c3}.sidebar h1 em{color:#ab7b4e}.sidebar-intro .eyebrow{color:#8a8172}.sidebar-footer{color:#8c8579}.sidebar-tabs button[aria-selected=true]:after{background:#344e64}.element-button.active{background:#e1e6e9;color:#2c465d}.element-button:hover{background:#e9ecee;color:#29465e}.element-button .number{color:#9aa4ac}.element-button .check{color:#a58a58}.group-heading{color:#556372}.group-heading span:first-child{color:#a78c60}.lesson-content p{color:#687581}.lesson-content .lead{color:#4a6071}.observe{background:#e9e7dd;border-color:#bc9c65}.progress-track span{background:#9a8357}#visited-count{background:#e5e7e9;color:#697681}.source-link{color:#8f7346}.scene-title h2{color:#36495b}.scene-title .eyebrow{color:#8a8171}.scene-title>p:last-child{color:#72808a}.location{color:#53677a}.scene-options{max-width:400px}.glass-button.active{background:#2d485eee;border-color:#2d485e;color:#f7f1e2}.glass-button{background:#f5f2e7e6;color:#405469}.world-label{color:#3e5363;background:#f7f3e9eb;border-color:#d8d2bf}.world-label.active{background:#2d485e;color:#fff}.selection{background:#f7f4ecf2}.selection>p{color:#73808a}.map-chambers{fill:#b4b6b26b;stroke:#9aa3a4;stroke-width:.5}.map-tent{fill:#899eb366;stroke:#587083}.map-portico{fill:#bb9c6540;stroke:#9a8258;stroke-width:.6}.map-court{fill:#f1e8d74d;stroke:#9d9d91}.map-water{fill:#6b9aa2}.map-veil{stroke:#8a6179}.map-altar{fill:#a7794e}.map-gate{stroke:#7b8b98}.minimap{background:#f4f0e5ce}#map-view{fill:#263e54}.bottom-bar nav button.active{background:#e3e7e9;border-color:#d4dce0;color:#29465b}.bottom-bar nav button{color:#6b7b88}.bottom-bar nav button span{color:#9b8b6f}.quiz-open{color:#617387}.tour-bar{background:#243d52}.status-dot{background:#ad8e5a}#toast{background:#2d465cee;border-color:#b9b399}.compass{color:#687e8e}.compass svg{fill:#687e8e33;stroke:#687e8e}.canvas-hint{color:#6c7981}@media(max-width:760px){.brand>span{font-size:15px}.brand small{font-size:6px}.scene-title h2{font-size:29px}.bottom-bar #mobile-panel{background:#e3e7e9;border-color:#d4dce0}.sidebar{box-shadow:8px 0 30px #253e5622}.scene-options{max-width:calc(100% - 30px)}}