@import url('assets/fonts/fonts.css');
:root{--ink:#0a111b;--paper:#f2f0e9;--muted:#bbc5cc;--gold:#dfb77a;--line:#ffffff28;--font:'DM Sans',Arial,sans-serif;--display:'Playfair Display',Georgia,serif;color-scheme:dark;font-family:var(--font);color:var(--paper)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#070d17}button,a,input,select{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button:hover{color:#fff}a{color:inherit}button,select,input{touch-action:manipulation}button{min-height:44px}button.primary,.secondary{border-radius:40px;padding:15px 25px}.primary{background:var(--paper);color:#111923;font-weight:600;display:inline-flex;align-items:center;gap:28px;min-height:55px}.primary:hover{background:#fff;color:#111923}.primary span{font-size:24px;font-weight:400}.secondary{border:1px solid var(--line);background:#ffffff08}.secondary:hover{background:#ffffff16}.text-button{border-bottom:1px solid #ffffff55;padding:5px 0;font-size:14px;min-height:35px}.circle{border:1px solid var(--line);width:42px;height:42px;min-height:42px;border-radius:50%;font-size:20px}.close{position:absolute;right:22px;top:18px;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);font-size:30px;z-index:5;background:#07101a99}.close:hover{background:#283440}#garden,#world{position:fixed;inset:0;width:100%;height:100%;display:block}#world{touch-action:none;outline:none;cursor:grab}#world:active{cursor:grabbing}#header{position:fixed;left:40px;right:35px;top:26px;z-index:10;display:flex;align-items:center;justify-content:space-between;transition:opacity .6s}.brand{display:flex;align-items:center;text-decoration:none;gap:16px;font-size:15px;letter-spacing:.02em;text-shadow:0 2px 15px #000}.brand-mark{font-family:var(--display);font-size:41px;letter-spacing:-8px;line-height:1;padding-right:9px}.brand-mark span{font-style:italic}.brand small{display:block;font-size:10px;letter-spacing:.2em;margin-top:5px;color:#c4ccd4}.header-actions{display:flex;align-items:center;gap:13px}#sound{display:flex;gap:10px;align-items:center;padding:9px 15px;border-radius:30px;background:#07101a50;border:1px solid #ffffff1a;font-size:13px}#sound-icon{font-size:23px}#welcome{position:fixed;left:7%;bottom:12.5%;z-index:5;max-width:620px;text-shadow:0 2px 30px #000a;transition:opacity .9s,transform .9s}#welcome.leaving{opacity:0;transform:translateY(30px);pointer-events:none}.intro-kicker{font-size:14px;margin-bottom:19px;color:#d4dadd}h1{font-family:var(--display);font-weight:400;font-size:clamp(46px,5.6vw,84px);line-height:1.12;letter-spacing:-.035em;margin:0 0 24px}h1 em{font-weight:400;color:#e4e8ec}#welcome p{font-size:17px;line-height:1.7;color:#d4dadd;margin-bottom:27px}.enter-row{display:flex;align-items:center;gap:26px}.intro-foot{margin-top:25px;font-size:12px;color:#aebac5}#loading{position:fixed;inset:0;background:#080f19;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:100;transition:opacity .9s}.loading-star{font-size:53px;color:var(--gold);animation:breathe 2s infinite}.loading-track{height:1px;width:180px;background:#ffffff25;margin:12px}.loading-track i{height:1px;width:3%;background:var(--gold);display:block;transition:width .3s}#loading p{font-family:var(--display);font-size:25px;margin:17px 0 10px}#loading small{color:#99aabd;font-size:12px}#loading.done{opacity:0;pointer-events:none}@keyframes breathe{50%{opacity:.35;transform:scale(.94)}}#location{position:fixed;top:119px;left:41px;font-size:14px;text-shadow:0 2px 15px #000;pointer-events:none}#location small{display:block;color:#b1beca;font-size:12px;margin-top:6px}#hint{position:fixed;left:50%;bottom:104px;transform:translateX(-50%);font-size:12px;color:#c9d0d6;text-shadow:0 2px 10px #000;white-space:nowrap;pointer-events:none}#hint span{margin-left:20px;color:#a7b3bf}#destinations{position:fixed;bottom:32px;left:50%;transform:translateX(-50%);display:flex;padding:6px;gap:4px;background:#0b1421be;border:1px solid #ffffff25;border-radius:50px;backdrop-filter:blur(20px);z-index:10}#destinations button{white-space:nowrap;padding:10px 18px;border-radius:40px;font-size:14px;color:#d5dce3;display:flex;align-items:center;gap:9px}#destinations button span{font-size:20px;line-height:1}#destinations button.active{background:#e8e5db;color:#162331}#destinations button:hover:not(.active){background:#ffffff13}#interact{position:fixed;left:50%;top:53%;transform:translate(-50%,-50%);padding:13px 23px;border:1px solid #ffffff55;border-radius:6px;background:#0a1524ba;backdrop-filter:blur(12px);text-align:center;z-index:8}#interact-title{font-size:15px}#interact small{display:block;font-size:11px;color:#b6c3cd;margin-top:4px}#sky-caption{position:fixed;bottom:160px;left:50%;transform:translateX(-50%);text-align:center;pointer-events:none;width:90%}#sky-caption span{font-family:var(--display);font-style:italic;font-size:clamp(22px,3vw,37px);text-shadow:0 3px 30px #000}#sky-caption small{display:block;font-size:11px;letter-spacing:.02em;margin-top:12px;color:#b0bdcd}#toast{position:fixed;right:30px;bottom:115px;max-width:325px;border-left:2px solid var(--gold);padding:15px 20px;background:#0d1725e8;font-size:14px;line-height:1.6;opacity:0;transform:translateY(12px);transition:.5s;z-index:50;pointer-events:none;backdrop-filter:blur(15px)}#toast.show{opacity:1;transform:none}#toast strong{display:block;color:#f2ddbb;font-weight:500}dialog{color:var(--paper);background:#0c1623;border:1px solid #ffffff25;padding:0;border-radius:14px;box-shadow:0 30px 150px #000c}dialog::backdrop{background:#0207119c;backdrop-filter:blur(9px)}dialog[open]{animation:dialog-in .25s ease}@keyframes dialog-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.panel{padding:45px 42px;width:min(540px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto}.panel-kicker{font-size:12px;color:var(--gold);display:block;margin-right:20px;margin-bottom:20px}.panel h2{font-family:var(--display);font-size:44px;line-height:1.13;font-weight:400;letter-spacing:-.025em;margin:0 0 24px}.panel h2 em{font-weight:400}.panel p{color:#c4ced9;font-size:15px;line-height:1.75}.panel small{color:#a5b4c4;line-height:1.65;font-size:12px}.panel kbd{padding:3px 6px;border:1px solid #ffffff40;border-radius:4px;margin:0 2px;font:12px var(--font)}.settings{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:26px 0 21px;padding:8px 0}.settings label{display:flex;justify-content:space-between;align-items:center;min-height:53px;gap:20px;font-size:14px}.settings input{accent-color:var(--gold)}.settings select{padding:7px;background:#152235;border:1px solid var(--line);border-radius:5px;color:var(--paper)}details{margin:25px 0 10px;color:#b7c6d4;font-size:13px}details summary{cursor:pointer}details p{font-size:13px!important}.art-dialog{width:min(1500px,96vw);max-width:96vw;background:#080e17;max-height:96dvh;overflow:auto}.art-stage{position:relative;height:72dvh;display:flex;align-items:center;justify-content:center;padding:30px 60px 14px}.art-stage img{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 0 80px #0008}.art-caption{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:20px 44px 27px;border-top:1px solid #ffffff16}.art-caption h2{font:32px var(--display);margin:4px 0 8px}.art-caption p{font-size:14px;color:#b8c7d6;line-height:1.55;margin:4px 0 9px}.art-caption small,#art-index{font-size:11px;color:#a9a894}.art-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:52px;font-size:38px;color:#eee;z-index:2}.art-arrow.prev{left:8px}.art-arrow.next{right:8px}.wide-panel{width:min(950px,94vw)}#episode-grid,#collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px 17px;margin-top:28px}#episode-grid button,#collection-grid button{padding:0;text-align:left;overflow:hidden;border-radius:6px;background:#ffffff04;border:1px solid #ffffff12;transition:background .2s}#episode-grid button:hover,#collection-grid button:hover{background:#ffffff0f}#episode-grid img,#collection-grid img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}#collection-grid img{object-fit:contain;background:#03060b}#episode-grid strong,#collection-grid strong{font-size:14px;font-weight:500;display:block;padding:11px 12px 5px}#episode-grid small,#collection-grid small{display:block;padding:0 12px 13px;font-size:11px}#map-plan{background:#15231e;border:6px solid #5d4c36;border-radius:5px;padding:12px;position:relative}#map-plan button{font-size:12px;background:#0b151abb;border:1px solid #deb87755;border-radius:4px;padding:9px}.map-cinema,.map-gate{display:block;width:100%}.map-sides{display:flex;height:215px;gap:10px;margin:12px 0}.map-sides>button{width:70px;line-height:1.8}.map-lawn{flex:1;display:flex;align-items:center;justify-content:center;gap:20px;flex-direction:column}.map-lawn span{font-size:9px;letter-spacing:.23em;color:#93aa9d}.map-lawn button{font-size:11px!important}.map-telescope{display:block;margin:15px 0 15px auto}.map-gate{border-color:#ffffff30!important}.record-art{width:190px;height:190px;border-radius:50%;background:repeating-radial-gradient(circle,#bb8e39 0px,#bc934a 1px,#59431d 2px,#d6ae61 3px);margin:25px auto;box-shadow:0 10px 45px #0009;display:grid;place-items:center;position:relative}.record-art:after{content:'';position:absolute;width:6px;height:6px;top:calc(50% - 3px);left:calc(50% - 3px);background:#080e17;border-radius:50%}.record-label{width:81px;height:81px;border-radius:50%;background:#d4b263;color:#32240e;text-align:center;font-size:9px;font-weight:600;letter-spacing:.07em;padding-top:10px}.record-label small{display:block;color:#534321;font-size:6px;margin-top:17px}.record-panel.playing .record-art{animation:spin 3.6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#record-tracks{display:flex;flex-wrap:wrap;gap:8px}#record-tracks button{padding:10px 15px;border:1px solid #d5ad6055;border-radius:40px;font-size:14px}#record-tracks button.playing{background:#d5ad6022;color:#eed3a2}.record-status{font-size:13px!important;color:#d7b77e!important}.credit{display:block;border-top:1px solid var(--line);padding-top:16px}.eyepiece{width:min(330px,100%);aspect-ratio:1;border-radius:50%;overflow:hidden;margin:20px auto;border:15px solid #03060b;outline:1px solid #ffffff23;box-shadow:0 0 40px #000a}.eyepiece img{width:100%;height:100%;object-fit:cover;transition:transform 1s}.eyepiece:hover img{transform:scale(1.3)}.telescope-panel{text-align:center}.scope-choices{display:flex;justify-content:center;gap:8px;margin-top:23px}.scope-choices .secondary{font-size:12px;padding:10px 14px}#cinema-controls{position:fixed;left:50%;bottom:108px;transform:translateX(-50%);width:min(700px,94vw);background:#0c1522dd;border:1px solid #ffffff23;backdrop-filter:blur(15px);border-radius:10px;display:flex;align-items:center;padding:12px 16px;gap:12px;z-index:12}#cinema-controls>div{flex:1}#cinema-controls small{display:block;font-size:11px;color:#a2b3c6;padding-left:14px;margin-top:4px}#now-playing{font-size:13px}.live-dot{display:inline-block;width:5px;height:5px;background:var(--gold);border-radius:50%;margin-right:9px;vertical-align:middle}#cinema-controls button{border:1px solid #ffffff25;border-radius:30px;font-size:12px;padding:8px 13px;min-height:36px}#walkpad{display:grid;grid-template-columns:repeat(3,40px);grid-template-rows:repeat(2,40px);gap:5px;position:fixed;left:20px;bottom:110px;z-index:8}#walkpad button{border-radius:50%;background:#09142280;border:1px solid #ffffff30;font-size:20px;min-height:40px;touch-action:none;user-select:none}#walkpad button[data-walk=forward]{grid-column:2}#walkpad button[data-walk=left]{grid-column:1;grid-row:2}#walkpad button[data-walk=back]{grid-column:2;grid-row:2}#walkpad button[data-walk=right]{grid-column:3;grid-row:2}#fallback{position:fixed;inset:20% 10%;z-index:30;max-width:650px}#fallback p{line-height:1.7;color:#c4d0df}#fallback button{margin:10px 10px 0 0}[hidden]{display:none!important}
@media(max-width:700px){#header{left:20px;right:17px;top:20px}.brand{font-size:12px;gap:12px}.brand small{font-size:8px}.brand-mark{font-size:34px}.header-actions{gap:8px}#sound{padding:5px 10px;gap:5px}#sound-label{font-size:11px}#fullscreen{display:none}#welcome{left:7%;bottom:12%;right:7%;max-width:500px}h1{font-size:clamp(40px,9.5vw,62px)}.intro-kicker{font-size:11px}.enter-row{gap:17px;flex-wrap:wrap}.primary{padding:13px 23px;min-height:50px;font-size:14px}#welcome p{font-size:15px}.intro-foot{font-size:11px;margin-top:17px}#destinations{bottom:max(20px,env(safe-area-inset-bottom));gap:0;padding:5px}#destinations button{font-size:11px;padding:10px 12px;gap:6px}#destinations button span{font-size:17px}#hint{bottom:89px;font-size:10px}#hint span{display:none}#location{top:93px;left:23px;font-size:12px}#location small{font-size:10px}#toast{right:17px;left:17px;bottom:150px;max-width:none;font-size:13px}#sky-caption{bottom:185px}.panel{padding:40px 25px 30px}.panel h2{font-size:38px}.art-stage{height:62dvh;padding:35px 35px 12px}.art-caption{grid-template-columns:1fr;gap:10px;padding:18px 24px}.art-caption h2{font-size:25px}.art-caption p{font-size:12px}.art-arrow{width:30px}.art-arrow.prev{left:1px}.art-arrow.next{right:1px}.close{right:12px;top:12px}.art-caption>div:last-child{max-width:95%}#episode-grid,#collection-grid{grid-template-columns:repeat(2,1fr);gap:15px 10px}#episode-grid strong,#collection-grid strong{font-size:12px}#cinema-controls{bottom:93px;flex-wrap:wrap;gap:7px;padding:10px}#cinema-controls>div{flex-basis:100%;text-align:center}#cinema-controls button{flex:1}#cinema-controls small{padding-left:0}.settings label{font-size:13px}.panel p{font-size:14px}#interact{max-width:85vw;white-space:nowrap}#interact-title{font-size:13px}#interact small{font-size:10px}}
.record-cover{display:block;width:210px;max-width:80%;height:auto;border-radius:50%;margin:24px auto;box-shadow:0 5px 35px #0007;transition:box-shadow .5s}.record-panel.playing .record-cover{box-shadow:0 0 45px #b6832535}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
body.reduced-motion *,body.reduced-motion *::before,body.reduced-motion *::after{animation:none!important;transition:none!important}

#cinema-controls{flex-wrap:wrap}.film-timeline{display:flex;align-items:center;gap:12px;width:100%;padding:0 3px;font-size:10px;color:#aebfcd;font-variant-numeric:tabular-nums}.film-timeline input{flex:1;accent-color:#dfb77a;height:14px;cursor:pointer;min-width:40px}.film-timeline span{min-width:30px}.embedded #header{top:20px}.embedded #fullscreen{display:block}
@media(max-height:550px){#welcome{bottom:9%;left:5%}#welcome h1{font-size:42px;margin-bottom:10px}#welcome p,.intro-foot{display:none}.intro-kicker{margin-bottom:10px}#header{top:15px}#destinations{bottom:12px}#hint{bottom:78px}#location{top:85px}#cinema-controls{bottom:85px}.panel{max-height:94dvh}}

@media(max-width:700px){#destinations{max-width:calc(100vw - 20px)}#destinations button{padding:10px 9px;gap:5px}}
@media(max-width:380px){#destinations button{font-size:10px;padding:10px 7px;gap:4px}#destinations button span{font-size:15px}.brand{gap:9px}#header{left:15px;right:12px}.header-actions{gap:5px}}

#gallery-tour{position:fixed;left:50%;bottom:105px;transform:translateX(-50%);display:flex;align-items:center;gap:12px;padding:7px 10px;border:1px solid #ffffff28;border-radius:12px;background:#0c1522db;backdrop-filter:blur(15px);z-index:12;min-width:310px;max-width:92vw}#gallery-tour>button{min-width:42px;border-radius:8px}#gallery-tour>button:hover{background:#ffffff0a}#tour-open{flex:1;padding:7px 20px;text-align:center}#tour-open small{display:block;font-size:10px;color:#d7b77e;letter-spacing:.12em;margin-bottom:6px}#tour-open span{font-size:14px}#quiet-restore{position:fixed;right:25px;bottom:25px;z-index:15;border:1px solid #ffffff2a;border-radius:40px;padding:10px 18px;background:#0b152288;backdrop-filter:blur(12px);color:#dce4eb;font-size:12px;opacity:.6}#quiet-restore:hover,#quiet-restore:focus-visible{opacity:1}#quiet-restore span{margin-left:12px}.quiet #header,.quiet #welcome,.quiet #location,.quiet #hint,.quiet #interact,.quiet #sky-caption,.quiet #destinations,.quiet #cinema-controls,.quiet #gallery-tour,.quiet #toast{opacity:0;visibility:hidden;pointer-events:none}.guide-actions{display:flex;gap:10px;flex-wrap:wrap}.guide-actions button{font-size:13px;padding:12px 18px}
@media(max-width:700px){#quiet-toggle{display:none}#gallery-tour{bottom:92px;min-width:280px;gap:5px;padding:6px}#tour-open{padding:6px 14px}#tour-open span{font-size:13px}#quiet-restore{bottom:22px;right:20px}.quiet #walkpad{opacity:.3}#header{gap:12px}.header-actions{gap:8px}}
/* Temporary planting study: one small control, no extra overlay on the lawn. */

.popcorn-controls{position:fixed;z-index:32;right:22px;top:140px;padding:18px;background:#11252bef;border:1px solid #778e8a;border-radius:20px;max-width:280px;color:#e8e6d9}.popcorn-controls div{display:flex;gap:8px;margin:12px 0}.popcorn-controls button{padding:12px;border:1px solid #718681;border-radius:12px;background:#263b40;color:inherit}.popcorn-controls small{display:block}

.holding-popcorn #gazebo-controls{visibility:hidden}

.alien-return{position:fixed;inset:0;z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#e7fff0;pointer-events:auto;background:transparent;text-shadow:0 2px 12px #000;font:16px system-ui;transition:background .25s,opacity .5s}
.alien-return strong{margin-top:32vh;font-size:clamp(24px,4vw,52px);letter-spacing:.12em}
.alien-return.beam{background:#c8efde;animation:alien-beam .6s ease-in-out both;color:#112e2b;text-shadow:none}
.alien-return.clear{opacity:0}
@keyframes alien-beam{0%{clip-path:ellipse(100% 100% at 50% 50%)}45%{clip-path:ellipse(100% 4% at 50% 50%)}100%{clip-path:ellipse(100% 100% at 50% 50%)}}
@media(prefers-reduced-motion:reduce){.alien-return.beam{animation:none}.alien-return{transition:opacity .4s}}