@charset "UTF-8";
:root{--ink:#40523b;--muted:#8c987e;--line:#40523b22;--paper:#ececde;--sans:Arial,"Microsoft YaHei",sans-serif;--serif:Georgia,"Songti SC",SimSun,serif}
*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;font-family:var(--sans);-webkit-font-smoothing:antialiased;color:var(--ink)}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:1px solid currentColor;outline-offset:7px}button{border:0}button[hidden]{display:none!important}#app{position:relative;width:100%;height:100svh;min-height:660px;overflow:hidden;isolation:isolate;background:#ececde}#world-backdrop{position:absolute;inset:0;background:radial-gradient(ellipse at 71% 29%,#fbf3da 0,#edeee100 66%)}canvas{display:block}#island-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:grab}#island-canvas:active{cursor:grabbing}.scene{position:absolute;inset:0;visibility:hidden;opacity:0;pointer-events:none;overflow:hidden;z-index:2;will-change:opacity,clip-path,transform}.scene.is-present{visibility:visible}.scene.is-active{pointer-events:auto}#island{background:transparent;pointer-events:none}#island.is-active button{pointer-events:auto}.scene>canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.scene-copy{position:absolute;pointer-events:none;z-index:2}.eyebrow{font-size:7px;letter-spacing:2.3px;display:flex;align-items:center;gap:10px;font-weight:400}.eyebrow>i{height:4px;width:4px;border-radius:50%;background:#bf7954}h1,h2,p{margin:0}.site-header{position:absolute;z-index:20;top:0;left:5%;right:5%;height:99px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:32px;color:var(--ink)}.brand{position:relative;display:block;background:none;text-align:left;padding:0 0 15px;font:25px var(--serif);letter-spacing:3px;line-height:1}.brand>i{font-size:24px;font-style:normal;letter-spacing:0;margin-left:8px;color:var(--muted);display:inline-block}.brand small{position:absolute;left:0;bottom:0;font:5px var(--sans);letter-spacing:1.8px;color:var(--muted);white-space:nowrap}#header-caption{font-size:9px;letter-spacing:1.6px;color:var(--muted);padding-left:24px;border-left:1px solid var(--line)}.site-header>nav{display:flex;align-items:center;gap:27px;margin-left:auto;font-size:9px;letter-spacing:.6px}.site-header nav button{padding:8px 0;background:none}.site-header nav a{font-size:8px;color:var(--muted)}#back-home{display:flex;align-items:center;gap:12px}#back-home span{font-size:19px}#pause-motion{height:29px;width:29px;border:1px solid var(--line);border-radius:50%;font-size:9px;display:grid;place-items:center;padding:0}.site-footer{position:absolute;z-index:20;bottom:0;left:5%;right:5%;height:57px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px;color:var(--muted);font-size:6px;letter-spacing:1.6px}#footer-hint{font-size:8px;letter-spacing:1.2px}#chapter{font:9px Georgia,serif;color:var(--ink);letter-spacing:2px}.island-intro{left:9%;top:25%}.island-intro .eyebrow{color:#849174}.island-intro h1{font:400 clamp(42px,4.45vw,74px)/1.6 var(--serif);letter-spacing:-3px;margin:23px 0 21px;color:#40523b}.island-intro h1>span{position:relative}.island-intro h1>span::after{content:"";position:absolute;left:8%;right:5%;bottom:-9px;border-top:1px solid #879775;height:12px;border-radius:50%;transform:rotate(-4deg)}.island-intro>p{font-size:10px;line-height:2.2;color:#89957d;letter-spacing:1.2px}.hand-note{display:block;margin-top:32px;font-size:8px;color:#a6a98d;letter-spacing:1px}.hand-note>b{font-size:20px;font-weight:400;color:#ad9874;margin-right:6px}#hotspots{position:absolute;inset:0;pointer-events:none;z-index:5}#hotspots>button{position:absolute;left:0;top:0;display:flex;align-items:center;gap:7px;white-space:nowrap;background:none;padding:0;transform:translate(-1000px,-1000px);transition:opacity .35s}#hotspots i{font-size:13px;font-style:normal;background:#f8f5e6dd;border:1px solid #71815a55;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;color:#6b7c54;box-shadow:0 2px 9px #56644210;transition:transform .4s,background .4s}#hotspots span{font-size:9px;letter-spacing:.8px;background:#f2f0dfd9;color:#647650;border:1px solid #fff4;padding:6px 8px;border-radius:20px;backdrop-filter:blur(8px)}#hotspots small{font:6px Georgia,serif;color:#9caa8b;margin-right:5px}#hotspots button:hover i{transform:rotate(30deg) scale(1.15);background:#f9f7e7}#hotspots button.label-left{flex-direction:row-reverse}.compass{position:absolute;right:7%;top:18%;width:66px;color:#97a484;opacity:.8;pointer-events:none}.compass svg{width:66px;height:66px;margin-top:8px}.compass>span{position:absolute;left:0;top:0;text-align:center;width:100%;font:6px Georgia,serif}.compass>small{display:block;white-space:nowrap;font-size:6px;letter-spacing:1px;margin-top:8px;text-align:center}.explore-rail{position:absolute;bottom:91px;left:8%;right:8%;border-top:1px solid #7281602b;padding-top:25px;display:flex;align-items:center;gap:40px;pointer-events:auto}.rail-caption{flex:1}.rail-caption>span{font-size:6px;letter-spacing:1.7px;color:#9ca78b}.rail-caption>p{font-size:9px;letter-spacing:1px;color:#7e8d6b;margin-top:10px}.explore-rail nav{display:flex;gap:27px}.explore-rail button{display:flex;align-items:center;gap:10px;padding:4px 0;background:none;font-size:11px;letter-spacing:1px;transition:color .3s}.explore-rail button>small{font:7px Georgia,serif;color:#a0a88c;align-self:flex-start;margin-top:2px}.explore-rail button>span{font-size:17px;color:#a2a887;margin-left:4px;transition:transform .4s}.explore-rail button:hover{color:#b27751}.explore-rail button:hover>span{transform:rotate(40deg)}.scene-tools{position:absolute;bottom:91px;left:8%;right:8%;display:flex;align-items:center;gap:22px;z-index:6;font-size:9px;letter-spacing:.8px;border-top:1px solid currentColor;padding-top:20px;border-color:#8884}.scene-tools>span:first-child{margin-right:auto;opacity:.75;font-size:9px}.scene-tools small{font-size:6px;display:inline-block;margin-left:20px;opacity:.5;letter-spacing:1px}.scene-tools button{background:none;padding:7px 0;font-size:9px;display:flex;align-items:center;gap:20px}.scene-tools button>b{font-size:17px;font-weight:400}.scene-tools button:hover{opacity:.6}.room-scene{background:#e7dfcd;color:#4e5141}.room-grain{position:absolute;inset:0;opacity:.075;pointer-events:none;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='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}.window-light{position:absolute;inset:-25% -30% -30% 32%;pointer-events:none;transform:rotate(-28deg);background:linear-gradient(90deg,transparent 5%,#7d7e6520 5%,#7d7e6520 7%,#fff8d500 7%,#fff8d559 7%,#fff8d559 32%,#77785f22 32%,#77785f22 34%,#fff8d54a 34%,#fff8d54a 59%,#77785f22 59%,#77785f22 61%,transparent 61%);mask-image:linear-gradient(transparent 3%,#000 22%,#000 74%,transparent);filter:blur(2px)}.window-light::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 44%,#77785f25 44%,#77785f25 46%,transparent 46%)}.room-heading{left:8%;top:22%}.room-heading .eyebrow{color:#8c7a60;font-size:7px}.room-heading h1{font:400 clamp(38px,4.4vw,70px)/1.5 var(--serif);letter-spacing:-3px;margin:29px 0 19px;color:#414637}.room-heading h1 em{font-style:normal;color:#9d6348;padding-left:40px}.room-heading>p{font-size:10px;color:#95856e;letter-spacing:1.5px}.room-signature{display:block;margin-top:37px;font-size:6px;letter-spacing:2px;color:#ab9f88}.room-desk{position:absolute;inset:150px 6% 165px 35%;pointer-events:none}.paper{position:absolute;width:clamp(170px,18vw,265px);aspect-ratio:.72;padding:17px;cursor:grab;touch-action:none;user-select:none;pointer-events:auto;transform:rotate(var(--r));transform-origin:center;box-shadow:3px 10px 18px #54453022,0 1px 3px #65583b1c;transition:left .65s cubic-bezier(.2,.8,.2,1),top .65s cubic-bezier(.2,.8,.2,1),transform .6s,box-shadow .4s;overflow:hidden}.paper:hover{transform:rotate(calc(var(--r) + 2deg)) translateY(-6px);box-shadow:5px 18px 28px #5445302e}.paper.dragging{transition:none;transform:rotate(0deg) scale(1.035);cursor:grabbing;box-shadow:7px 25px 40px #54453033}.paper-top{display:flex;justify-content:space-between;font-size:6px;letter-spacing:.9px}.paper-bottom{position:absolute;bottom:14px;left:16px;right:16px;border-top:1px solid #2d3d2c44;padding-top:10px;display:flex;justify-content:space-between;font-size:6px;letter-spacing:.4px}.paper-bottom>span{font-size:4px;opacity:.6}.paper-red{background:#df6342;color:#283d32}.paper-orbit{margin-top:25px;position:relative;height:45px}.paper-orbit>i{width:40px;height:40px;border:1px solid;border-radius:50%;position:absolute;left:0}.paper-orbit>i:last-child{left:20px}.paper-red>strong{position:absolute;bottom:46px;font:900 clamp(38px,4.1vw,62px)/.88 Arial,sans-serif;letter-spacing:-3px}.paper-red>strong>span{color:#f0cca3}.paper-green{background:#bdc6b0;color:#3f5e49}.paper-optical{position:absolute;left:3%;top:9%;width:94%;height:70%}.paper-green h2{font:400 clamp(16px,1.8vw,25px)/1.5 var(--serif);position:absolute;bottom:46px;left:17px;letter-spacing:-.8px}.paper-blue{background:#5d7f92;color:#e5e8d8}.paper-blue .paper-bottom{border-color:#e5e8d844}.paper-waves{position:absolute;left:30%;top:23%;width:100%;height:40%;transform:rotate(-33deg)}.paper-waves>i{position:absolute;width:110%;height:100%;border:1px solid #c3d6dc66;border-radius:50%}.paper-waves>i:nth-child(2){top:12px;left:-12px}.paper-waves>i:nth-child(3){top:24px;left:-24px}.paper-blue h2{font:400 clamp(26px,3vw,44px)/1.3 var(--serif);position:absolute;left:17px;bottom:50px;letter-spacing:-2px}.paper-blue h2>span{font:5px var(--sans);letter-spacing:1.3px;display:block;margin-top:15px}.paper-yellow{background:#d8c379;color:#535638}.paper-star{position:absolute;right:15%;top:14%;font:70px/1 Georgia,serif}.paper-yellow h2{font:400 clamp(23px,2.8vw,39px)/1.25 var(--serif);position:absolute;left:17px;top:38%;letter-spacing:-1px}.paper-checks{position:absolute;bottom:48px;left:17px;font-size:6px;line-height:2;letter-spacing:.5px}.room-tools{color:#8c795d}.sky-scene{background:#0c1423;color:#d5deef}.sky-heading{top:25%;left:12%}.sky-heading .eyebrow{color:#8398b8}.sky-heading h1{font:400 clamp(43px,5.3vw,82px)/1.6 var(--serif);letter-spacing:-1px;margin:27px 0 19px}.sky-heading em{font-style:normal;color:#a5b7d6;padding-left:48px}.sky-heading>p{font:11px/2.3 var(--serif);letter-spacing:2px;color:#7f94b6}.sky-latitude{display:block;margin-top:34px;font-size:5px;color:#597298;letter-spacing:1.8px}.sky-star-labels{position:absolute;inset:0;pointer-events:none}.sky-star-labels>span{position:absolute;font:11px var(--serif);letter-spacing:3px;color:#9cb2d3;left:-1000px}.sky-star-labels small{font:italic 8px Georgia,serif;margin-left:5px;color:#5f7fae}.sky-coordinate{position:absolute;right:12%;top:23%;font-size:5px;letter-spacing:1.8px;color:#58749c}.sky-coordinate>span{display:block;text-align:right;font-size:34px;margin-top:17px}.sky-tools{color:#7694bf;border-color:#8ba8cb22}.sky-tools>span:nth-child(2){font-size:6px;color:#54759e;letter-spacing:1.8px}.sky-tools button{font-size:17px}.ink-scene{background:#f0ede3;color:#272b29}.ink-scene::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.045;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='.6' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.ink-topline{position:absolute;left:10%;top:22%;font-size:6px;letter-spacing:2px;color:#9b9d90;z-index:3}.ink-topline>span{display:block;font:12px var(--serif);letter-spacing:4px;margin-top:17px;color:#787e70}.ink-heading{right:12%;top:26%;display:flex;flex-direction:row-reverse;gap:32px;align-items:flex-start}.ink-heading h1{font:400 clamp(45px,4.8vw,75px)/1.35 var(--serif);writing-mode:vertical-rl;letter-spacing:9px}.ink-heading h1>span{padding-top:33px;color:#565d53}.ink-heading>p{font:11px/2.8 var(--serif);letter-spacing:4px;writing-mode:vertical-rl;color:#999d8c;margin-top:11px;height:230px}.red-seal{position:absolute;right:-3px;top:100%;margin-top:25px;display:grid;place-items:center;width:28px;height:46px;background:#ac5440;color:#f2e9d7;font:12px/1.4 var(--serif);padding:4px;border:2px solid #f0ede3;outline:1px solid #ac5440;transform:rotate(4deg)}.ink-small-poem{position:absolute;left:17%;bottom:24%;font:9px var(--serif);color:#9ea192;letter-spacing:4px}.ink-tools{color:#7d8272;border-color:#7b837022}.garden-scene{background:#f3df9e;color:#a94032}.garden-scene::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.garden-heading{top:21%;left:9%}.garden-heading .eyebrow{font-size:6px;color:#a17c49;letter-spacing:1.8px}.garden-heading>p{font:23px/1.6 var(--serif);letter-spacing:1px;margin-top:25px;color:#9c4e39}.garden-heading h1{position:relative;font:500 clamp(67px,8.4vw,133px)/.84 Georgia,serif;letter-spacing:-7px;margin-top:33px;color:#c34d36}.garden-heading h1>em{font-style:italic;font-weight:400}.garden-heading h1>span{position:absolute;font:55px Georgia,serif;top:-20px;right:-57px;transform:rotate(10deg);color:#b78542}.garden-caption{display:block;font-size:5px;letter-spacing:1.7px;margin-top:29px;color:#a8874e}.garden-stamp{position:absolute;top:22%;right:9%;font-size:6px;letter-spacing:1.6px;text-align:center;color:#ac7e47;transform:rotate(9deg);z-index:2;pointer-events:none}.garden-stamp>b{display:block;font:italic 25px Georgia,serif;letter-spacing:-1px;margin-top:6px}.garden-stamp>span{display:block;font-size:34px;margin-top:8px}.garden-tools{color:#9b6944;border-color:#a07c4533}.garden-tools>button{color:#a34b35}.garden-tools small{display:block;margin:8px 0 0;font-size:5px;letter-spacing:1.2px}.radio-scene{background:#201a14;color:#d7ab67}.radio-scanlines{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:.14;background:repeating-linear-gradient(transparent 0 3px,#0f0a08 3px 4px)}.radio-heading{top:24%;left:10%;color:#d5ae72}.radio-heading .eyebrow{color:#a18253}.radio-heading .eyebrow>i{background:#ca9c53;box-shadow:0 0 9px #d5a14d77}.radio-heading h1{font:400 clamp(40px,4.1vw,65px)/1.5 var(--serif);letter-spacing:-2px;margin:26px 0 19px}.radio-heading h1>em{font-style:normal;padding-left:35px;color:#b78a4e}.radio-heading>p{font-size:10px;line-height:2.2;color:#886e4c;letter-spacing:1.5px}.frequency-display{display:flex;align-items:center;gap:13px;margin-top:25px}.frequency-display>span{font:300 clamp(42px,5.6vw,87px)/1 "Courier New",monospace;letter-spacing:-6px;color:#e6bb77;text-shadow:0 0 25px #d7a05b1a}.frequency-display>small{font-size:7px;line-height:1.7;letter-spacing:2px;color:#987b51}.station-label{display:flex;align-items:center;gap:8px;font-size:8px;margin-top:16px;color:#9e8054;letter-spacing:1px}.station-label>i{width:3px;height:3px;border-radius:50%;background:#c5a36c;box-shadow:0 0 8px #c5a36c}.station-label>small{font-size:5px;letter-spacing:1px;color:#6d573b;margin-left:13px}.radio-instrument{position:absolute;right:9%;top:23%;width:40%;height:48%;border:1px solid #ba8e4633;border-radius:4px;color:#aa834e;background:linear-gradient(145deg,#bf94500a,transparent 60%);z-index:4}.instrument-label{display:flex;justify-content:space-between;position:absolute;left:6%;right:6%;top:5%;font-size:5px;letter-spacing:1.3px;color:#8c6c42}.instrument-label>span:last-child{color:#ad8a52}.scope-caption{position:absolute;left:8%;top:45%;font-size:5px;letter-spacing:1.4px;color:#735938}.scope-caption>span{float:right;margin-left:20px}.radio-knob{position:absolute;bottom:8%;left:14%;width:100px;height:100px;border:1px solid #a87d3d66;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#34271933 0 55%,#a17a3e0d 55% 59%,transparent 59%);cursor:ns-resize;touch-action:none;box-shadow:0 0 0 10px #ba8e4606}.radio-knob::before{content:"";position:absolute;inset:9px;border:1px solid #a87d3d33;border-radius:50%}.radio-knob>span{font-size:6px;letter-spacing:2px;color:#89683f}.radio-knob>i{position:absolute;inset:0;border-radius:50%;transform:rotate(-55deg)}.radio-knob>i::after{content:"";position:absolute;top:8px;left:49%;width:2px;height:14px;background:#d0a05d;box-shadow:0 0 8px #e8b86e55}.dial-end{position:absolute;bottom:5%;font:6px "Courier New",monospace;color:#6e5535}.dial-left{left:12%}.dial-right{left:36%}.instrument-note{position:absolute;right:10%;bottom:14%;font:12px/1.6 Georgia,serif;letter-spacing:1px;color:#a8824b}.instrument-note>i{font:25px Georgia,serif;display:block;text-align:right;margin-top:10px;font-style:normal;color:#6c5333}.radio-tools{color:#99764a;border-color:#a47f4533}.frequency-slider{font-size:6px;color:#735b38;display:flex;gap:15px;align-items:center;letter-spacing:1.6px}.frequency-slider input{width:150px;accent-color:#b68e53;height:2px;cursor:ew-resize}.radio-tools small{color:#6d5335}.radio-tools button{color:#bb9258}
#transition-veil{position:absolute;inset:0;z-index:12;pointer-events:none;opacity:0;background:radial-gradient(ellipse at var(--ox,50%) var(--oy,50%),#fff6d6a1,transparent 66%);mix-blend-mode:screen}#journey-label{position:absolute;z-index:15;bottom:27%;left:0;right:0;text-align:center;font:italic 16px Georgia,var(--serif);letter-spacing:3px;opacity:0;pointer-events:none;color:var(--ink)}.journeying .scene-tools,.journeying .explore-rail,.journeying #hotspots{pointer-events:none!important}.journeying .scene-tools button,.journeying .explore-rail button,.journeying #hotspots button{pointer-events:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
dialog{padding:0;border:0;width:720px;max-width:calc(100% - 50px);background:#eee6d6;color:#4a503f;box-shadow:0 20px 100px #37332955;overflow:visible}dialog[open]{display:grid;grid-template-columns:1fr 1.05fr}dialog::backdrop{background:#3c3c3166;backdrop-filter:blur(7px)}#close-paper{position:absolute;right:12px;top:9px;background:none;font-size:25px;z-index:2;width:30px;height:30px;color:#837b65}#paper-preview{background:#d8d0bb;display:flex;align-items:center;justify-content:center;padding:32px;min-height:450px}#paper-preview .paper{position:relative;left:auto!important;top:auto!important;width:230px;max-width:100%;--r:-5deg!important;pointer-events:none}#paper-preview .paper>strong{font-size:53px}#paper-preview .paper h2{font-size:28px}.paper-detail-copy{padding:60px 32px 32px;display:flex;flex-direction:column}.paper-detail-copy>span{font-size:7px;letter-spacing:1.5px;color:#a47150}.paper-detail-copy>h2{font:400 29px var(--serif);letter-spacing:-1px;margin:29px 0 25px}.paper-detail-copy>p{font-size:11px;line-height:2.1;color:#8a856f;white-space:pre-line}.paper-detail-copy>small{font-size:7px;letter-spacing:1px;color:#a69e86;margin-top:auto;padding-top:25px}.paper-detail-copy>button{display:flex;justify-content:space-between;align-items:center;background:none;border-bottom:1px solid #aea78f77;padding:16px 0 12px;margin-top:12px;font-size:9px;color:#79795e}.paper-detail-copy>button>b{font-size:18px;color:#ad6d4a;font-weight:400}
@media(min-width:1700px){.site-header,.site-footer{left:7%;right:7%}.island-intro{left:11%}.explore-rail,.scene-tools{left:10%;right:10%}}
@media(max-width:1050px){.site-header{gap:20px}#header-caption{font-size:7px;letter-spacing:1px;padding-left:20px}.site-header>nav{gap:20px}.island-intro{left:7%;top:27%}.island-intro h1{font-size:46px}.island-intro>p{font-size:9px}.explore-rail{gap:20px;left:7%;right:7%}.explore-rail nav{gap:18px}.explore-rail button{font-size:10px;gap:7px}.explore-rail button>span{font-size:15px;margin:0}.rail-caption>p{font-size:8px;letter-spacing:0}.rail-caption>span{font-size:5px;letter-spacing:1px}.room-heading{left:7%;top:24%}.room-heading h1{font-size:42px}.room-heading h1 em{padding-left:20px}.room-heading>p{font-size:8px;letter-spacing:.5px}.room-desk{inset:165px 5% 175px 35%}.paper{width:190px}.paper-red>strong{font-size:44px}.paper-blue h2{font-size:31px}.paper-yellow h2{font-size:30px}.paper-green h2{font-size:18px}.paper-star{font-size:57px}.sky-heading{left:9%;top:25%}.sky-heading h1{font-size:52px}.sky-heading>p{font-size:10px}.sky-heading em{padding-left:27px}.sky-coordinate{font-size:4px;right:11%;letter-spacing:1px}.ink-heading{right:10%;gap:24px}.ink-heading h1{font-size:57px}.garden-heading h1{font-size:85px;letter-spacing:-5px}.garden-heading>p{font-size:20px}.garden-heading h1>span{font-size:40px;right:-35px}.radio-heading{left:8%;top:25%}.radio-heading h1{font-size:43px}.radio-heading .eyebrow{font-size:6px;letter-spacing:1.4px}.radio-instrument{right:7%;width:42%;height:45%;top:27%}.radio-knob{width:80px;height:80px}.instrument-note{font-size:9px;right:7%}.dial-right{left:43%}.frequency-display>span{font-size:63px}.frequency-slider input{width:100px}.scene-tools{left:7%;right:7%;gap:17px}.scene-tools small{margin-left:10px}.compass{right:6%;top:18%}}
@media(max-width:700px){#app{min-height:740px}.site-header{height:80px;left:6%;right:6%;gap:0}.brand{font-size:22px;letter-spacing:2px;padding-bottom:13px}.brand>i{font-size:20px;margin-left:7px}.brand small{font-size:4px;letter-spacing:1.15px}#header-caption{display:none}.site-header>nav{gap:17px;font-size:8px}.site-header nav a{font-size:6px;letter-spacing:0}#back-home{gap:5px;font-size:8px}#back-home span{font-size:16px}#pause-motion{width:25px;height:25px;font-size:8px}.site-footer{left:6%;right:6%;height:49px;font-size:4px;letter-spacing:1px}#footer-hint{font-size:6px;letter-spacing:.5px;max-width:50%;text-align:center}#chapter{font-size:8px;letter-spacing:1px}.island-intro{top:123px;left:9%}.island-intro .eyebrow{font-size:5px;letter-spacing:1.4px}.island-intro h1{font-size:40px;line-height:1.45;margin:18px 0 15px;letter-spacing:-2px}.island-intro>p{font-size:8px;line-height:2.1;letter-spacing:.7px}.hand-note{display:none}.compass{top:137px;right:9%;width:52px}.compass svg{width:52px;height:52px}.compass>span{font-size:5px}.compass>small{font-size:5px;letter-spacing:0;margin-top:0}#hotspots>button{gap:5px}#hotspots i{width:22px;height:22px;font-size:12px}#hotspots span{font-size:7px;padding:5px 6px;letter-spacing:0}#hotspots small{font-size:5px;margin-right:2px}.explore-rail{left:7%;right:7%;bottom:77px;display:block;padding-top:14px}.rail-caption{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px}.rail-caption>span{font-size:4px;letter-spacing:.8px}.rail-caption>p{margin:0;font-size:6px;letter-spacing:0}.explore-rail nav{justify-content:space-between;gap:7px}.explore-rail button{font-size:9px;gap:5px;align-items:flex-start}.explore-rail button>small{font-size:5px;margin-top:2px}.explore-rail button>span{font-size:13px;margin-left:0}.scene-tools{left:7%;right:7%;bottom:77px;flex-wrap:wrap;gap:16px;padding-top:15px}.scene-tools>span:first-child{font-size:7px;letter-spacing:.3px}.scene-tools button{font-size:8px;padding:4px 0;gap:12px}.scene-tools button>b{font-size:14px}.scene-tools small{font-size:5px;letter-spacing:.4px;display:block;margin:6px 0 0}.room-heading{left:9%;top:132px}.room-heading .eyebrow{font-size:5px;letter-spacing:1.3px}.room-heading h1{font-size:35px;line-height:1.4;margin:17px 0 14px;letter-spacing:-2px}.room-heading h1 em{padding-left:22px}.room-heading>p{font-size:7px;letter-spacing:.5px}.room-signature{font-size:4px;letter-spacing:1px;margin-top:23px}.room-desk{inset:116px 5% 151px 5%}.paper{width:43%;max-width:195px;padding:12px}.paper-top{font-size:4px;letter-spacing:.5px}.paper-bottom{font-size:5px;bottom:10px;left:11px;right:11px;padding-top:8px;letter-spacing:0}.paper-bottom>span{font-size:3px}.paper-orbit{height:28px;margin-top:17px}.paper-orbit>i{height:28px;width:28px}.paper-orbit>i:last-child{left:14px}.paper-red>strong{font-size:clamp(27px,8.3vw,48px);letter-spacing:-1.5px;bottom:34px}.paper-green h2{font-size:13px;bottom:34px;left:12px;letter-spacing:0}.paper-blue h2{font-size:25px;bottom:35px;left:12px;letter-spacing:-1px}.paper-blue h2>span{font-size:3px;letter-spacing:.3px;margin-top:10px}.paper-yellow h2{font-size:23px;left:12px;top:36%}.paper-checks{font-size:4px;bottom:34px;left:12px;letter-spacing:0}.paper-star{font-size:47px;right:15%;top:17%}.room-tools>span:first-child{width:100%;margin:0}.room-tools{justify-content:space-between;gap:12px}.sky-heading{left:10%;top:132px}.sky-heading .eyebrow{font-size:5px;letter-spacing:1.5px}.sky-heading h1{font-size:39px;margin:19px 0 14px;line-height:1.65;letter-spacing:-1px}.sky-heading em{padding-left:23px}.sky-heading>p{font-size:8px;letter-spacing:1px}.sky-latitude{font-size:4px;letter-spacing:1px;margin-top:24px}.sky-coordinate{right:9%;top:104px;font-size:3px;letter-spacing:1px}.sky-coordinate>span{font-size:20px;margin-top:8px}.sky-star-labels>span{font-size:9px;letter-spacing:2px}.sky-star-labels small{font-size:6px}.sky-tools>span:nth-child(2){font-size:5px;letter-spacing:.5px}.sky-tools button{font-size:15px}.sky-tools>span:first-child{max-width:65%}.ink-topline{left:9%;top:133px;font-size:5px;letter-spacing:1.5px}.ink-topline>span{font-size:10px;letter-spacing:3px;margin-top:12px}.ink-heading{right:11%;top:28%;gap:18px}.ink-heading h1{font-size:41px;letter-spacing:6px}.ink-heading h1>span{padding-top:22px}.ink-heading>p{font-size:8px;line-height:2.5;letter-spacing:3px;height:200px}.red-seal{width:23px;height:37px;font-size:10px;margin-top:18px;right:0}.ink-small-poem{left:13%;bottom:25%;font-size:7px;letter-spacing:3px}.ink-tools>span:first-child{width:100%;margin:0}.ink-tools{justify-content:space-between;gap:13px}.ink-tools>button{font-size:7px}.garden-heading{left:9%;top:126px}.garden-heading .eyebrow{font-size:4px;letter-spacing:1.1px}.garden-heading>p{font-size:19px;line-height:1.6;margin-top:20px}.garden-heading h1{font-size:64px;letter-spacing:-4px;margin-top:24px}.garden-heading h1>span{font-size:29px;right:-30px;top:-14px}.garden-caption{font-size:3px;letter-spacing:1px;max-width:190px;line-height:2;margin-top:21px}.garden-stamp{right:10%;top:18%;font-size:4px;letter-spacing:1px}.garden-stamp>b{font-size:20px}.garden-stamp>span{font-size:24px;margin-top:5px}.garden-tools{justify-content:space-between;gap:10px}.garden-tools>span:first-child{width:100%}.garden-tools small{font-size:4px;margin-top:7px}.radio-heading{left:9%;top:129px}.radio-heading .eyebrow{font-size:5px;letter-spacing:1.3px}.radio-heading h1{font-size:35px;line-height:1.4;margin:19px 0 14px;letter-spacing:-1px}.radio-heading h1>em{padding-left:23px}.radio-heading>p{font-size:8px;line-height:2;letter-spacing:1px}.frequency-display{margin-top:20px;gap:9px}.frequency-display>span{font-size:47px;letter-spacing:-4px}.frequency-display>small{font-size:5px;letter-spacing:1.4px}.station-label{font-size:6px;gap:6px;letter-spacing:.5px;margin-top:10px}.station-label>small{font-size:4px;margin-left:5px}.radio-instrument{right:8%;top:48%;width:73%;height:29%}.instrument-label{font-size:3px;letter-spacing:.7px;top:5%;left:6%;right:6%}.scope-caption{font-size:4px;letter-spacing:.5px;top:43%}.scope-caption>span{margin-left:12px}.radio-knob{width:60px;height:60px;left:16%;bottom:8%;box-shadow:0 0 0 6px #ba8e4606}.radio-knob>span{font-size:4px;letter-spacing:1px}.radio-knob>i::after{top:7px;height:9px;width:1px}.radio-knob::before{inset:7px}.dial-end{font-size:4px;bottom:4%}.dial-left{left:13%}.dial-right{left:40%}.instrument-note{font-size:7px;right:8%;bottom:12%}.instrument-note>i{font-size:16px;margin-top:5px}.radio-tools{justify-content:space-between;gap:10px}.radio-tools>span:first-child{width:100%;margin:0}.radio-tools>span:first-child small{display:inline;margin-left:8px;font-size:4px}.frequency-slider{font-size:4px;letter-spacing:.5px;gap:8px}.frequency-slider input{width:100px}.radio-tools>button{font-size:7px}.radio-tools{bottom:72px}.radio-tools>span:first-child{font-size:6px}#journey-label{font-size:12px;letter-spacing:2px;bottom:23%}dialog{width:340px;max-width:calc(100% - 38px);max-height:87svh;overflow:auto}dialog[open]{grid-template-columns:1fr}#paper-preview{min-height:0;padding:26px 67px 22px}#paper-preview .paper{width:170px;max-width:none}#paper-preview .paper>strong{font-size:35px}#paper-preview .paper h2{font-size:23px}#paper-preview .paper-green h2{font-size:14px}.paper-detail-copy{padding:25px}.paper-detail-copy>span{font-size:6px}.paper-detail-copy>h2{font-size:26px;margin:19px 0 17px}.paper-detail-copy>p{font-size:10px;line-height:1.9}.paper-detail-copy>small{font-size:6px;padding-top:20px}.paper-detail-copy>button{font-size:8px;margin-top:8px;padding-top:12px}#close-paper{right:6px;top:5px}}
@media(max-width:360px){.site-header>nav{gap:12px}.site-header nav a{display:none}.island-intro h1{font-size:36px}.explore-rail button{font-size:8px;gap:4px}.explore-rail button>span{font-size:11px}.rail-caption>span{font-size:3px}.rail-caption>p{font-size:5px}.sky-heading h1{font-size:35px}.garden-heading h1{font-size:58px}.ink-heading{right:9%;gap:14px}.ink-heading h1{font-size:38px}.radio-instrument{width:78%;right:7%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;animation:none!important}}

/* Paper typography follows the sheet itself in both arrangements. */
.paper{container-type:inline-size}.paper-red>strong{font-size:23cqw}.paper-green h2{font-size:9.1cqw}.paper-blue h2{font-size:16cqw}.paper-yellow h2{font-size:15.3cqw}.paper-star{font-size:29cqw}.paper-checks{font-size:2.7cqw}
@media(max-width:700px){.paper-red>strong{font-size:23cqw}.paper-green h2{font-size:9cqw}.paper-blue h2{font-size:16cqw}.paper-yellow h2{font-size:15.3cqw}.paper-checks{font-size:2.7cqw}}

.scene.is-active{opacity:1}

/* Immersive scenes are clipped surfaces, not hidden scroll containers. */
#app,.scene{overflow:clip}
@media(max-width:700px){.room-scene[data-arranged="true"] .room-heading{top:119px}.room-scene[data-arranged="true"] .room-heading h1{font-size:22px;line-height:1.25;margin:11px 0 0;letter-spacing:-1px;white-space:nowrap}.room-scene[data-arranged="true"] .room-heading h1 br{display:none}.room-scene[data-arranged="true"] .room-heading h1 em{padding-left:0}.room-scene[data-arranged="true"] .room-heading>p,.room-scene[data-arranged="true"] .room-signature{display:none}}

@media(max-width:700px) and (max-height:780px){.radio-instrument{top:53%;height:25%}}