@charset "UTF-8";
:root{--ink:#eee8d8;--dim:#b6bdac;--gold:#cfb67d;--line:rgba(221,225,196,.2);--dark:#17201c;--panel:#15201cf5;--serif:Georgia,'Times New Roman',serif;--sans:'Helvetica Neue',Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:#141c19;color:var(--ink);font-family:var(--sans);font-size:14px}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button:disabled{opacity:.38;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #f6da96;outline-offset:5px}button:hover:not(:disabled){color:#fff}a{color:inherit}button, a{transition:background .2s,color .2s,opacity .2s,transform .2s}button[hidden],[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400}em{font-weight:400}#app{height:100svh;min-height:560px;overflow:hidden;isolation:isolate;position:relative}#room-viewport{position:absolute;inset:0;overflow:hidden;background:#222820}#room-world{position:absolute;width:max(100%,177.68svh);height:max(100%,56.28vw);left:50%;top:50%;transform:translate(-50%,-50%);transition:transform 1.4s cubic-bezier(.2,.65,.3,1);will-change:transform}.room-image{position:absolute;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.1s ease;filter:saturate(.78) brightness(.87)}.room-image.active{opacity:1}.growth-overlay{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity 1s}.growth-overlay.visible{opacity:1}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(8,17,14,.57),transparent 30%,transparent 60%,rgba(8,17,14,.88)),linear-gradient(90deg,rgba(7,15,12,.72),transparent 65%);transition:background .7s;z-index:1}body.playing .vignette{background:linear-gradient(180deg,rgba(8,17,14,.79),transparent 27%,transparent 60%,rgba(8,17,14,.93))}.film-grain{pointer-events:none;position:absolute;inset:0;opacity:.045;z-index:9;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}#atmosphere{position:absolute;inset:0;pointer-events:none;z-index:2;opacity:.65}#shift-flash{position:absolute;inset:0;pointer-events:none;background:#eee3bd;z-index:10;opacity:0}#shift-flash.flash{animation:flash .9s ease-out}@keyframes flash{0%{opacity:0}15%{opacity:.27}100%{opacity:0}}
.topbar{position:absolute;top:0;left:0;right:0;padding:30px 4.5vw;display:flex;align-items:center;gap:28px;z-index:6}.wordmark{font-family:var(--serif);font-size:36px;position:relative;padding:0 0 6px;line-height:1}.wordmark span{font-size:24px;margin-left:2px}.wordmark i{display:block;position:absolute;height:1px;background:var(--gold);left:0;right:0;bottom:0}.chapter-mark{display:flex;align-items:center}.top-actions{margin-left:auto;display:flex;gap:10px}.icon-btn{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:#17201c22;backdrop-filter:blur(8px)}.icon-btn:hover{background:#d7d9b51a}.icon-btn svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.3}.icon-btn.close{font-size:26px;font-weight:200}.intro{position:absolute;inset:0;z-index:3}.intro-copy{position:absolute;top:24%;left:9%;max-width:690px}.eyebrow{font-size:9px;letter-spacing:2.1px;font-weight:500;line-height:1.6;color:var(--gold);text-transform:uppercase}.intro .eyebrow{display:flex;align-items:center;gap:12px}.eyebrow>span:empty{width:20px;height:1px;background:var(--gold)}.intro h1{font-size:clamp(75px,9vw,142px);line-height:1.13;letter-spacing:-6px;margin:13px 0 20px}.intro h1 em{font-style:normal;color:#d5c197;font-weight:400}.intro-tagline{font-family:var(--serif);font-size:clamp(24px,2.3vw,35px);line-height:1.28;letter-spacing:-.5px}.intro-description{color:#c0c4b6;line-height:1.8;margin:23px 0 29px;font-size:13px}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;padding:19px 26px;border:1px solid #dac89c;background:#dbd1ae;color:#1b261f;font-size:12px;letter-spacing:.3px;min-height:52px}.primary:hover:not(:disabled){background:#efe4c3;color:#15231a;transform:translateY(-1px)}.primary>span:last-child{font-size:20px;line-height:10px}.intro-meta{font-size:7px;letter-spacing:2px;color:#bbbfae;margin-top:17px}.text-btn{font-size:11px;padding:15px 0;letter-spacing:.4px;display:inline-block;text-decoration:none;color:#c3c8b7}.text-btn:hover{text-decoration:underline;text-underline-offset:5px}.intro-caption{position:absolute;right:5%;bottom:24%;text-align:right;border-right:1px solid #b2be9e;padding:0 20px}.intro-caption>span{font-size:8px;letter-spacing:1.8px;color:#e0d4b4}.intro-caption p{font:italic 18px/1.6 var(--serif);margin-top:12px;color:#d2d0bd}.intro-bottom{position:absolute;bottom:35px;left:4.5vw;right:4.5vw;display:flex;align-items:center;justify-content:space-between;gap:20px}.intro-bottom>span{font-size:7px;letter-spacing:1.6px;color:#c1c3b0}.intro-bottom .text-btn{font-size:8px;letter-spacing:1.1px}.objective{position:absolute;top:118px;left:4.5vw;z-index:3;pointer-events:none}.objective h2{font-size:24px;margin:7px 0}.objective>p:last-child{color:#b5bcad;font-size:11px;max-width:350px;line-height:1.7}.explore{position:absolute;top:121px;right:4.5vw;z-index:3}.pill{border:1px solid var(--line);background:#16221e77;backdrop-filter:blur(14px);padding:12px 16px;font-size:10px;display:flex;gap:10px;align-items:center}.pill>span:last-child{opacity:.6;font-size:8px}.bottom-hud{position:absolute;bottom:28px;left:4.5vw;right:4.5vw;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;z-index:5;pointer-events:none}.bottom-hud>*{pointer-events:auto}.inventory{min-width:170px;padding-bottom:8px}.inventory-label,.timeline-label{display:block;font-size:7px;letter-spacing:1.8px;color:#c1c5ad;margin-bottom:14px}.inventory-items{display:flex;gap:8px}.inventory-chip{border:1px solid var(--line);border-radius:2px;padding:10px;margin:0 6px 0 0;display:inline-flex;gap:9px;align-items:center;font-size:10px;background:#14251ca6}.empty-inventory{font:italic 13px var(--serif);color:#a3b09e}.timeline{text-align:center}.time-buttons{display:flex;background:#18251fde;border:1px solid #9caa824a;backdrop-filter:blur(18px);padding:5px}.time-buttons button{position:relative;width:130px;padding:14px 18px 13px;border:1px solid transparent;display:flex;flex-direction:column;align-items:center;gap:5px;color:#aeb79e}.time-buttons button.selected{background:#d7d7b017;border-color:#c6c1975e;color:#eee5c4}.time-buttons button small{position:absolute;top:7px;left:9px;font-size:7px;opacity:.5}.time-buttons button strong{font:23px var(--serif)}.time-buttons button span{font-size:6px;letter-spacing:1.8px}.hint-button{font-size:10px;padding:10px 0 16px;color:#ccd2bd;min-width:170px;text-align:right}.hint-button>span{display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:50%;width:26px;height:26px;margin-right:9px;font:italic 16px var(--serif)}#pan-controls{display:none}#hotspots{position:absolute;inset:0;z-index:4;display:none}body.playing #hotspots{display:block}.hotspot{position:absolute;width:46px;height:46px;margin:-23px 0 0 -23px;border:1px solid #e2dab878;border-radius:50%;display:grid;place-items:center;background:#16312545;backdrop-filter:blur(3px);box-shadow:0 0 0 7px #d7e7ac06;transition:background .25s,border .25s,opacity .25s}.hotspot::before{content:'';height:5px;width:5px;border-radius:50%;background:#e3d9b0;box-shadow:0 0 15px #e6db9b}.hotspot .hotspot-name{position:absolute;white-space:nowrap;top:51px;left:50%;transform:translateX(-50%);padding:7px 10px;background:#132219d9;font-size:9px;letter-spacing:.4px;opacity:0;transition:opacity .2s;border:1px solid var(--line);pointer-events:none}.hotspot:hover,.hotspot:focus-visible{border-color:#f4ebc4;background:#56725e88}.hotspot:hover .hotspot-name,.hotspot:focus-visible .hotspot-name{opacity:1}.hotspot.important{box-shadow:0 0 0 8px #f1dc7f18,0 0 35px #dbd39b20}.hotspot.done::before{background:#96bcab}.inspect{position:absolute;right:0;top:0;bottom:0;width:440px;max-width:100%;background:var(--panel);border-left:1px solid var(--line);z-index:7;backdrop-filter:blur(35px);overflow-y:auto;animation:panel-in .45s ease;box-shadow:-30px 0 90px #07120c66;scrollbar-width:thin;scrollbar-color:#647060 transparent}.inspect-top{position:sticky;top:0;z-index:2;padding:23px 28px;display:flex;align-items:center;justify-content:space-between;background:#15201ce6}.inspect-top .eyebrow{font-size:8px}.inspect-top .icon-btn{width:32px;height:32px}#object-stage{height:265px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#4b514936,transparent 65%)}#object-canvas{width:100%;height:100%;display:block;cursor:grab;touch-action:none}#object-canvas:active{cursor:grabbing}.object-caption{position:absolute;bottom:13px;left:0;right:0;text-align:center;pointer-events:none;font-size:6px;letter-spacing:2px;color:#93a58e}#object-fallback{display:none;height:100%;place-items:center;font:80px var(--serif);color:#dbc48f}#object-stage.no-webgl #object-canvas{display:none}#object-stage.no-webgl #object-fallback{display:grid}#object-stage.no-webgl .object-caption{display:none}.inspect-content{padding:18px 34px 35px}.inspect-content h2{font-size:31px;line-height:1.2;margin-bottom:14px}.inspect-content p{font-size:12px;line-height:1.85;color:#b9c3b1}.inspect-content .quote{font:italic 17px/1.6 var(--serif);color:#d4d3b6;margin:15px 0;border-left:1px solid #a0aa7c;padding-left:18px}.inspect-content .primary{width:100%;margin-top:16px;min-height:47px;padding:15px 19px;font-size:11px}.inspect-content .outline{width:100%;margin-top:12px}.control-label{font-size:8px;letter-spacing:1.7px;color:#a7b399;display:block;margin:20px 0 9px;text-transform:uppercase}.segmented{display:flex;gap:5px}.segmented button{padding:12px 8px;border:1px solid var(--line);font-size:10px;flex:1;min-height:42px}.segmented button.active{background:#d5d5a821;border-color:#bbb889}.feedback{padding:12px 14px;margin-top:15px;border:1px solid #a2b48a35;background:#acc49309;color:#c9d5bd!important;font-size:11px!important}.dial-row{display:flex;gap:16px;margin:22px 0 10px}.dial{flex:1;display:grid;grid-template-columns:38px 1fr 38px;align-items:center;border:1px solid var(--line);padding:9px 3px}.dial button{font-size:20px;min-height:35px}.dial output{text-align:center;font:24px var(--serif);color:#e4d9b2}.dial-label{grid-column:1/4;text-align:center;font-size:7px;letter-spacing:1.6px;margin:7px 0 3px;color:#a9b89f}.ring-values{display:flex;gap:10px;margin-top:20px}.ring-values div{flex:1;border-bottom:1px solid var(--line);text-align:center;padding:10px 0}.ring-values small{display:block;font-size:7px;letter-spacing:1px;color:#b4b99b}.ring-values strong{display:block;font:24px var(--serif);margin:8px}.ring-values .active{color:#f0daa2;border-color:#dac58f}.projection{margin-top:18px;border:1px solid #dcc8a94d;background:radial-gradient(ellipse,#daca9d23,#17322611);min-height:126px;padding:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.projection strong{font:50px var(--serif);color:#f0ddb6}.projection span{font-size:7px;letter-spacing:2px;color:#d1ceb8}.outline{border:1px solid var(--line);padding:14px 18px;font-size:11px}.outline:hover{background:#d5d9b514}.small-copy{font-size:11px!important;color:#a5b59e!important;line-height:1.8}.micro{font-size:8px;letter-spacing:1px;display:block;color:#adbba3;margin-top:18px}#toast{position:absolute;z-index:11;bottom:160px;left:50%;transform:translate(-50%,14px);background:#e0d9bf;color:#263228;padding:15px 22px;font:13px/1.5 var(--serif);max-width:min(520px,90vw);opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;border:1px solid #f3e6bd;box-shadow:0 10px 40px #0003;text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}#save-status{position:absolute;left:4.5vw;bottom:10px;z-index:10;font-size:8px;color:#d9cbb0}dialog{margin:auto;max-height:86svh;overflow-y:auto;border:1px solid #d8d2b329;box-shadow:0 30px 160px #0008;padding:46px;scrollbar-width:thin}dialog::backdrop{background:#07140eaa;backdrop-filter:blur(10px)}dialog h2{font-size:35px;line-height:1.2;margin:13px 0 24px;letter-spacing:-.5px}dialog p{line-height:1.85;font-size:13px;margin-bottom:16px}.dialog-close{position:absolute;top:15px;right:18px;width:35px;height:35px;font-size:25px;font-weight:200}.dark-dialog{width:480px;background:#18281f;color:#e1e3cb}.dark-dialog .primary{width:100%;margin-top:18px}.dark-dialog .text-btn{display:block;text-align:center;margin-top:8px}.dark-dialog .eyebrow{margin-bottom:0}.paper-dialog{width:620px;background:#e0d9c4;color:#354031}.paper-dialog .eyebrow{color:#7e6a42}.paper-dialog .dialog-lead{color:#6c745d;font-size:12px;max-width:430px}.paper-dialog footer{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.4px;margin-top:30px;padding-top:20px;border-top:1px solid #626a4033}.note{border-top:1px solid #5c6a3f33;padding:22px 0 5px;position:relative}.note h3{font-size:20px;margin-bottom:8px}.note small{display:block;font-size:7px;letter-spacing:1.3px;margin-bottom:9px;color:#78734f}.note p{font-size:12px;color:#5a654f}.note .number{font:35px var(--serif);letter-spacing:4px;color:#675431}.setting{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;border-bottom:1px solid var(--line);font-size:12px}.setting input{accent-color:#c7c692;width:20px;height:20px}.setting+.small-copy{margin:25px 0}.object-list-item{display:flex;width:100%;align-items:center;gap:18px;padding:16px 0;border-bottom:1px solid var(--line);text-align:left}.object-list-item span:first-child{font-size:10px;color:#bea778;width:20px}.object-list-item strong{font:19px var(--serif);font-weight:400}.object-list-item span:last-child{margin-left:auto;color:#96a685}#ending{position:absolute;inset:0;background:#111e16e8;backdrop-filter:blur(15px);z-index:8;overflow:auto;display:grid;place-items:center;padding:40px}.ending-copy{text-align:center;max-width:540px}.ending-symbol{font:110px var(--serif);color:#bcaf7c;margin:10px 0}.ending-copy h1{font-size:54px;line-height:1.1;margin-bottom:25px}.ending-copy>p:not(.eyebrow){font:17px/1.9 var(--serif);color:#c4cdb6}.ending-copy .primary{margin:30px auto 24px}.ending-copy p.ending-brand{font:8px var(--sans);letter-spacing:2px}.ending-brand strong{display:block;font:14px var(--serif);margin-top:12px;letter-spacing:3px}#ending-stat{margin-top:22px;font-size:8px;letter-spacing:1px;color:#9faf90}.noscript{position:fixed;inset:30%;padding:40px;background:#132118;z-index:99}.reduced-motion *, .reduced-motion *::before{animation:none!important;transition:none!important}body.inspecting .explore{right:470px}body.inspecting .bottom-hud{right:470px}body.inspecting .inventory,body.inspecting .hint-button{display:none}body.inspecting .timeline{margin:auto}body.inspecting .time-buttons button{width:105px}body.inspecting .top-actions{visibility:hidden}body.inspecting #toast{left:calc((100% - 440px)/2);max-width:min(430px,90vw)}@keyframes panel-in{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}
@media(min-width:1700px){.intro-copy{top:26%}.intro h1{font-size:160px}.intro-tagline{font-size:38px}.intro-description{font-size:15px}}
@media(max-height:740px) and (min-width:850px){.intro-copy{top:22%}.intro h1{font-size:90px;margin:6px 0 10px}.intro-description{margin:15px 0 20px}.intro-tagline{font-size:26px}.intro-caption{bottom:27%}.intro-bottom{bottom:18px}.topbar{padding-top:22px}.objective{top:102px}#object-stage{height:200px}.inspect-content{padding-top:8px}.bottom-hud{bottom:20px}}
@media(max-width:1050px){.inventory,.hint-button{min-width:110px}.time-buttons button{width:106px}.intro-caption{display:none}.intro-copy{left:7%}.inspect{width:400px}body.inspecting .explore{display:none}body.inspecting .bottom-hud{right:420px;left:20px}body.inspecting .time-buttons button{width:85px}body.inspecting #toast{left:calc((100% - 400px)/2);max-width:45vw}}
@media(max-width:700px){#app{min-height:520px}.topbar{padding:23px 24px;gap:20px}.chapter-mark{font-size:6px;letter-spacing:1.6px}.wordmark{font-size:29px}.wordmark span{font-size:20px}.top-actions{gap:7px}.icon-btn{width:35px;height:35px}.icon-btn svg{width:15px;height:15px}.intro-copy{left:8%;right:7%;top:26%}.intro .eyebrow{font-size:6px;letter-spacing:1.6px}.intro h1{font-size:clamp(67px,15vw,106px);letter-spacing:-4px;margin:15px 0 25px}.intro-tagline{font-size:27px}.intro-description{font-size:12px;margin:22px 0 26px}.intro-bottom{left:8%;right:8%;bottom:26px;display:block}.intro-bottom>span{font-size:6px;letter-spacing:1px;display:block}.intro-bottom .text-btn{font-size:7px;padding-bottom:0}.intro-meta{font-size:6px;letter-spacing:1.5px}.vignette{background:linear-gradient(90deg,#0b170cbb,#0d160c22),linear-gradient(0deg,#07120de6,transparent 50%,#0c1b1299)}.objective{top:100px;left:24px;right:24px}.objective h2{font-size:23px}.objective .eyebrow{font-size:7px}.objective>p:last-child{max-width:270px;font-size:10px}.explore{top:auto;bottom:186px;right:24px;font-size:9px}.bottom-hud{left:18px;right:18px;bottom:21px;flex-wrap:wrap;gap:13px}.timeline{width:100%;order:3}.timeline-label{font-size:6px;letter-spacing:1.5px;margin-bottom:10px}.time-buttons{width:100%;justify-content:center}.time-buttons button{width:33.33%;padding:13px 10px}.time-buttons button strong{font-size:22px}.time-buttons button span{font-size:6px}.inventory{padding:0;min-width:0}.inventory-label{display:none}.empty-inventory{font-size:11px}.inventory-chip{padding:8px;font-size:9px}.hint-button{padding:0;min-width:0;font-size:9px}.hint-button>span{width:23px;height:23px}.hotspot{width:40px;height:40px;margin:-20px}.hotspot .hotspot-name{top:43px;font-size:8px}#pan-controls{display:flex;position:absolute;left:24px;bottom:181px;z-index:4;gap:10px;align-items:center;background:#17281c77;border:1px solid var(--line);backdrop-filter:blur(8px)}#pan-controls span{font-size:5px;letter-spacing:1px;color:#c6cbb6}#pan-controls button{width:35px;height:39px;font-size:16px}#toast,body.inspecting #toast{bottom:180px;left:50%;max-width:88vw;font-size:12px;padding:12px 15px}.inspect{width:100%;top:85px;bottom:137px;border:1px solid #a7bb8d33;left:12px;right:12px;width:auto;box-shadow:0 0 90px #061108b3;border-radius:3px}.inspect-top{padding:13px 21px}.inspect-top .eyebrow{font-size:7px}#object-stage{height:170px}.inspect-content{padding:8px 24px 30px}.inspect-content h2{font-size:28px}.inspect-content p{font-size:12px}.inspect-content .quote{font-size:16px}.inspect-content .primary{padding:14px 17px}.object-caption{bottom:6px;font-size:5px}body.inspecting .top-actions{visibility:visible}body.inspecting .bottom-hud{left:18px;right:18px;bottom:20px}body.inspecting .time-buttons button{width:33.33%}body.inspecting .timeline-label{visibility:hidden;height:7px}body.inspecting #pan-controls,body.inspecting .objective{display:none}.dial-row{margin-top:18px}.control-label{margin-top:17px}.ring-values{margin-top:15px}dialog{padding:36px 27px;width:calc(100% - 30px);max-height:88svh}dialog h2{font-size:30px}dialog p{font-size:12px}.paper-dialog{width:calc(100% - 30px)}.paper-dialog .note h3{font-size:19px}.dark-dialog{width:calc(100% - 30px)}.ending-copy h1{font-size:42px}.ending-copy>p:not(.eyebrow){font-size:16px}.ending-symbol{font-size:75px;margin:5px 0}#ending{padding:30px}.ending-copy .primary{gap:25px;font-size:10px}.ending-copy .eyebrow{font-size:7px}.ending-copy p.ending-brand{font-size:6px}#save-status{bottom:4px;font-size:6px}.noscript{inset:20% 10%;padding:25px}}
@media(max-width:700px) and (max-height:720px){.intro-copy{top:22%}.intro h1{margin:10px 0 15px;font-size:72px}.intro-tagline{font-size:23px}.intro-description{margin:17px 0 19px;font-size:11px}.intro-meta{margin-top:12px}.intro-bottom{bottom:16px}.intro .primary{padding:15px 20px;min-height:45px}.intro-bottom>span{display:none}.objective>p:last-child{display:none}#object-stage{height:135px}.inspect{top:76px}.topbar{padding-top:18px}.objective{top:87px}.inspect-content h2{font-size:25px}}
.chapter-mark img{width:92px;height:auto;opacity:.72;display:block}.ending-brand{font-size:7px;letter-spacing:2px;color:#bfc9b0}.ending-brand img{display:block;width:145px;height:auto;margin:16px auto 0;opacity:.85}.projection svg{width:100%;height:75px;stroke:#d9cfaa;fill:none;stroke-width:1}.projection .flame{fill:#e8d3a1;stroke:none;animation:flicker 2s infinite alternate}.projection .bird{animation:drift 4s infinite alternate ease-in-out}@keyframes flicker{to{opacity:.45;transform:translateY(-2px)}}@keyframes drift{to{transform:translate(8px,-3px)}}
.language-control{display:flex;align-items:center;gap:7px;border:1px solid var(--line);padding:0 10px;background:#17201c77;backdrop-filter:blur(8px)}.language-control>span{color:#d0c6a1;font-size:15px}select{font:10px var(--sans);border:0;background:#1c2a21;color:#dedfcb;padding:8px 5px;cursor:pointer;max-width:140px}.language-control select{background:transparent;max-width:90px}.language-control select option{background:#1c2a21}html:not(.language-ready) .intro-copy{visibility:hidden}html[lang="el"] .eyebrow,html[lang="el"] .time-buttons button span{letter-spacing:.7px}
@media(max-width:700px){.chapter-mark img{width:66px}.intro h1{font-size:clamp(52px,15vw,90px);white-space:nowrap;letter-spacing:-3px}.topbar{gap:16px}}
@media(max-width:700px){.language-control{gap:3px;padding:0 5px}.language-control select{font-size:8px;max-width:62px;padding:5px 0}.language-control>span{font-size:11px}.topbar{gap:12px;padding-left:18px;padding-right:18px}.top-actions{gap:5px}.chapter-mark img{width:57px}.top-actions .icon-btn{width:31px;height:31px}.intro .eyebrow{max-width:95%;font-size:6px;letter-spacing:1.1px}.intro-tagline{font-size:clamp(22px,6vw,27px)}.timeline-label{letter-spacing:.7px}.time-buttons button span{letter-spacing:.6px}.intro-meta{letter-spacing:.8px}}
.intro-description{max-width:345px}.intro-caption>span{text-transform:uppercase}.ending-copy p.brand-afterword{font-size:15px;font-style:italic;color:#d0c39c;max-width:400px;margin:0 auto 27px}.ending-symbol{font-size:80px;margin:5px 0}.ending-copy h1{font-size:48px}.ending-copy .primary{margin:24px auto 20px}
@media(prefers-reduced-motion:reduce){*,*::before{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

.statistics-choices{display:grid;gap:10px;margin-top:25px}.statistics-choices .outline{width:100%;margin:0}#statistics-btn{margin-bottom:15px}@media(max-width:700px){.ending-copy h1{font-size:38px}}

/* The experience title belongs to the story; the LAKS mark stands alone. */
.intro-experiment{font:italic 24px/1.35 var(--serif);color:#ddd0ae;margin:-8px 0 24px;letter-spacing:.15px}
@media(max-width:700px){.intro-experiment{font-size:20px;margin:-14px 0 20px}}
@media(max-height:740px) and (min-width:850px){.intro-experiment{font-size:21px;margin:0 0 17px}}
@media(max-width:700px) and (max-height:720px){.intro-experiment{margin:-7px 0 17px}}

/* Keep the invitation, start and guidance together at every viewport height. */
.intro{display:flex;align-items:center;overflow-y:auto;padding:112px 9vw 62px;scrollbar-width:thin}
.intro-copy{position:relative;top:auto;left:auto;right:auto;max-width:min(660px,100%);flex-shrink:0;margin:auto 0}
.intro h1{font-size:clamp(58px,7.8vw,118px);white-space:nowrap;line-height:1.05;letter-spacing:-.055em;margin:16px 0}
.intro-experiment{font-size:24px;margin:0 0 24px}.intro-tagline{font-size:clamp(26px,2.2vw,36px)}
.intro-description{font-size:15px;max-width:410px;margin:20px 0 24px;color:#e0e2d4}
.intro-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px}.intro-actions .primary{min-width:215px;font-size:14px}
.guide-link{display:inline-flex;align-items:center;gap:9px;font-size:13px;line-height:1.4;padding:12px 0;color:#f0e6ca;text-align:left}
.guide-link>span{display:inline-grid;place-items:center;width:23px;height:23px;border:1px solid #cab78b88;border-radius:50%;font-family:var(--serif)}
.guide-link:hover{text-decoration:underline;text-underline-offset:5px}.headphone-note{font-size:12px;line-height:1.6;color:#d1d6c8;margin:13px 0 0;max-width:440px}
.intro-meta{font-size:8px;margin:16px 0 0;letter-spacing:1.7px}.intro-bottom{left:auto;right:4.5vw;bottom:22px}.intro-caption{bottom:25%;max-width:340px}
.objective{padding:17px 21px 7px;background:linear-gradient(115deg,#111d18f7,#15231ee8);border:1px solid #c9c8aa3b;border-left:2px solid #c7b27e;box-shadow:0 8px 32px #07100d33;max-width:410px;backdrop-filter:blur(12px)}
.objective h2{font-size:27px;color:#fff5de}.objective #objective-copy{font-size:14px;line-height:1.65;color:#e5e9db;max-width:360px;margin-top:8px}.objective .eyebrow{font-size:10px;color:#e0c589}.objective .guide-link{pointer-events:auto;font-size:12px;padding-top:10px}.objective .guide-link>span{width:19px;height:19px}
body.inspecting .objective{visibility:hidden}
.guide-dialog{width:min(990px,calc(100% - 40px));padding:36px;max-height:90svh}.guide-dialog h2{font-size:clamp(28px,3vw,40px);margin:10px 0 14px;max-width:800px}.guide-dialog .guide-lead{font-size:15px;line-height:1.65;margin:0 0 24px;max-width:720px;color:#e2e4d8}
.guide-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;align-items:start}.guide-picture{position:relative;border:1px solid #c8b27e66;overflow:hidden;aspect-ratio:1.1;background:#121e17}.guide-picture img{width:100%;height:100%;object-fit:cover;object-position:45%;opacity:.83}
.guide-pin{position:absolute;z-index:2;width:42px;height:42px;border:1px solid #f3ddb0;border-radius:50%;font:20px var(--serif);background:#15271df0;box-shadow:0 0 0 6px #eee2bc16;color:#fff4d6;transform:translate(-50%,-50%)}
.guide-pin[aria-pressed=true]{background:#e1c995;color:#142419;box-shadow:0 0 0 8px #eee2bc33}.pin-desk{left:14%;top:60%}.pin-time{left:50%;top:85%}.pin-book{left:83%;top:14%}
.guide-book{position:absolute;right:5%;top:7%;font-size:26px;color:#eee3c5}.guide-times{position:absolute;bottom:2%;left:15%;right:15%;display:flex;justify-content:space-around;padding:10px 5px;background:#132219f5;border:1px solid #c8b27e66;font:14px var(--serif)}
.guide-steps{display:grid;gap:10px}.guide-step{position:relative;display:grid;grid-template-columns:25px 1fr;gap:6px 10px;text-align:left;padding:14px;border:1px solid #c8b27e30;background:#0e191333}.guide-step.selected{border-color:#cfb67d99;background:#c8b27e0c}.guide-number{font-size:10px;color:#d9c18c;padding-top:4px}.guide-step strong{font:22px var(--serif);color:#eee6cf}.guide-step>span:last-child{grid-column:2;font-size:13px;line-height:1.65;color:#dfe4d4}
.guide-footer{display:flex;align-items:center;gap:24px;margin-top:24px}.guide-footer .primary{flex-shrink:0}.guide-footer p{font-size:12px;line-height:1.65;margin:0;color:#c5cebd}.setting~[data-open-guide]{margin-bottom:14px}
@media(max-width:1250px){.intro-caption{display:none}}
@media(max-height:760px) and (min-width:701px){.intro{padding:102px 8vw 45px}.intro h1{font-size:clamp(58px,12svh,96px);margin:8px 0 10px}.intro-experiment{font-size:22px;margin:0 0 16px}.intro-tagline{font-size:28px}.intro-description{font-size:14px;margin:14px 0 18px}.intro-meta{margin-top:12px}.intro-actions .primary{padding:15px 22px}}
@media(max-width:700px){.intro{padding:94px 7.5vw 38px;align-items:flex-start}.intro h1{font-size:clamp(49px,13.8vw,91px);margin:12px 0}.intro-experiment{font-size:20px;margin:0 0 20px}.intro-tagline{font-size:26px}.intro-description{font-size:14px;line-height:1.65;margin:18px 0 20px}.intro-actions{gap:5px 18px}.intro-actions .primary{min-width:195px;padding:16px 20px}.intro-meta{font-size:7px;letter-spacing:.8px}.intro-bottom{position:static;display:none}.headphone-note{font-size:11px;max-width:300px;margin-top:9px}.guide-link{font-size:12px;padding:10px 0}.objective{top:92px;left:18px;right:18px;max-width:380px;padding:12px 15px 3px}.objective h2{font-size:23px;margin:5px 0}.objective #objective-copy{display:block;font-size:12px;line-height:1.5}.objective .eyebrow{font-size:8px}.objective .guide-link{font-size:11px;padding:8px 0}.guide-dialog{padding:30px 20px;width:calc(100% - 24px)}.guide-layout{grid-template-columns:1fr;gap:15px}.guide-picture{aspect-ratio:1.75}.guide-picture img{object-fit:cover;object-position:center}.pin-desk{left:18%;top:56%}.guide-pin{width:34px;height:34px;font-size:17px}.guide-dialog h2{font-size:29px;line-height:1.2}.guide-dialog .guide-lead{font-size:14px;margin-bottom:18px}.guide-step strong{font-size:21px}.guide-step>span:last-child{font-size:13px}.guide-footer{flex-direction:column;align-items:stretch;gap:12px}.guide-times{font-size:12px;padding:5px}.guide-footer .primary{font-size:12px}.guide-footer p{font-size:12px}.guide-book{font-size:21px}}
@media(max-height:640px) and (max-width:700px){.intro{padding-top:85px;padding-bottom:24px}.intro h1{margin:8px 0}.intro-experiment{margin-bottom:15px}.intro-tagline{font-size:23px}.intro-description{font-size:13px;margin:14px 0 16px}.intro-actions{gap:3px 15px}.intro-actions .primary{min-width:180px;font-size:13px;padding:14px 18px}.intro-meta{margin-top:12px}.objective #objective-copy{font-size:11px}.objective h2{font-size:21px}}
#room-life{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;opacity:.8}.reduced-motion #room-life{display:none}
.guide-footer .primary{width:auto;min-width:260px;margin:0}.guide-footer p{min-width:0;flex:1}.guide-steps,.guide-layout>*{min-width:0}
@media(min-width:701px){.guide-dialog{padding:28px 32px}.guide-dialog .guide-lead{margin-bottom:18px}.guide-step{padding:11px 13px}.guide-step>span:last-child{line-height:1.55}.guide-footer{margin-top:18px}.guide-picture{aspect-ratio:1.18}}
@media(max-width:700px){.guide-footer .primary{min-width:0;width:100%}}