@charset "UTF-8";
:root{color-scheme:dark;--night:#101c24;--deep:#0b141b;--cream:#f5eedb;--amber:#e6ba78;--mint:#a8e0d3;--muted:#a6b7b9;--line:#ffffff25;--serif:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;--sans:"Yu Gothic","Hiragino Kaku Gothic ProN",system-ui,sans-serif;--lamp:0;--book:0;--record:0;--window:0;--ham-rise:0;--ham-x:0;--ham-tilt:0;--wire-on:0;--science:0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--night);color:var(--cream);font-family:var(--sans);font-size:15px;line-height:1.8;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--mint);outline-offset:5px}img{max-width:100%;display:block}button{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:500}h1,h2{font-family:var(--serif)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:fixed;z-index:50;top:10px;left:20px;background:var(--cream);color:var(--night);padding:12px 18px;transform:translateY(-180%)}.skip:focus{transform:none}.preview-banner{background:#192e36;color:#c1d6d6;font:10px/1.6 var(--sans);letter-spacing:.14em;min-height:28px;display:flex;justify-content:center;gap:18px;align-items:center;padding:5px 16px}.preview-banner span{letter-spacing:.04em;font-size:10px}.site-header{max-width:1440px;padding:28px 58px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;gap:14px;align-items:center;font-family:var(--serif);font-size:23px;letter-spacing:.05em;white-space:nowrap}.brand svg{width:30px;height:30px;fill:var(--amber)}.brand small{display:block;font:8px/1.5 var(--sans);letter-spacing:.23em;color:var(--muted);margin-top:4px}.site-header nav{display:flex;gap:28px;font-size:12px;letter-spacing:.08em}.site-header nav a{padding:9px 0;position:relative}.site-header nav a::after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--amber);transition:width .2s}.site-header nav a:hover::after{width:100%}.menu-toggle{display:none}.hero{padding-bottom:40px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 70% 48%,#28433c44,transparent 60%)}.hero-intro{max-width:1324px;margin:42px auto 28px;padding:0 54px;display:flex;justify-content:space-between;gap:30px;align-items:flex-end}.eyebrow{font-size:11px;letter-spacing:.14em;color:var(--amber);margin:0 0 17px}.tiny-star{font-size:14px;margin-right:8px}h1{font-size:clamp(36px,3.5vw,53px);line-height:1.55;letter-spacing:.12em;margin:0}.intro-aside{padding-bottom:9px}.intro-aside p{font-size:13px;color:#c2cecc;line-height:2.1;margin-bottom:16px}.text-link{display:inline-flex;gap:28px;align-items:center;font-size:12px;letter-spacing:.07em;padding-bottom:6px;border-bottom:1px solid #e6ba7870}.text-link:hover{color:var(--amber)}.text-link span{font-size:20px;line-height:1}.room-wrap{max-width:1440px;margin:auto;padding:0 28px}.scene{position:relative;aspect-ratio:3/2;max-height:none;isolation:isolate;overflow:hidden;border-radius:14px;background:#243438;box-shadow:0 30px 100px #0004,0 0 0 1px #dfc49c25;--scene-drift-x:0px;--scene-drift-y:0px}.room-art{position:absolute;inset:-4px;transform:translate(var(--scene-drift-x),var(--scene-drift-y)) scale(1.008);transition:transform .8s ease;z-index:-2}.room-art img{width:100%;height:100%;object-fit:cover}.scene::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#07151c08 55%,#06111766);z-index:-1}.ambient{position:absolute;border-radius:50%;pointer-events:none;mix-blend-mode:screen;filter:blur(22px)}.ambient-cyan{width:25%;height:30%;right:21%;top:23%;background:#6ac9d420;animation:ambient 10s ease-in-out infinite alternate}.ambient-amber{width:23%;height:25%;left:10%;bottom:19%;background:#eca6541a;animation:ambient 8s 2s ease-in-out infinite alternate}.circuit{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.wire{fill:none;stroke-linecap:round;stroke-linejoin:round}.wire-base{stroke:#94e6d8;stroke-width:1.4;opacity:.15}.wire-charge{stroke:url(#wire-color);stroke-width:2;opacity:var(--wire-on);filter:drop-shadow(0 0 5px #70efe4)}.bolt{fill:none;stroke-linejoin:round;stroke-linecap:round}.bolt-glow{stroke:#77e9df;stroke-width:11;filter:url(#neon-glow);opacity:calc(.15 + var(--wire-on)*.55)}.bolt-core{stroke:#d4fff1;stroke-width:2.6;opacity:calc(.4 + var(--wire-on)*.6)}.lamp-light{position:absolute;left:8%;top:36%;width:22%;height:34%;pointer-events:none;border-radius:50%;background:radial-gradient(ellipse,#ffc7758c,#e8ae4925 35%,transparent 70%);opacity:var(--lamp);mix-blend-mode:screen}.window-light{position:absolute;right:15%;top:11%;width:27%;height:42%;pointer-events:none;background:radial-gradient(ellipse,#b7e8e840,transparent 70%);opacity:var(--window);mix-blend-mode:screen}.book-leaf{position:absolute;left:23%;top:67%;width:9%;height:9%;background:linear-gradient(100deg,#ecd6a926,#ffedba70);clip-path:polygon(3% 7%,91% 0,100% 84%,12% 100%);transform-origin:left center;transform:perspective(200px) rotateY(calc(var(--book)*-32deg)) translateY(calc(var(--book)*-8px));opacity:calc(var(--book)*.75);pointer-events:none}.book-leaf span{display:block;font-size:25px;color:#fff2cf;text-align:center;opacity:var(--book)}.record-motion{position:absolute;width:10.5%;aspect-ratio:1;left:75%;top:74%;transform:rotateX(38deg);pointer-events:none;opacity:calc(var(--record)*.85)}.vinyl{width:100%;height:100%;background:repeating-radial-gradient(circle,#192323 0 2px,#34504b 2.6px 3px,#14221e 3.6px 5px);border-radius:50%;box-shadow:0 0 16px #f2c99455;animation:vinyl-spin 7s linear infinite}.vinyl span{position:absolute;width:30%;height:30%;top:35%;left:35%;border-radius:50%;background:conic-gradient(#d9b475,#ad8352,#e0c38a,#d9b475)}.record-motion>i{position:absolute;width:5px;height:65%;background:#b5a989;top:-4%;right:5%;transform:rotate(-23deg)}.science-bubbles{position:absolute;left:82%;top:48%;width:7%;height:18%;pointer-events:none;opacity:var(--science)}.science-bubbles i{position:absolute;border:1px solid #b0f1dc;border-radius:50%;width:8px;height:8px;left:30%;bottom:0;animation:bubble 3.8s infinite}.science-bubbles i:nth-child(2){left:65%;animation-delay:1.2s;width:5px;height:5px}.science-bubbles i:nth-child(3){left:42%;animation-delay:2.2s;width:12px;height:12px}.official-slot{position:absolute;left:46%;top:66%;width:12%;height:19%;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}.slot-ring{position:absolute;bottom:27%;left:0;width:100%;height:25%;border:1px dashed #f6e2b4aa;border-radius:50%;background:#fff2d80d;box-shadow:0 0 20px #fff6d422}.official-slot small{font-size:11px;text-align:center;color:#fff3cf;text-shadow:0 2px 6px #000;line-height:1.6}.official-slot em{font-size:9px;display:block;font-style:normal;color:#f2dfb9}.hamster-track{position:absolute;left:58%;top:66%;width:11%;height:22%;transform:translateX(calc(var(--ham-x)*1px));will-change:transform}.hamster{position:absolute;width:100%;bottom:0;border:0;background:none;padding:0;transform-origin:50% 85%;transform:translateY(calc((1 - var(--ham-rise))*12px)) rotate(calc(var(--ham-tilt)*1deg));filter:drop-shadow(0 5px 4px #0004);animation:hamster-breathe 3s ease-in-out infinite}.hamster img{width:100%;height:auto;position:relative;z-index:1}.hamster:hover img{filter:brightness(1.12)}.hamster-shadow{position:absolute;width:63%;height:8%;left:18%;bottom:10%;border-radius:50%;background:#071a1790;filter:blur(4px)}.speech{position:absolute;left:57%;top:-10%;white-space:nowrap;border-radius:18px 18px 18px 3px;background:#f8efd9;color:#26372e;padding:6px 12px;font-size:11px;opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s;pointer-events:none}.speech.visible{opacity:1;transform:none}.hotspot{position:absolute;display:flex;align-items:center;gap:9px;z-index:5;min-height:48px;padding:8px 12px;border-radius:7px;background:linear-gradient(100deg,#071a21dd,#102b30a8);border:1px solid #e8d8ab50;box-shadow:0 5px 20px #0003;backdrop-filter:blur(8px);transition:border-color .25s,background .25s,transform .25s}.hotspot:hover,.hotspot:focus-visible{border-color:#ffe4a6;background:#193e43ee;transform:translateY(-3px)}.hotspot-dot{width:6px;height:6px;background:var(--amber);border-radius:50%;box-shadow:0 0 9px #ffc96f;flex-shrink:0}.hotspot-label{font-size:12px;color:#fff7e5;line-height:1.6;white-space:nowrap}.hotspot-label small{display:block;font-size:8px;color:#d2d9cd;letter-spacing:.08em}.hotspot-label b{font-size:13px;color:#e6ba78;font-weight:400;margin-left:9px}.hotspot-diary{left:10%;top:77%}.hotspot-philosophy{left:8%;top:30%}.hotspot-research{right:5%;top:57%}.hotspot-music{right:5%;bottom:7%}.hotspot-town{right:20%;top:28%}.scene-corner{position:absolute;left:23px;bottom:17px;font-size:8px;letter-spacing:.16em;color:#f8e4bb99;pointer-events:none}.dust{position:absolute;inset:0;overflow:hidden;pointer-events:none}.dust i{position:absolute;width:3px;height:3px;border-radius:50%;background:#f6dcaa;left:20%;top:30%;opacity:.3;animation:dust 14s ease-in-out infinite}.dust i:nth-child(2){left:34%;top:57%;animation-delay:-3s}.dust i:nth-child(3){left:70%;top:28%;animation-delay:-6s}.dust i:nth-child(4){left:58%;top:73%;animation-delay:-8s}.dust i:nth-child(5){left:12%;top:69%;animation-delay:-10s}.dust i:nth-child(6){left:85%;top:40%;animation-delay:-5s}.dust i:nth-child(7){left:49%;top:32%;animation-delay:-2s}.dust i:nth-child(8){left:78%;top:79%;animation-delay:-11s}.room-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:19px 10px;color:#c6d3cc;font-size:11px}.room-caption{display:flex;align-items:center;gap:10px;min-width:0}.live-dot{width:5px;height:5px;border-radius:50%;background:var(--amber);box-shadow:0 0 8px #ffd27b;flex-shrink:0}.control-buttons{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.control-buttons button{border:0;border-bottom:1px solid #c1d9c03b;background:none;padding:8px 0;font-size:11px;letter-spacing:.03em;min-height:36px}.control-buttons button:hover{color:var(--amber)}.control-buttons button span:first-child{margin-right:6px;color:var(--amber)}.control-buttons button:disabled{opacity:.5}.world-shortcuts{display:flex;justify-content:space-between;max-width:1324px;margin:0 auto;padding:15px 54px 0;gap:14px}.world-shortcuts a{font-size:10px;letter-spacing:.06em;color:#9aaeb2;display:flex;gap:14px;align-items:center;padding:7px 0}.world-shortcuts a span{font-size:13px;color:#e2e7dc}.world-shortcuts a:hover span{color:var(--amber)}.noscript-note{max-width:1100px;margin:20px auto;padding:15px;border:1px solid var(--line)}.paper-section{background:#f3eddf;color:#263730;position:relative}.paper-section::before{content:"";position:absolute;inset:0;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' 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%3Cpath fill='%23887656' filter='url(%23n)' opacity='.4' d='M0 0h160v160H0z'/%3E%3C/svg%3E");pointer-events:none}.diary{padding:88px max(58px,calc((100vw - 1224px)/2)) 96px;scroll-margin-top:0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:42px}.dark{color:#6d7254}.section-heading h2{font-size:35px;letter-spacing:.08em;margin:0}.dark-link{color:#35473c;border-color:#84917a}.dark-link:hover{color:#6b4722}.diary-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:70px}.diary-note{position:relative;background:#e6d9b9;padding:36px 25px 28px;align-self:start;transform:rotate(-3deg);box-shadow:2px 8px 20px #4c412214;min-height:322px;border:1px solid #d5c3a0}.paper-pin{position:absolute;width:40px;height:17px;background:#bca77d66;top:-8px;left:45%;transform:rotate(8deg)}.small-label{font-size:10px;color:#586147;letter-spacing:.1em}.note-copy{font:21px/1.9 var(--serif);letter-spacing:.06em}.note-star{position:absolute;font-size:65px;right:20px;bottom:50px;line-height:1;color:#877b4b99;transform:rotate(15deg)}.note-foot{font-size:10px;color:#66705e;line-height:1.8;margin:24px 0 0}.search-row{display:flex;border-bottom:1px solid #83917e;gap:10px}#search-form label{display:block;font-size:11px;letter-spacing:.06em;margin-bottom:5px}.search-row input{color:#23382c;background:none;border:0;outline:none;min-width:0;width:100%;padding:8px 0;font-size:12px}.search-row input:focus-visible{outline:2px solid #4a795d;outline-offset:1px}.search-row button{background:none;border:0;font-size:11px;color:#34563c;padding:8px 14px}.snapshot-note{font-size:9px;color:#65715e;margin:10px 0 4px}.article-row{display:grid;grid-template-columns:40px 1fr;gap:13px;border-bottom:1px solid #88947a55;padding:23px 0}.article-number{font-family:Georgia,serif;font-style:italic;color:#8b957d;font-size:26px;line-height:1.5}.article-meta{font-size:9px;color:#6b765f;letter-spacing:.05em;margin:0 0 6px}.article-row h3{font-family:var(--serif);font-size:17px;line-height:1.8;margin:0 0 8px;letter-spacing:.03em}.article-row h3 a:hover{text-decoration:underline;text-underline-offset:4px}.article-row p:last-child{font-size:11px;color:#6a735f;margin:0;line-height:1.8}.pagination{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.pagination button{color:#3d5039;border:1px solid #a5af99;background:transparent;min-width:40px;min-height:40px;font-size:11px}.pagination button[aria-current=page]{background:#354d3d;color:#fff}.pagination button:disabled{opacity:.45}.search-result{font-size:11px;color:#536149;margin:12px 0 0}.world-stories{display:grid;grid-template-columns:1fr 1fr;max-width:1440px;margin:auto;padding:72px 58px 74px;gap:80px}.story{position:relative;padding:15px 0 0;scroll-margin-top:25px}.story-index{color:var(--amber);font-size:9px;letter-spacing:.2em;border-top:1px solid #cbcca846;padding-top:22px;margin-bottom:28px}.story-heading{display:flex;align-items:center;gap:30px}.story-heading>span{font-size:80px;color:#8bb8a777;font-family:Georgia,serif;line-height:1}.story h2{font-size:32px;letter-spacing:.09em;line-height:1.7;margin:0 0 22px}.story p{color:#acbcb4;font-size:12px;line-height:2}.story .text-link{margin-top:10px}.story-research .story-heading>span{color:#d7b5758c}.music-section{display:flex;align-items:center;gap:90px;padding:62px max(58px,calc((100vw - 1120px)/2)) 76px;background:#1a2b30;overflow:hidden}.music-illustration{width:260px;aspect-ratio:1;position:relative;flex-shrink:0}.large-record{position:absolute;inset:12%;border-radius:50%;background:repeating-radial-gradient(#111e1f 0 2px,#2c4241 3px 4px,#142323 5px 7px);box-shadow:0 0 0 12px #1e3335,0 20px 50px #0004;animation:vinyl-spin 25s linear infinite}.large-record::after{content:"";position:absolute;inset:34%;border-radius:50%;background:conic-gradient(#9aa87b,#dee2b2,#8eaa8c,#a4b082);border:2px solid #f5e4ac}.large-record i{position:absolute;width:7px;height:7px;left:calc(50% - 3.5px);top:calc(50% - 3.5px);border-radius:50%;background:#17302a;z-index:1}.music-note{position:absolute;font-family:Georgia,serif;font-size:27px;color:var(--amber);animation:note-float 4s ease-in-out infinite}.note-one{top:3%;right:9%;transform:rotate(15deg)}.note-two{bottom:8%;left:0;animation-delay:1s}.music-copy h2{font-size:32px;line-height:1.7;letter-spacing:.07em;margin:0 0 22px}.song-title{font:20px/1.9 var(--serif)}.song-title span{font-size:15px}.muted{font-size:12px;color:#acbcb4;line-height:2}.music-stamp{font-size:9px;letter-spacing:.18em;border-top:1px solid #a1b9a73b;padding-top:20px;color:#c0c8ad;margin-top:22px}.music-stamp span{color:var(--amber);margin-left:15px}.hamsterdam-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;max-width:1200px;margin:80px auto 90px;padding:0 58px;gap:70px}.town-window{aspect-ratio:1.06;border-radius:48% 48% 8px 8px;background:linear-gradient(#0b202b0d,#0b202b20),url('assets/room-desktop.webp') 65% 30% / 290%;border:8px solid #6e68544d;box-shadow:0 0 0 1px #b3a5763b,0 20px 50px #0003}.town-copy h2{font-size:35px;line-height:1.8;letter-spacing:.07em;margin-bottom:20px}.town-copy>p:not(.eyebrow){font-size:12px;line-height:2.1;color:#adbfbb}.town-copy .text-link{margin-top:18px}.site-footer{border-top:1px solid var(--line);max-width:1324px;margin:auto;padding:40px 40px 30px;display:grid;grid-template-columns:1fr auto;gap:22px}.footer-brand{font-family:var(--serif);font-size:23px;letter-spacing:.05em}.footer-brand span{font-size:16px;color:var(--amber);margin-left:14px}.site-footer>div>p{font-size:10px;color:#a3b4af;margin:7px 0}.site-footer nav{display:flex;gap:22px;align-self:center;font-size:10px;color:#c0cec4}.site-footer a:hover{color:var(--amber)}.footer-note{grid-column:1/-1;color:#819a98;font-size:9px;line-height:2;margin:0;letter-spacing:.04em}
@keyframes ambient{to{opacity:.5;transform:translateY(-5px)}}@keyframes dust{0%,100%{transform:translate(0,0);opacity:.1}50%{transform:translate(12px,-22px);opacity:.5}}@keyframes vinyl-spin{to{transform:rotate(360deg)}}@keyframes hamster-breathe{0%,100%{scale:1 1}50%{scale:1.025 .98}}@keyframes bubble{0%{transform:translateY(0) scale(.4);opacity:0}20%{opacity:.7}100%{transform:translateY(-55px) scale(1.1);opacity:0}}@keyframes note-float{0%,100%{translate:0 0;opacity:.5}50%{translate:0 -9px;opacity:1}}
body[data-motion=paused] *,body[data-motion=reduced] *{animation-play-state:paused!important;transition:none!important}body[data-motion=paused] .scene,body[data-motion=reduced] .scene{--scene-drift-x:0px!important;--scene-drift-y:0px!important}body[data-motion=reduced] .dust,body[data-motion=reduced] .science-bubbles,body[data-motion=reduced] .speech{display:none}body[data-motion=reduced] .wire-base{opacity:.23}body[data-motion=reduced] .wire-charge{opacity:0}body[data-motion=reduced] .bolt-core{opacity:.7}body[data-motion=reduced] .bolt-glow{opacity:.25}body[data-motion=reduced] .lamp-light{opacity:.25}body[data-motion=reduced] .window-light{opacity:.2}body[data-motion=reduced] .hamster{transform:none!important}body[data-motion=reduced] .book-leaf{display:none}body[data-motion=reduced] .record-motion{opacity:0}body[data-page-hidden=true] *{animation-play-state:paused!important}body[data-page-hidden=true] .room-art{transition:none!important}body[data-scene-visible=false] .scene *{animation-play-state:paused!important}
@media(min-width:1550px){.scene{aspect-ratio:3/2}.hero-intro{margin-top:48px}}
@media(max-width:1050px){.site-header{padding:24px 32px}.site-header nav{gap:20px;font-size:11px}.hero-intro{padding:0 42px;margin-top:32px}.intro-aside{max-width:260px}.room-wrap{padding:0 20px}.hotspot{padding:6px 9px;gap:7px}.hotspot-label{font-size:11px}.hotspot-label small{font-size:8px}.scene-corner{font-size:7px}.diary{padding:65px 40px}.diary-layout{grid-template-columns:220px minmax(0,1fr);gap:40px}.world-stories{padding:60px 40px;gap:45px}.music-section{padding:55px 40px;gap:50px}.hamsterdam-section{padding:0 40px;gap:45px}.official-slot{width:14%;left:44%}.world-shortcuts{padding:8px 40px 0}.world-shortcuts a{gap:8px}.room-controls{gap:10px}.control-buttons{gap:15px}}
@media(max-width:760px){.brand{font-size:20px}.site-header{padding:20px 24px}.site-header nav{gap:14px;font-size:10px}.brand small{font-size:7px}.hero-intro{padding:0 28px}.intro-aside p{font-size:11px}.control-buttons{gap:11px}.control-buttons button{font-size:10px}.room-caption{font-size:10px}.diary-layout{grid-template-columns:190px minmax(0,1fr);gap:30px}.diary-note{padding:30px 20px}.note-copy{font-size:18px}.section-heading h2{font-size:29px}.world-stories{gap:32px}.story-heading{gap:16px}.story h2{font-size:27px}.story-heading>span{font-size:60px}.music-illustration{width:210px}.music-section{gap:30px}.music-copy h2{font-size:25px}.town-copy h2{font-size:28px}.hamsterdam-section{gap:30px}.site-footer nav{gap:15px}}
@media(max-width:680px){.preview-banner{font-size:8px;gap:9px;letter-spacing:.06em;padding:5px 10px}.preview-banner span{font-size:8px}.site-header{padding:18px 21px;position:relative;z-index:20;gap:12px}.brand{font-size:20px;gap:9px}.brand svg{width:25px;height:25px}.brand small{font-size:6px;margin-top:3px;letter-spacing:.18em}.menu-toggle{display:flex;gap:8px;align-items:center;border:1px solid #d9d5b938;background:none;border-radius:20px;min-height:42px;padding:6px 12px;font-size:10px;white-space:nowrap}.menu-toggle span{font-size:15px}.site-header nav{display:none;position:absolute;left:16px;right:16px;top:calc(100% - 5px);padding:15px 22px;background:#172e34;border:1px solid #d9d5b94d;border-radius:9px;box-shadow:0 12px 30px #0007;flex-direction:column;gap:0}.site-header nav.open{display:flex}.site-header nav a{padding:12px 0;font-size:13px;border-bottom:1px solid #d9d5b92b}.site-header nav a:last-child{border-bottom:0}.hero{padding-bottom:25px}.hero-intro{margin:27px 0 22px;padding:0 25px;display:block}.eyebrow{font-size:9px;letter-spacing:.08em;margin-bottom:13px}.tiny-star{font-size:11px;margin-right:5px}h1{font-size:34px;line-height:1.6;letter-spacing:.08em}.intro-aside{display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:none;padding:0;margin-top:18px}.intro-aside p{font-size:10px;line-height:1.9;margin:0}.intro-aside .text-link{font-size:11px;white-space:nowrap;gap:10px}.room-wrap{padding:0 12px}.scene{aspect-ratio:4/5;border-radius:10px}.room-art{inset:-2px}.room-art img{object-fit:cover}.circuit{opacity:.85}.hotspot{min-height:44px;padding:5px 8px;gap:5px;border-radius:5px;backdrop-filter:blur(5px)}.hotspot-label{font-size:10px;line-height:1.5}.hotspot-label small{font-size:7px;letter-spacing:0}.hotspot-label b{margin-left:3px;font-size:10px}.hotspot-dot{width:4px;height:4px}.hotspot-philosophy{left:4%;top:26%}.hotspot-town{right:4%;top:18%}.hotspot-diary{left:4%;top:68%}.hotspot-research{right:3%;top:48%}.hotspot-music{right:3%;bottom:5%}.official-slot{left:40%;top:64%;width:20%;height:22%}.official-slot small{font-size:9px}.official-slot em{font-size:7px}.hamster-track{left:59%;top:66%;width:18%;height:24%}.speech{left:32%;top:0;font-size:9px;padding:4px 7px}.scene-corner{font-size:6px;bottom:8px;left:12px;letter-spacing:.06em}.ambient-cyan{right:8%;top:13%;width:38%;height:30%}.lamp-light{left:4%;top:30%;width:35%;height:40%}.window-light{right:4%;top:7%;width:36%;height:40%}.book-leaf{left:16%;top:64%;width:16%;height:8%}.record-motion{left:73%;top:77%;width:14%}.science-bubbles{left:86%;top:46%;width:8%}.room-controls{padding:13px 6px 5px;display:block}.room-caption{font-size:10px;min-height:19px}.control-buttons{justify-content:space-between;gap:8px;margin-top:8px}.control-buttons button{font-size:10px;min-height:44px;padding:6px 2px}.control-buttons button span:first-child{margin-right:3px}.world-shortcuts{display:flex;flex-wrap:wrap;padding:14px 24px 0;gap:0}.world-shortcuts a{width:33.333%;justify-content:flex-start;font-size:8px;padding:9px 0;gap:7px;min-height:44px}.world-shortcuts a span{font-size:11px}.world-shortcuts a:last-child{width:50%}.diary{padding:45px 24px 48px}.section-heading{display:block;margin-bottom:24px}.section-heading h2{font-size:28px;letter-spacing:.04em}.section-heading>.text-link{margin-top:15px;font-size:11px}.diary-layout{grid-template-columns:1fr;gap:28px}.diary-note{min-height:0;max-width:none;padding:20px 23px;transform:rotate(-1deg);display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.diary-note .small-label{font-size:9px;grid-column:1/-1;margin-bottom:6px}.note-copy{font-size:19px;line-height:1.8;margin:0}.note-star{font-size:40px;bottom:51px;right:30px}.note-foot{font-size:9px;margin:54px 0 0}.paper-pin{left:55%;width:35px}.snapshot-note{font-size:8px}.article-row{grid-template-columns:28px minmax(0,1fr);gap:9px;padding:20px 0}.article-number{font-size:23px}.article-row h3{font-size:16px;line-height:1.85}.article-meta{font-size:9px}.article-row p:last-child{font-size:10px}.world-stories{grid-template-columns:1fr;padding:36px 26px 42px;gap:36px}.story{padding:0}.story-index{padding-top:18px;margin-bottom:20px;font-size:8px}.story-heading{gap:22px}.story-heading>span{font-size:65px;min-width:65px}.story h2{font-size:29px;margin-bottom:14px}.story p{font-size:11px;margin-bottom:8px}.story .text-link{font-size:11px}.music-section{padding:38px 26px 44px;gap:20px;display:block}.music-illustration{width:180px;margin:0 auto 18px}.music-copy h2{font-size:27px;line-height:1.7}.music-copy .eyebrow{font-size:8px}.song-title{font-size:20px}.song-title span{font-size:14px}.muted{font-size:11px}.music-stamp{font-size:8px}.hamsterdam-section{grid-template-columns:1fr;margin:42px auto 48px;padding:0 26px;gap:26px}.town-window{max-width:310px;width:100%;justify-self:center;aspect-ratio:1.2;background-position:65% 28%}.town-copy h2{font-size:31px;line-height:1.7}.town-copy>p:not(.eyebrow){font-size:11px}.site-footer{padding:30px 24px 25px;grid-template-columns:1fr;gap:18px}.footer-brand{font-size:22px}.site-footer nav{flex-wrap:wrap;gap:17px;font-size:10px}.footer-note{font-size:8px}.footer-note br{display:none}}
@media(max-width:360px){.brand{font-size:17px}.brand svg{width:21px}.brand small{font-size:5px}.site-header{padding:15px 17px}.hero-intro{padding:0 22px;margin-top:23px}h1{font-size:30px}.eyebrow{font-size:8px}.preview-banner{font-size:7px;gap:6px}.preview-banner span{font-size:7px}.intro-aside{gap:8px}.intro-aside p{font-size:9px}.intro-aside .text-link{font-size:10px}.hotspot-label{font-size:9px}.hotspot-label small{font-size:6px}.hotspot{padding:4px 6px}.hotspot-dot{display:none}.control-buttons button{font-size:9px}.room-caption{font-size:9px}.world-shortcuts{padding-left:22px;padding-right:22px}.world-shortcuts a{gap:5px}.world-shortcuts a span{font-size:10px}.diary{padding-left:22px;padding-right:22px}.note-copy{font-size:17px}.note-foot{font-size:8px}.note-star{right:23px}.section-heading h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.dust,.science-bubbles{display:none}.scene{--scene-drift-x:0px!important;--scene-drift-y:0px!important}.hamster{transform:none!important}}

/* Foreground layers sit in the same painted coordinate system as the room. */
.hamster-track{clip-path:inset(-60% -65% 5% -65%)}
.hamster{transform:translateY(calc((1 - var(--ham-rise))*75px)) rotate(calc(var(--ham-tilt)*1deg))}
.lamp-light{left:0;top:37%;width:20%;height:37%}
.record-motion{left:87%;top:57%;width:12%;transform:rotateX(55deg)}
.scene[data-focus=diary] .lamp-light,.scene[data-focus=philosophy] .lamp-light{opacity:.5}
.scene[data-focus=town] .window-light{opacity:.6}
.scene[data-focus=research] .science-bubbles{opacity:.75}
.scene[data-focus=music] .record-motion{opacity:.7}
.empty-results{font-size:13px;color:#50624d;padding:25px 0}
@media(max-width:680px){.lamp-light{left:0;top:39%;width:30%;height:28%}.record-motion{left:83%;top:68%;width:15%}.hamster-track{left:53%;top:62%;width:19%;height:25%}.hamster{transform:translateY(calc((1 - var(--ham-rise))*55px)) rotate(calc(var(--ham-tilt)*1deg))}.book-leaf{left:20%;top:78%;width:17%;height:9%}}

/* v4 overrides retain v3 art, with separate actors, causal motion and real article images. */
:root{--music-angle:0deg}.hero-intro{margin-top:24px;margin-bottom:22px}h1{font-size:42px}.today-diary{position:relative;display:grid;grid-template-columns:145px 1fr;align-items:center;gap:23px;max-width:1216px;margin:0 auto 24px;padding:12px 24px 12px 12px;border:1px solid #cbbd8d5c;border-radius:9px;background:#ece6d5;color:#26382f;isolation:isolate;box-shadow:0 9px 30px #0002}.today-diary img{width:145px;height:87px;object-fit:cover;border-radius:4px}.today-diary small{font-size:11px;letter-spacing:.08em;color:#627151;display:block}.today-diary strong{font:19px/1.7 var(--serif);display:block;margin:4px 0}.today-diary em{font-style:normal;font-size:12px;color:#4f604a}.today-bookmark{position:absolute;right:24px;top:-6px;width:18px;height:46px;clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%);background:#847a49;transform-origin:top}.record-motion{display:none!important}.actor{position:absolute;z-index:4;will-change:transform;transform:translate(var(--actor-x,0px),var(--actor-y,0px)) rotate(var(--actor-tilt,0deg));transform-origin:50% 85%}.chapimaru-actor{left:44%;top:63%;width:12%;aspect-ratio:1}.hamsterdam-actor{left:59%;top:69%;width:10%;aspect-ratio:1;clip-path:inset(-90% -80% -40% -80%)}.actor-button{display:block;width:100%;position:relative;padding:0;border:0;background:none;color:var(--cream);cursor:pointer;min-height:44px}.actor-shadow{position:absolute;left:10%;bottom:4%;width:80%;height:15%;border-radius:50%;background:#061d20a1;filter:blur(4px);transform:scale(var(--shadow-size,1));pointer-events:none}.portrait-mask{display:block;position:relative;width:100%;aspect-ratio:1.08;border-radius:50%;clip-path:ellipse(49% 45% at 50% 49%);overflow:hidden;filter:drop-shadow(0 0 5px #a0c8ea55);animation:chap-breathe 5.7s ease-in-out infinite;transform-origin:50% 90%}.portrait-mask img{width:200%;height:auto;max-width:none;position:absolute;left:-50%;top:-40%}.actor-name{display:block;text-align:center;font-size:12px;white-space:nowrap;position:absolute;top:101%;left:50%;transform:translateX(-50%);text-shadow:0 1px 6px #000,0 1px 4px #000;background:#0e2429a1;padding:1px 7px;border-radius:12px}.ham-body{display:block;position:relative;animation:hamster-breathe 4.3s ease-in-out infinite;transform-origin:50% 90%}.ham-body>img:first-child{width:100%;height:auto}.ham-body .ham-nose-detail,.ham-body .ham-paw-detail{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.ham-nose-detail{clip-path:ellipse(19% 15% at 31% 39%);animation:nose-sniff 2.7s ease-in-out infinite}.ham-paw-detail{clip-path:ellipse(13% 10% at 48% 62%);opacity:0;transform-origin:48% 64%}.hamsterdam-actor[data-pose=groom] .ham-paw-detail{opacity:1;animation:paw-groom 1s ease-in-out infinite}.hamsterdam-actor[data-pose=chew] .ham-nose-detail{animation:cheek-chew .6s ease-in-out infinite}.tunnel{position:absolute;left:65%;top:78%;width:9%;height:8%;background:radial-gradient(ellipse at 44% 66%,#081416 0 49%,#776245 51% 60%,#39352c 64% 75%,transparent 77%);border-radius:50% 50% 8% 8%;z-index:3;pointer-events:none;box-shadow:0 12px 12px -9px #000b}.story-caption{position:absolute;left:50%;top:49%;transform:translateX(-50%);max-width:240px;border:1px solid #e6d2aa44;border-radius:18px 18px 18px 3px;background:#f3ead9ed;color:#36453c;font-size:12px;line-height:1.8;padding:8px 15px;opacity:var(--caption-visible,0);pointer-events:none;text-align:center}.pen-prop{position:absolute;left:25%;top:79%;width:10%;z-index:3;pointer-events:none;transform-origin:15% 50%;transform:rotate(var(--pen-angle,0deg)) translate(var(--pen-x,0px),var(--pen-y,0px));filter:drop-shadow(1px 3px 2px #0007)}.pen-prop svg{width:100%;display:block}.sticky-idea{position:absolute;left:43%;top:57%;width:4%;aspect-ratio:1;background:#efdfa2;transform:rotate(-9deg) translateY(calc(var(--idea,0)*-10px));opacity:var(--idea,0);color:#786330;text-align:center;font-size:26px;line-height:1.7;box-shadow:2px 5px 10px #0003;pointer-events:none}.shelf-book{position:absolute;left:19%;top:27%;width:2%;height:13%;background:linear-gradient(90deg,#786347,#ad8c5b,#796143);border:1px solid #ccb78680;transform:translateX(calc(var(--shelf,0)*-7px));opacity:calc(var(--shelf,0)*.85);pointer-events:none}.shelf-book i{position:absolute;top:60%;left:50%;height:55%;width:15%;background:#a3ad80;transform-origin:top;transform:rotate(calc(var(--shelf,0)*8deg))}.window-effects{position:absolute;left:56%;top:7%;width:22%;height:34%;border-radius:45% 45% 0 0;overflow:hidden;pointer-events:none}.window-cloud{position:absolute;left:0;top:25%;width:140%;height:22%;background:radial-gradient(ellipse,#bdd3d71a,transparent 66%);animation:cloud-drift 18s ease-in-out infinite alternate}.shooting-star{position:absolute;left:85%;top:18%;width:28px;height:1px;background:linear-gradient(90deg,transparent,#c8e5e3);opacity:0;animation:shoot-star 29s 5s linear infinite}.steam{position:absolute;left:23%;top:61%;width:8%;height:10%;pointer-events:none}.steam i{position:absolute;left:35%;bottom:0;width:11px;height:38px;border-left:1px solid #e9ecd5;border-radius:50%;filter:blur(1px);opacity:.2;animation:steam-rise 6s infinite}.steam i+ i{left:60%;animation-delay:2.2s}.gauge-light{position:absolute;left:86%;top:51%;width:7px;height:7px;border-radius:50%;background:#c8f6b0;box-shadow:0 0 12px #c8f6b0;opacity:var(--gauge,0);pointer-events:none}.lamp-light{opacity:calc(.08 + var(--lamp,0)*.85);animation:lamp-breathe 9.3s ease-in-out infinite}.room-controls{align-items:flex-start}.control-buttons{gap:16px;justify-content:flex-end;max-width:75%}.control-buttons button{font-size:12px;min-height:44px}.room-caption{padding-top:11px;font-size:12px}.hotspot-label{font-size:14px}.hotspot-label small{font-size:10px}.hotspot{min-height:48px}.hotspot-philosophy{left:5%;top:25%}.hotspot-town{right:17%;top:20%}.hotspot-research{right:3%;top:46%}.hotspot-music{right:3%;bottom:5%}.hotspot-diary{left:6%;top:76%}.world-shortcuts a{min-height:44px}.world-shortcuts a span{font-size:14px}.music-illustration{position:relative}.large-record{animation:none;transform:rotate(var(--music-angle));}.music-note{opacity:0;animation:none}body[data-audio=playing][data-motion=running] .music-note{animation:note-float 4s ease-in-out infinite;opacity:.7}.music-illustration::after{content:"";position:absolute;right:8%;top:14%;width:5px;height:44%;background:#b8a57a;border:1px solid #e0d3ad;border-radius:3px;transform:rotate(-26deg);transform-origin:top;transition:transform .4s}body[data-audio=playing] .music-illustration::after{transform:rotate(-6deg)}.preview-player{margin:22px 0;max-width:440px}.preview-player button{min-height:46px;border:1px solid #a7cbba66;border-radius:6px;padding:10px 18px;background:#173d40;font-size:14px}.preview-player button:first-child{background:#c5ded0;color:#19352e;border-color:#e0f1dc;font-weight:650}.preview-player button:disabled{opacity:.5}.preview-player p{font-size:12px;color:#c5d4cb;min-height:22px;margin:10px 0}.preview-player label{display:flex;justify-content:space-between;font-size:11px;color:#b7c7be}.preview-player input{width:100%;height:24px;accent-color:#d2bc80;cursor:pointer}.audio-native{width:100%;margin-top:12px}.js-enabled .audio-native{display:none}.music-price{font-size:14px}.music-price strong{font:22px var(--serif);margin-left:15px}.music-price span{display:block;font-size:11px;color:#a8bdb0;margin-top:8px}.sale-disabled{border:1px solid #8a9e903d;border-radius:6px;padding:12px 24px;min-height:44px;color:#c7cbb2;background:#233936;font-size:14px}.article-row{grid-template-columns:30px minmax(0,1fr) 126px;gap:16px}.article-thumb{width:126px;height:96px;object-fit:cover;border-radius:5px;align-self:center;order:3}.article-local-link{font-size:12px;display:inline-block;margin-top:8px;border-bottom:1px solid #8c9a7a;color:#365239}.category-filters{display:flex;gap:9px;margin:20px 0 0}.category-filters button{border:1px solid #9aa38b;background:none;color:#43573f;border-radius:20px;padding:5px 16px;font-size:13px;min-height:38px}.category-filters button[aria-pressed=true]{background:#3e5644;color:#fff}.search-row button{white-space:nowrap;flex:0 0 auto;min-height:44px;font-size:14px}.search-row input{font-size:14px}.diary-note .note-copy{word-break:normal;overflow-wrap:normal}.lab-link{font-size:11px;color:#bec9bd;grid-column:1/-1;justify-self:start;padding:8px 0}.section-seen{animation:section-reveal .6s ease-out}.lightning-overlay{position:fixed;inset:0;width:100vw;height:100vh;z-index:90;pointer-events:none!important;overflow:visible;--bolt-opacity:1}.lightning-overlay path{fill:none;stroke-linecap:round;stroke-linejoin:round}.static-thread{stroke:#a5e9e4;stroke-width:.9;filter:drop-shadow(0 0 3px #9de6de);opacity:0}.bolt-aura{stroke:#9ce6dc;stroke-width:7;opacity:calc(var(--bolt-opacity)*.2);filter:blur(2px)}.direct-bolt{stroke:#e2fff4;stroke-width:1.7;opacity:var(--bolt-opacity);filter:drop-shadow(0 0 3px #93e8d8)}.bolt-branches{stroke:#a9e9e1;stroke-width:.8;opacity:calc(var(--bolt-opacity)*.7)}.hit-flare{fill:#caefd8;opacity:0;filter:blur(3px)}[data-lightning]{isolation:isolate;position:relative}[data-lightning]:focus-visible{outline:3px solid #b6ead8;outline-offset:5px;text-shadow:0 0 8px #9de4d3}.neon-afterglow{box-shadow:0 0 calc(var(--neon,0)*19px) #a9eadb70!important;border-color:rgba(173,237,220,var(--neon,0))!important}.neon-afterglow::after{content:"";position:absolute;inset:-1px;border:1px solid #aff4df;opacity:calc(var(--neon,0)*.8);border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--hit-x) var(--hit-y),#b5f7df22,transparent 75%);z-index:-1}.neon-afterglow strong,.neon-afterglow .hotspot-label{color:color-mix(in srgb,currentColor 70%,#8ed7ca)}body[data-motion=paused] .lightning-overlay,body[data-motion=reduced] .lightning-overlay{display:none}body[data-quality=light] .dust,body[data-quality=light] .ambient,body[data-quality=light] .window-cloud,body[data-quality=light] .shooting-star{display:none}body[data-quality=light] .room-art{transform:none!important}body[data-quality=light] .steam i+ i{display:none}body[data-motion=paused] .section-seen,body[data-motion=reduced] .section-seen{animation:none!important}body[data-scene-visible=false] .scene *{animation-play-state:paused!important}body[data-motion=paused] .scene .science-bubbles,body[data-motion=reduced] .scene .science-bubbles{animation-play-state:paused!important}body[data-motion=reduced] .actor{transform:none!important}body[data-motion=reduced] .steam,body[data-motion=reduced] .window-effects{display:none}body[data-motion=reduced] .pen-prop{transform:none}body[data-motion=reduced] .story-caption{opacity:0!important}
@keyframes chap-breathe{0%,100%{scale:1 1;translate:0 0}40%{scale:1.015 1.01;translate:0 -2px}70%{scale:1.007 1;translate:0 -1px}}@keyframes nose-sniff{0%,75%,100%{translate:0 0}80%,90%{translate:-.8px -.7px}85%,95%{translate:.4px .4px}}@keyframes paw-groom{0%,100%{transform:rotate(0deg) translateY(0)}50%{transform:rotate(-13deg) translateY(-3px)}}@keyframes cheek-chew{0%,100%{scale:1 1}50%{scale:1.025 1.02}}@keyframes cloud-drift{to{translate:-12px 2px}}@keyframes shoot-star{0%,2%,100%{opacity:0;translate:0 0}0.3%,1.5%{opacity:.6}2%{translate:-80px 36px}}@keyframes steam-rise{0%{opacity:0;translate:0 4px;scale:.8}30%{opacity:.25}100%{opacity:0;translate:7px -28px;scale:1.3}}@keyframes lamp-breathe{0%,100%{filter:brightness(.95)}45%{filter:brightness(1.2)}}@keyframes section-reveal{from{translate:0 10px}to{translate:0 0}}
@media(max-width:1050px){.today-diary{margin-left:40px;margin-right:40px}.control-buttons{gap:10px}.hotspot-label{font-size:13px}.actor-name{font-size:11px}.hotspot-label small{font-size:9px}.article-row{grid-template-columns:25px minmax(0,1fr) 100px}.article-thumb{width:100px;height:86px}}
@media(max-width:680px){h1{font-size:30px;letter-spacing:.06em}.hero-intro{margin-top:15px;margin-bottom:18px}.hero-intro .intro-aside{margin-top:13px}.intro-aside p{font-size:12px;line-height:1.9}.intro-aside .text-link{font-size:14px}.eyebrow{font-size:11px}.brand{font-size:20px}.menu-toggle{font-size:12px;min-height:44px}.today-diary{margin:0 15px 20px;grid-template-columns:91px minmax(0,1fr);gap:13px;padding:10px;min-height:108px}.today-diary img{width:91px;height:88px}.today-diary small{font-size:10px;letter-spacing:0}.today-diary strong{font-size:15px;line-height:1.7;padding-right:8px;margin:3px 0}.today-diary em{font-size:11px}.today-bookmark{right:10px;width:10px;height:23px}.hotspot{min-height:44px;padding:7px 9px;max-width:49%}.hotspot-label{font-size:14px;line-height:1.5;white-space:normal;word-break:keep-all}.hotspot-label small{display:none}.hotspot-label b{font-size:14px}.hotspot-dot{display:none}.hotspot-philosophy,.hotspot-town{display:none}.hotspot-diary{left:3%;top:77%}.hotspot-research{right:2%;top:43%}.hotspot-music{right:2%;bottom:4%}.world-shortcuts a{width:33.333%;font-size:10px;gap:5px;min-height:48px}.world-shortcuts a span{font-size:14px}.world-shortcuts a:last-child{width:66.666%}.chapimaru-actor{left:37%;top:59%;width:24%}.hamsterdam-actor{left:62%;top:64%;width:22%}.actor-name{font-size:11px;top:100%;padding:1px 4px}.chapimaru-actor .actor-name{top:104%}.hamsterdam-actor .actor-name{top:108%;font-size:10px}.tunnel{left:73%;top:75%;width:16%;height:8%}.story-caption{left:45%;top:45%;font-size:11px;max-width:65%;min-width:120px;padding:6px 9px}.pen-prop{left:21%;top:81%;width:15%}.sticky-idea{left:33%;top:56%;width:7%;font-size:16px}.shelf-book{left:23%;top:25%;width:3%;height:13%}.window-effects{left:49%;top:4%;width:35%;height:34%}.steam{left:21%;top:66%;width:8%;height:10%}.gauge-light{left:88%;top:49%;width:5px;height:5px}.room-controls{padding:12px 5px 4px}.room-caption{padding-top:0;font-size:12px}.control-buttons{max-width:none;gap:2px 16px;justify-content:flex-start;margin-top:10px}.control-buttons button{font-size:13px;min-height:44px;white-space:nowrap}.diary-note{display:block;transform:rotate(-1deg);padding:22px 25px}.note-copy{font-size:23px;line-height:1.8;word-break:keep-all}.note-foot{font-size:12px;margin-top:20px}.note-star{right:26px;bottom:28px;font-size:47px}.small-label{font-size:11px!important}.search-row input{font-size:16px;min-width:0}.search-row button{white-space:nowrap;font-size:14px;flex:0 0 auto;padding:8px 12px}.snapshot-note{font-size:10px;line-height:1.9}.article-row{grid-template-columns:25px minmax(0,1fr);gap:10px;padding:23px 0}.article-row h3{font-size:17px}.article-thumb{grid-column:2;width:100%;height:auto;max-height:230px;object-fit:cover;order:0;margin-top:10px}.article-row:has(.article-thumb)>div:nth-child(2){grid-column:2}.article-number{grid-row:1/3}.article-meta{font-size:11px}.article-row p:last-child{font-size:13px;line-height:1.9}.article-local-link{font-size:14px;min-height:36px;padding-top:8px}.category-filters button{font-size:14px;min-height:44px;padding:6px 14px}.preview-player button{font-size:14px;padding:11px 13px}.preview-player input{height:35px}.preview-player p{font-size:13px}.music-price span{font-size:12px}.music-price strong{font-size:24px}.song-title{font-size:21px}.music-copy .eyebrow{font-size:11px}.song-title span{font-size:15px}.muted{font-size:13px}.story p,.town-copy>p:not(.eyebrow){font-size:14px}.story .text-link,.town-copy .text-link{font-size:14px}.site-footer nav{font-size:12px}.footer-note{font-size:11px}.section-heading>.text-link{font-size:14px}}
@media(prefers-reduced-motion:reduce){.lightning-overlay{display:none}.actor{transform:none!important}.ham-nose-detail,.ham-paw-detail{animation:none!important}.large-record{transform:none!important}}

/* A lightning target keeps its layout position; the overlay never becomes a hit box. */
.hotspot[data-lightning]{position:absolute}
.scene .bolt{display:none}
.hamsterdam-actor .ham-body{clip-path:inset(0 var(--ham-cover,0%) 0 0)}
.demo-star .shooting-star{animation:shoot-star 2s linear infinite}
.demo-air .steam i{animation-duration:3s;opacity:.3}
.bookmark-react .today-bookmark,.today-diary:hover .today-bookmark{animation:bookmark-wave 1.1s ease-in-out}
.hamsterdam-actor[data-gaze=other] .ham-body{transform:rotate(-2deg)}
.chapimaru-actor[data-gaze=other] .portrait-mask{rotate:2deg}
.chapimaru-actor[data-gaze=notebook] .portrait-mask{rotate:-3deg}
@keyframes bookmark-wave{0%,100%{rotate:0deg}35%{rotate:-9deg}70%{rotate:6deg}}
@media(max-width:680px){.site-header nav a{font-size:14px}.motion-inspector{font-size:13px}}

.motion-inspector{grid-column:1/-1;width:100%;margin-top:15px;padding:16px;border:1px solid #9db99a55;border-radius:8px}.motion-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.motion-buttons button{font-size:12px;padding:8px 12px;min-height:40px;border:1px solid #9db99a66;background:#1b3636;color:#e0ead4;border-radius:5px}
.hotspot:hover,.hotspot:focus-visible{transform:none}
.record-acknowledge .large-record{animation:record-acknowledge .9s ease-out both}
@keyframes record-acknowledge{0%,100%{box-shadow:0 0 0 12px #1e3335,0 20px 50px #0004}35%{box-shadow:0 0 0 13px #9fe4c633,0 0 20px #9fe4c64d}}
body[data-motion=paused] *::before,body[data-motion=paused] *::after,body[data-motion=reduced] *::before,body[data-motion=reduced] *::after{animation-play-state:paused!important;transition:none!important}
.hamsterdam-actor[data-pose=explore] .ham-body{animation:hamsterdam-trot .28s ease-in-out infinite}
@keyframes hamsterdam-trot{0%,100%{translate:0 0;rotate:-.5deg}50%{translate:0 -3px;rotate:.5deg}}
@media(min-width:681px){.book-leaf{left:23%;top:77%;width:11%;height:11%}}


/* R2 spatial study, retaining the two original v3 room compositions. */
:root{--paper:#f2e9d4;--ink:#263b34}html{scroll-padding-top:20px}body{background:#101d25}.site-header{max-width:1500px;padding:16px 28px}.brand{font-size:25px}.brand small{font-size:9px}.site-header nav{font-size:14px;gap:25px}.preview-banner,.preview-banner span{font-size:10px}.motion-bar{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:0 28px 10px;max-width:1500px;margin:auto}.motion-bar button,.study-actions button,.theatre-controls button{border:1px solid #afaa8366;background:#1c3036;color:#eee2c4;border-radius:5px;font:14px/1.4 var(--sans);padding:10px 14px;min-height:44px;cursor:pointer}.motion-bar span{font-size:12px;color:#bdc9c5}.study-heading{text-align:center;margin:4px 20px 18px}.study-heading>p:first-child{font-size:12px;letter-spacing:.1em;color:#c9b481;margin:0 0 5px}.study-heading h1{font:36px/1.4 var(--serif);margin:0;letter-spacing:.13em}.study-heading .tagline{font-size:14px;color:#cbd0bf;margin:5px 0 0}.study{width:min(calc((100svh - 235px)*1.5),calc(100% - 48px),1500px);margin:auto;aspect-ratio:1.5;position:relative;isolation:isolate;border-radius:12px;box-shadow:0 20px 55px #030c14aa;overflow:hidden;min-width:min(100% - 48px,900px)}.study-art,.study-art img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:fill}.study-shading{position:absolute;inset:0;background:linear-gradient(0deg,#07172244,transparent 40%,#08111b11);pointer-events:none}.room-entries{position:absolute;inset:0;z-index:8}.room-entry{position:absolute;display:flex;align-items:center;gap:10px;min-height:54px;padding:10px 14px 10px 17px;background:linear-gradient(120deg,#23302dec,#172629f0);border:1px solid #b6a77d88;border-radius:4px 8px 5px 3px;box-shadow:2px 5px 8px #0008,inset 0 1px #e3d1a428;color:#eee6d0;text-decoration:none;transform:rotate(var(--tilt,0deg));transition:background .25s,box-shadow .25s;max-width:245px}.room-entry::before{content:'';position:absolute;inset:4px;border:1px solid #bfaf752e;pointer-events:none}.room-entry strong{display:block;font:19px/1.3 var(--serif);letter-spacing:.05em;white-space:nowrap}.room-entry small{display:block;font-size:12px;line-height:1.5;color:#bcc4b5;margin-top:4px}.room-entry>span:last-child{font-size:20px;color:#e4c481;margin-left:5px}.entry-pin{position:absolute;left:8px;top:7px;width:4px;height:4px;border-radius:50%;background:#ccb17b;box-shadow:1px 1px 2px #000}.room-entry:hover,.room-entry:focus-visible{background:#3a493f;color:#fff4d4;outline:3px solid #c8dfd2;outline-offset:3px}.entry-philosophy{left:5%;top:20%;--tilt:-2deg}.entry-diary{left:7%;top:77%;--tilt:-2deg}.entry-research{right:5%;top:37%;--tilt:2deg}.entry-music{right:4%;top:80%;--tilt:1deg}.entry-hamsterdam{left:50%;top:51%;--tilt:-1deg}.room-entry.discovered{border-color:#d5c597;background:linear-gradient(120deg,#485448,#263b39)}.room-entry.neon-afterglow{box-shadow:0 0 calc(var(--neon)*19px) #b8e1e43d!important;background:linear-gradient(120deg,#6a7154,#304e4d)}.room-entry.neon-afterglow strong{color:#fff8d3;text-shadow:0 0 8px #e8dbb7}.neon-afterglow::after{border-color:#e2e7ce;border-radius:inherit;opacity:calc(var(--neon)*.65)}.home-residents{position:absolute;inset:0;pointer-events:none;z-index:5}.home-chap{position:absolute;left:42%;top:64%;width:12%;text-align:center;filter:drop-shadow(-2px 3px 5px #d39f6833) drop-shadow(2px 5px 7px #0008)}.orb-crop{width:100%;aspect-ratio:1;display:block;border-radius:50%;overflow:hidden}.orb-crop img{width:100%;height:100%;object-fit:cover;transform:scale(1.42) translateY(-2%)}.home-ham{position:absolute;left:60%;top:69%;width:8%;text-align:center;filter:drop-shadow(2px 5px 5px #0008)}.home-ham img{width:100%;height:auto;display:block}.home-chap>span:last-child,.home-ham>span:last-child{display:inline-block;color:#efe3c7;font-size:12px;background:#172b2dd9;border-radius:12px;padding:3px 8px;white-space:nowrap}.home-tunnel{position:absolute;left:61%;top:79%;width:10%;height:5%;border-radius:50% 50% 10% 10%;border:6px solid #796d4d;background:#081a1c;z-index:-1;box-shadow:3px 4px 8px #0007}.study-footnote{position:absolute;left:2%;bottom:1%;font-size:9px;color:#c8b28b;letter-spacing:.15em}.study-actions{display:flex;justify-content:center;align-items:center;gap:30px;margin:14px 20px 24px}.scroll-cue{font-size:14px;color:#e5d5af;text-decoration:none;padding:10px;min-height:44px}.scroll-cue span{margin-left:12px}.study-actions button{font-size:12px;background:transparent;color:#c3cfc5}.today-diary{max-width:950px;margin:20px auto 40px}.today-diary small{font-size:12px}.today-diary strong{font-size:18px}.today-diary em{font-size:14px}
.puppet-section{background:linear-gradient(#101d25,#233736 70%,#142b2e);padding:34px 0 0}.theatre-heading{text-align:center;margin:0 24px 22px}.theatre-heading .eyebrow{font-size:12px;color:#c9b080}.theatre-heading h2{font:32px/1.5 var(--serif);margin:10px 0}.theatre-heading>p:last-child{font-size:14px;line-height:1.9;color:#c3cec2}.theatre-space{position:relative;width:min(100% - 40px,1200px);margin:auto;aspect-ratio:1000/720;isolation:isolate;overflow:hidden;border-radius:13px;box-shadow:0 16px 35px #020e15aa}.theatre-background,.theatre-background img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.theatre-background img{filter:brightness(.61) saturate(.84)}.theatre-light{position:absolute;inset:0;background:radial-gradient(ellipse at 48% 65%,#d3a14c26,transparent 55%),linear-gradient(0deg,#071e2555,transparent);pointer-events:none}.theatre-rig{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.theatre-caption{position:absolute;left:50%;top:4%;transform:translateX(-50%);margin:0;padding:8px 18px;color:#f5e5be;font:16px/1.6 var(--serif);background:#13292be8;border:1px solid #c4ac7755;border-radius:30px;white-space:nowrap}.theatre-controls{max-width:1200px;display:flex;gap:15px;align-items:center;justify-content:center;padding:20px 24px 35px;margin:auto}.theatre-controls p{font-size:12px;color:#c9c8ac;line-height:1.7;margin:0}.mobile-only{display:none}.lightning-overlay{z-index:85}.lightning-overlay .static-thread{stroke:#c4e6fa;stroke-width:var(--static-width,1.8);filter:drop-shadow(0 0 4px #a6b1e5)}.lightning-overlay .direct-bolt{stroke:#f0f7ed;stroke-width:var(--strike-width,3.1);filter:drop-shadow(0 0 4px #a4bddf)}.lightning-overlay .bolt-aura{stroke:#acb6ed;stroke-width:var(--aura-width,11);opacity:calc(var(--bolt-opacity)*.15)}.lightning-overlay .bolt-branches{stroke:#bec9f2;stroke-width:1.3}.lightning-overlay .static-branches{fill:none;stroke:#c6e1f5;stroke-width:1;stroke-linecap:round;filter:drop-shadow(0 0 2px #b2a3e0)}body[data-quality=light] .lightning-overlay .bolt-aura{display:none}body[data-quality=light] .lightning-overlay .static-thread{stroke-width:1.2;filter:none}body[data-quality=light] .lightning-overlay .direct-bolt{stroke-width:2;filter:none}.entry-replaying{outline:2px solid #e2e1b6;outline-offset:2px}.diary-note .note-copy{font-size:24px}.article-row h3{font-size:20px;line-height:1.7}.article-row p{font-size:14px}.article-meta{font-size:12px}.article-local-link{font-size:14px;min-height:44px;display:inline-flex;align-items:center}.article-row h3 a{display:block;min-height:44px;padding:3px 0}.search-row button,.search-row input{font-size:16px;min-height:46px}.category-filters{flex-wrap:wrap;gap:8px}.category-filters button{font-size:14px;min-height:44px;white-space:nowrap}.pagination{flex-wrap:wrap;gap:8px}.pagination button{min-width:44px;min-height:44px;font-size:14px}.snapshot-note,.search-result{font-size:12px}.world-stories .story p,.music-copy>p,.town-copy>p{font-size:16px;line-height:1.8}.story .text-link,.town-copy .text-link{font-size:14px;display:inline-flex;min-height:44px;align-items:center}.preview-player p,.preview-player label,.muted,.music-price span{font-size:12px}.preview-player button{min-height:44px;font-size:14px}.preview-player input{height:44px}.site-footer nav{font-size:14px}.site-footer nav a{min-height:44px;display:inline-flex;align-items:center}.footer-note,.lab-link{font-size:12px}.skip:not(:focus){clip-path:inset(50%);width:1px;height:1px;padding:0;overflow:hidden}.fallback-label{padding:10px;background:#263a3c;color:#e3d1b2;font-size:14px}body[data-motion=paused] *,body[data-motion=reduced] *,body[data-page-hidden=true] *{animation-play-state:paused!important}body[data-motion=reduced] *{scroll-behavior:auto!important}
@media(max-width:767px){.preview-banner{padding:5px;font-size:9px;gap:6px}.preview-banner span{font-size:9px}.site-header{padding:12px 18px}.brand{font-size:20px}.brand small{font-size:8px}.menu-toggle{display:block;font-size:14px;min-width:74px;min-height:44px;padding:8px;border:1px solid #b1b89755;border-radius:25px}.site-header #main-nav{display:none}.site-header #main-nav.open{display:flex;position:absolute;top:75px;right:15px;left:15px;background:#193238;z-index:100;flex-direction:column;padding:15px;border:1px solid #c0b78a66;gap:4px}.site-header #main-nav a{min-height:44px;padding:8px;font-size:16px}.motion-bar{padding:0 15px 8px;gap:8px;justify-content:center}.motion-bar button{font-size:14px;padding:8px 10px}.motion-bar span{display:none}.study-heading{margin:3px 12px 13px}.study-heading>p:first-child{font-size:12px;letter-spacing:0}.study-heading h1{font-size:29px;letter-spacing:.07em}.study-heading .tagline{font-size:12px}.study{width:calc(100% - 20px);min-width:0;aspect-ratio:1122/1402;border-radius:8px}.study-art img{object-fit:fill}.room-entry{padding:8px 10px 8px 12px;gap:4px;min-height:52px;max-width:170px}.room-entry strong{font-size:16px;letter-spacing:0}.room-entry small{font-size:12px;margin-top:2px}.room-entry>span:last-child{font-size:16px;margin-left:3px}.entry-philosophy{left:3%;top:17%}.entry-research{right:3%;top:39%}.entry-diary{left:3%;top:79%}.entry-music{right:3%;top:85%}.entry-hamsterdam{left:auto;right:3%;top:61%}.entry-hamsterdam strong{font-size:14px}.entry-hamsterdam small{font-size:12px}.home-chap{left:33%;top:54%;width:19%}.home-ham{left:44%;top:70%;width:12%}.home-chap>span:last-child,.home-ham>span:last-child{font-size:12px;padding:2px 5px}.home-ham>span:last-child{display:none}.home-tunnel{left:42%;top:78%;width:16%;height:5%;border-width:4px}.study-footnote{display:none}.study-actions{gap:6px;justify-content:space-between;margin:8px 10px 15px}.scroll-cue{font-size:12px;padding:9px 3px}.scroll-cue span{margin-left:4px}.study-actions button{font-size:12px;padding:8px;min-width:108px}.today-diary{margin:15px 16px 27px;padding:12px;gap:12px}.today-diary img{width:80px;height:80px;object-fit:cover}.today-diary small{font-size:12px}.today-diary strong{font-size:15px;line-height:1.65}.today-diary em{font-size:12px}.puppet-section{padding-top:27px}.theatre-heading{margin:0 18px 19px}.theatre-heading h2{font-size:23px;word-break:keep-all;overflow-wrap:normal}.theatre-heading .eyebrow{font-size:10px}.theatre-heading>p:last-child{font-size:14px}.theatre-space{width:calc(100% - 20px);aspect-ratio:600/900;border-radius:9px}.theatre-background img{object-position:center center}.theatre-caption{font-size:13px;top:2%;padding:6px 10px;white-space:normal;text-align:center;width:85%}.theatre-controls{flex-wrap:wrap;gap:9px;padding:15px 16px 28px;justify-content:space-between}.theatre-controls button{font-size:14px;padding:10px}.theatre-controls p{width:100%;font-size:12px}.mobile-only{display:initial}.diary{padding:30px 18px}.diary-note .note-copy{font-size:22px}.diary-note .note-foot{font-size:12px;margin-top:38px}.article-row{grid-template-columns:24px minmax(0,1fr);gap:10px}.article-thumb{width:100%;height:auto;max-height:200px;object-fit:contain;grid-column:2;order:0}.article-row h3{font-size:18px;line-height:1.75}.article-row p,.article-row p:last-child{font-size:14px}.article-meta{font-size:12px!important}.search-row{gap:8px}.category-filters button{padding:6px 12px}.music-copy h2,.town-copy h2{font-size:27px}.world-stories .story p,.music-copy>p,.town-copy>p{font-size:16px}.music-section{padding:30px 20px}.world-stories{padding:30px 20px}.site-footer{padding:25px 20px}.footer-note{font-size:12px}.article-local-link{font-size:14px}}
@media(min-width:768px) and(max-height:750px){.study{min-width:0;width:min(calc((100svh - 220px)*1.5),calc(100% - 40px))}.study-heading h1{font-size:28px}.room-entry{padding:8px 12px;min-height:48px}.room-entry strong{font-size:16px}.room-entry small{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:767px){body:not(.js-enabled) .site-header #main-nav{display:flex;position:static;flex-wrap:wrap;gap:8px;font-size:14px}body:not(.js-enabled) .menu-toggle{display:none}body:not(.js-enabled) .site-header{flex-wrap:wrap}}
@media(min-width:768px){.study-heading{margin:4px 20px 15px;display:flex;justify-content:center;align-items:baseline;gap:20px}.study-heading>p:first-child{display:none}.study-heading h1{font-size:30px;line-height:1.3}.study-heading .tagline{margin:0;font-size:14px}.study{min-width:0;width:min(calc((100svh - 290px)*1.5),calc(100% - 40px),1500px)}}
@media(min-width:768px){.study{min-width:min(calc(100% - 40px),850px)}.entry-hamsterdam{left:56%;top:55%}}
.album-sleeve{position:absolute;width:68%;aspect-ratio:1;left:-6%;bottom:-4%;background:radial-gradient(circle at 50% 30%,#547a76,#1e343e 68%);border:7px solid #d9d2b7;box-shadow:4px 9px 15px #0009;transform:rotate(-7deg);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#f6e3ac}.album-sleeve img{width:48%;height:auto;max-height:55%;object-fit:contain;filter:drop-shadow(3px 4px 4px #0008)}.album-sleeve strong{font:clamp(12px,1.4vw,21px) var(--serif);margin-top:6px}.album-sleeve small{font-size:12px}.album-sleeve span{font-size:9px;letter-spacing:.12em;margin-top:8px}body[data-music-visible=false] .music-note{animation-play-state:paused!important}
.town-window{background-image:none;background-color:#29413e;overflow:hidden;position:relative}.town-window img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:65% 30%;transform:scale(2.5)}
@media(max-width:767px){.entry-music{top:82%}.home-chap{left:22%}.home-ham{left:25%;top:69%}.home-tunnel{left:24%;top:76%}}
.image-warning{position:absolute;inset:auto 5% 3%;margin:0;z-index:20;border:1px solid #d2b781;border-radius:6px;background:#233b3eeb;color:#f4e1bc;font-size:14px;line-height:1.7;text-align:center}
/* The official bitmap already includes its name; avoid repeating a label over the hamster. */
.home-chap>span:last-child{display:none}
.study-actions .scroll-cue,.study-actions button{font-size:14px}.section-heading>a{min-height:44px;display:inline-flex;align-items:center}@media(max-width:767px){.study-actions{flex-wrap:wrap;justify-content:center;gap:4px}.study-actions .scroll-cue{white-space:nowrap}.study-actions button{padding-inline:10px}}

/* R3 overrides: keep the R2 room, fix one-screen composition and the coherent puppet pose. */
.preview-banner{display:none}.site-header{height:64px;padding:8px 20px;gap:15px;max-width:1600px}.brand{font-size:23px}.brand small{font-size:8px}.site-header nav{gap:20px;font-size:14px}.site-header nav a{min-height:44px;display:flex;align-items:center}.motion-bar{position:static;height:48px;padding:2px 20px 4px;max-width:1440px;justify-content:flex-end;gap:9px}.motion-bar span{font-size:12px}.motion-bar button{min-height:42px;font-size:14px;padding:8px 12px}.study-heading{height:26px;margin:0;padding:0;display:block;text-align:center}.study-heading .tagline{font-size:14px;margin:0;line-height:22px}.study{width:min(calc(100% - 32px),calc((100svh - 200px)*1.8),1400px);min-width:0;min-height:0;max-height:none;height:auto;aspect-ratio:1.8;border-radius:10px}.study-art img{object-fit:cover;object-position:50% 52%}.study-actions{height:52px;min-height:52px;margin:0 16px;gap:22px;flex-wrap:nowrap;justify-content:center}.study-actions .scroll-cue,.study-actions button{font-size:14px;min-height:44px;white-space:nowrap;padding:8px 10px}.study-actions .scroll-cue{font-size:14px}.study-actions button{border:0;background:transparent;text-decoration:underline;text-underline-offset:4px;min-width:0}.room-entry{min-height:54px;padding:8px 13px;max-width:220px;--reveal:0}.room-entry strong{font-size:18px}.room-entry small{font-size:12px}.entry-philosophy{left:4%;top:17%}.entry-research{right:4%;top:33%}.entry-diary{left:4%;top:auto;bottom:10%}.entry-music{right:4%;top:auto;bottom:4%}.entry-hamsterdam{left:57%;right:auto;top:52%}.home-chap{left:38%;top:55%;width:11%;transform-origin:50% 100%}.home-ham{left:53%;top:61%;width:8%;transform-origin:50% 100%}.home-chap .orb-crop{overflow:visible;border-radius:0}.orb-crop img{transform:none;object-fit:contain;border-radius:0}.home-support{position:absolute;left:calc(50% - 2px);top:88%;width:4px;height:150%;background:linear-gradient(90deg,#6b4c2b,#d9bd84 48%,#8e693a);border-radius:2px;box-shadow:2px 2px 3px #07151b99;z-index:-1}.home-ham .home-support{height:190%}.home-chap>span:last-child,.home-ham>span:last-child{display:none}.home-tunnel{display:none}.home-desk-edge{position:absolute;bottom:-1px;left:30%;right:28%;height:5%;background:linear-gradient(#a57b45,#4d3323 20%,#6c482c 50%,#2f251e);box-shadow:0 -2px 4px #e2c28844;border-radius:4px;z-index:4}.home-support::after{content:'';position:absolute;left:-3px;top:0;width:10px;height:6px;border-radius:50%;background:#805c36;box-shadow:0 2px 3px #0007}.home-chap .orb-crop,.home-ham img{position:relative;z-index:1}.study-footnote{display:none}.puppet-section{padding-top:25px;background:linear-gradient(#102129,#203735 55%,#142c2f)}.theatre-heading{margin-bottom:15px}.theatre-heading .eyebrow{display:none}.theatre-heading h2{font-size:29px;margin:8px 0}.theatre-heading>p:last-child{font-size:14px;line-height:1.8}.theatre-space{width:min(calc(100% - 32px),1200px);aspect-ratio:1000/720;box-shadow:0 12px 30px #04121a88}.theatre-background img{object-position:50% 70%;filter:brightness(.75) saturate(.94)}.theatre-light{background:radial-gradient(ellipse at 42% 70%,#e7b56d25,transparent 60%),linear-gradient(0deg,#0c252a33,transparent)}.theatre-rig{overflow:hidden}.theatre-caption{top:auto;bottom:1%;background:transparent;border:0;text-shadow:1px 2px 4px #0c161a;margin:0;padding:6px 10px;font-size:14px;white-space:nowrap;max-width:90%;color:#f2e1b9}.theatre-controls{padding:14px 20px 28px;gap:12px}.theatre-controls p{font-size:12px}.label-electric{position:absolute!important;left:-1px!important;top:-1px!important;width:calc(100% + 2px)!important;height:calc(100% + 2px)!important;z-index:1;pointer-events:none!important;overflow:visible;isolation:auto}.room-entry>span,.preview-player button{position:relative}.room-entry>span{z-index:2}.label-electric path,.label-electric circle{pointer-events:none}.border-trail{fill:none;stroke:#c8edf3;stroke-width:var(--trace-width);stroke-linecap:round;filter:drop-shadow(0 0 3px #a4b9df)}.border-tip{fill:#fbf4ce;filter:drop-shadow(0 0 3px #bbd7ee)}.border-fill{fill:#a7b39230;stroke:none}.room-entry.electric-hit{border-color:#afc1b1}.room-entry.tracing{background:linear-gradient(110deg,#31413b,#1c3033)}.room-entry.tracing strong{color:#fff0cc;text-shadow:0 0 8px rgb(246 228 180 / calc(var(--reveal)*.6))}.room-entry.discovered{box-shadow:2px 5px 8px #0007,inset 0 1px #e3d1a428;background:linear-gradient(115deg,#405047,#243b3a);border-color:#c9b888}.room-entry.electric-hit::after{display:none}.room-entry [data-trace]{pointer-events:none}body[data-motion=paused] .border-trail,body[data-motion=reduced] .border-trail{display:none}body[data-motion=reduced] .room-entry{border-color:#c7c6a0;background:#34443d}body[data-quality=light] .border-trail,body[data-quality=light] .border-tip{filter:none}
@media(max-width:767px){.site-header{height:60px;padding:6px 16px;gap:8px}.brand{font-size:20px;gap:8px}.brand svg{width:23px;height:23px}.brand small{font-size:7px}.menu-toggle{height:44px;font-size:14px;padding:8px;min-width:70px}.motion-bar{height:48px;min-height:48px;justify-content:center;padding:2px 10px 4px;gap:9px}.motion-bar span{display:none}.motion-bar button{min-height:44px;padding:8px 11px}.study-heading{height:26px}.study-heading .tagline{font-size:14px;line-height:22px}.study{width:calc(100% - 20px);height:min(calc((100vw - 20px)*1.25),calc(100svh - 190px));aspect-ratio:auto;min-width:0;border-radius:8px}.study-art img{object-fit:cover;object-position:50% 55%}.room-entry{min-height:54px;max-width:166px;padding:7px 10px;gap:4px}.room-entry strong{font-size:16px}.room-entry small{font-size:12px;margin-top:2px}.room-entry>span:last-of-type{font-size:16px;margin-left:4px}.entry-philosophy{left:3%;top:15%}.entry-research{right:3%;top:36%}.entry-hamsterdam{left:auto;right:3%;top:58%}.entry-hamsterdam strong{font-size:14px}.entry-diary{left:3%;top:auto;bottom:9%}.entry-music{right:3%;top:auto;bottom:3%}.home-chap{left:10%;top:43%;width:21%}.home-ham{left:33%;top:44%;width:14%}.home-support{height:180%;width:3px;left:calc(50% - 1.5px)}.home-ham .home-support{height:277%}.home-desk-edge{left:15%;right:43%;height:4%;bottom:0}.study-actions{height:52px;min-height:52px;margin:0 6px;gap:3px;justify-content:space-between;flex-wrap:nowrap}.study-actions .scroll-cue{font-size:14px;padding:6px 1px;white-space:normal;line-height:1.3;max-width:57%;display:flex;align-items:center;gap:2px}.scroll-cue span{margin-left:2px}.study-actions button{padding:7px 3px;font-size:14px;white-space:normal;max-width:43%;line-height:1.3}.theatre-heading h2{font-size:24px}.theatre-heading p:last-child{font-size:14px}.theatre-space{width:calc(100% - 20px);aspect-ratio:600/900}.theatre-background img{object-position:50% 73%}.theatre-caption{font-size:13px;bottom:1%;top:auto;width:94%;max-width:94%;white-space:normal;padding:4px}.theatre-controls{justify-content:space-between;flex-wrap:wrap;padding:12px 16px 26px}.theatre-controls button{font-size:14px}.theatre-controls p{width:100%;font-size:12px}}
@media(max-height:480px){.study{width:min(calc(100% - 20px),1000px);height:440px;aspect-ratio:auto}.study-art img{object-fit:cover}.study-actions{height:auto;min-height:52px}.study-heading{height:auto;min-height:26px}}
.home-chap .orb-crop{border-radius:50%;overflow:hidden}.home-chap .orb-crop img{transform:none}
.motion-bar button{min-height:44px}

/* R4: upper exploration and lower warm play corner have separate roles and assets. */
.home-chap .orb-crop{border-radius:0;overflow:visible}.home-chap .orb-crop img{border-radius:0;transform:none}.home-chap,.home-ham{filter:drop-shadow(2px 5px 4px #080d12aa)}.home-support{top:91%;height:150%;z-index:0}.home-chap .orb-crop,.home-ham img{z-index:1}.home-support::after{display:none}.home-chap{left:37%;top:54%;width:12%}.home-ham{left:51%;top:62%;width:8%}.home-desk-edge{left:30%;right:29%;height:4%}
.puppet-section{background:linear-gradient(#30291f,#5c4028 45%,#342920);color:#f6e8ce;padding-top:34px}.theatre-heading h2{color:#f4dfb8}.theatre-heading p{color:#e3ceb0}.theatre-space{background:#674226;box-shadow:0 14px 36px #170e0980;border-radius:12px;isolation:isolate}.theatre-rig{display:block;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.theatre-light,.theatre-background{display:none}.theatre-caption{position:static;transform:none;max-width:calc(100% - 32px);width:auto;white-space:normal;text-align:center;margin:12px auto 0;padding:4px 10px;color:#f7dfb8;font-size:16px;line-height:1.7;text-shadow:none;background:none;min-height:36px}.theatre-controls{padding-top:8px}.theatre-controls button{background:#503c2d;border-color:#b99d6e;color:#fff1d6}.theatre-controls p{color:#dfccb0}.home-chap .orb-crop img{object-fit:contain}
@media(max-width:767px){.home-chap{left:9%;top:42%;width:23%}.home-ham{left:32%;top:44%;width:15%}.home-support{height:170%}.home-ham .home-support{height:255%}.home-desk-edge{left:15%;right:43%}.theatre-heading h2{font-size:24px;letter-spacing:.04em}.theatre-heading>p:last-child{font-size:14px}.theatre-caption{font-size:15px;line-height:1.8;max-width:calc(100% - 24px);min-height:35px}.theatre-controls{padding-bottom:26px}.theatre-controls p{font-size:12px}}

/* R5 latest direction: one fullscreen study; small operators directly underneath. */
.site-header{position:absolute;inset:0 0 auto;z-index:30;width:100%;max-width:none;height:64px;background:linear-gradient(#0d1b25ed,#0d1b2580)}.motion-bar{position:absolute;top:64px;left:0;right:0;z-index:25;max-width:none;background:linear-gradient(#0b1d286e,transparent)}.study-section{position:relative;padding:0;margin:0}.study-heading{position:absolute;top:112px;left:0;right:0;z-index:15;height:25px;pointer-events:none}.study-heading .tagline{text-shadow:0 2px 4px #000,0 0 8px #061624;background:#10212b80;width:max-content;max-width:100%;padding:0 8px;margin:auto;border-radius:3px}.connected-play{position:relative;width:100%;isolation:isolate}.study{width:100%;height:100svh;min-height:0;max-height:none;min-width:0;aspect-ratio:auto;border-radius:0;margin:0;box-shadow:none}.study-art img{object-fit:cover;object-position:center 52%}.study-shading{background:linear-gradient(#06172538,transparent 35%,#091b2533)}.room-entries{pointer-events:none}.room-entry{pointer-events:auto}.entry-philosophy{left:5%;top:max(24%,145px)}.entry-research{right:5%;top:39%}.entry-hamsterdam{left:auto;right:9%;top:57%}.entry-diary{left:5%;bottom:14%;top:auto}.entry-music{right:5%;bottom:8%;top:auto}.home-chap{left:37%;top:54%;width:12%}.home-ham{left:51%;top:64%;width:8%;pointer-events:auto;cursor:grab;touch-action:none;background:none;border:0;padding:0;line-height:0;display:block;min-height:44px;transform-origin:50% 100%;color:inherit}.home-ham.dragging{cursor:grabbing}.home-ham:focus-visible{outline:3px solid #e4e5bd;outline-offset:6px;border-radius:30%}.home-support,.home-desk-edge,.home-tunnel{display:none}.upper-rods{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4;overflow:visible}.upper-rods line{stroke:#bba071;stroke-width:3;stroke-linecap:round;filter:drop-shadow(1px 2px 2px #101a2099)}.study-actions{position:absolute;top:calc(100svh - 48px);left:0;right:0;z-index:12;height:48px;min-height:48px;margin:0;padding:0 12px;background:linear-gradient(transparent,#0b1b24cc);justify-content:center}.study-actions a,.study-actions button{color:#f5dfaf;text-shadow:0 1px 3px #000}.mini-play{position:relative;height:140px;width:100%;background:linear-gradient(#0e2029,#22362e);border-bottom:2px solid #78613c55}.mini-rig{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;image-rendering:pixelated}.mini-note{position:absolute;bottom:3px;left:12px;font-size:10px;color:#b4b9a9}.mini-caption{margin:0;padding:10px 16px;text-align:center;min-height:44px;font-size:14px;color:#d9c9a6;background:#14272b}.today-diary{margin-top:20px}.ham-move-cue{position:absolute;bottom:51px;left:50%;transform:translateX(-50%);font-size:12px;white-space:nowrap;color:#dbe5cd;background:#10242bba;padding:3px 9px;border-radius:4px;z-index:9;pointer-events:none}
@media(max-width:767px){.site-header{height:60px;padding:6px 16px}.motion-bar{top:60px}.study-heading{top:108px}.study{height:100svh;width:100%;min-height:0}.study-art img{object-fit:cover;object-position:50% 55%}.entry-philosophy{top:max(24%,139px);left:5%}.entry-research{top:39%;right:5%}.entry-hamsterdam{top:57%;right:5%;left:auto}.entry-diary{bottom:14%;left:5%;top:auto}.entry-music{bottom:8%;right:5%;top:auto}.home-chap{left:10%;top:46%;width:21%}.home-ham{left:32%;top:49%;width:15%}.mini-play{height:120px}.mini-note{font-size:10px;bottom:1px;left:8px}.study-actions{height:48px;min-height:48px;gap:8px;justify-content:center;padding:0 6px}.study-actions .scroll-cue{white-space:nowrap;font-size:13px;max-width:none}.study-actions button{white-space:nowrap;font-size:13px;max-width:none}.ham-move-cue{font-size:11px;bottom:50px}.mini-caption{font-size:13px}.site-header #main-nav.open{background:#11282e}.today-diary{margin-top:15px}}
@media(max-height:480px){.study{height:650px}.study-actions{top:602px}.study-art img{object-fit:cover}}

@media(max-width:767px){.ham-move-cue{display:none}}

.play-help{display:block;text-align:center;font-size:12px;line-height:1.7;padding:2px 12px 12px;color:#c8d1be;background:#14272b}



/* The book itself reacts; no icon button or note popup is displayed in the room. */
.book-hotspot{position:absolute;z-index:3;border:0;padding:0;margin:0;background:transparent;cursor:pointer;perspective:650px;overflow:visible;transform-style:preserve-3d;touch-action:manipulation}.book-hotspot:focus-visible{outline:2px dashed #d1d6b0;outline-offset:-10px}.book-page{position:absolute;inset:0;display:block;opacity:0;clip-path:polygon(43% 8%,97% 38%,76% 96%,25% 56%);transform-origin:34% 32%;background:repeating-linear-gradient(10deg,transparent 0 12px,#897e5c11 13px 14px),linear-gradient(120deg,#d4bf92,#f1dfb7 48%,#bba475);filter:drop-shadow(2px 4px 3px #2a231d66);backface-visibility:visible}.pages-active .book-page{animation:book-leaf 1.5s ease-in-out infinite}.pages-active .page-two{animation-delay:.42s}.pages-active .page-three{animation-delay:.84s}@keyframes book-leaf{0%{opacity:0;transform:rotate3d(-.62,.79,0,0deg)}12%{opacity:.9}58%{opacity:.85;transform:rotate3d(-.62,.79,0,-110deg)}88%,100%{opacity:0;transform:rotate3d(-.62,.79,0,-173deg)}}
.scene-props{position:absolute;inset:0;pointer-events:none;z-index:5}.scene-prop{position:absolute;overflow:visible;filter:drop-shadow(2px 3px 3px #10151266)}.prop-pot{left:61%;top:72%;width:clamp(48px,5vw,76px)}.prop-book{left:29%;top:70%;width:clamp(42px,4.2vw,64px)}.mini-reset{display:block;margin:0 auto 10px;padding:7px 18px;min-height:44px;font-size:13px;color:#d9dfca;background:#213932;border:1px solid #75836a;border-radius:4px;cursor:pointer}.mini-reset:focus-visible{outline:3px solid #cedfce}.play-help{padding-bottom:5px}
body[data-study-visible=false] .book-page,body[data-page-hidden=true] .book-page{animation-play-state:paused!important}body[data-motion=paused] .book-page,body[data-motion=reduced] .book-page{animation:none!important}body[data-motion=paused] .pages-active .page-one,body[data-motion=reduced] .pages-active .page-one{opacity:.4;transform:none}
@media(max-width:767px){.prop-pot{left:61%;top:70%;width:48px}.prop-book{left:35%;top:70%;width:42px}}
@media(max-width:767px){.entry-diary{bottom:24%}.prop-book{left:46%;top:67%}}

/* Slow, one character on each leaf; the shared clock honors pause/reduced motion. */
.pages-active .book-page{animation:none}.book-letter{position:absolute;left:60%;top:46%;transform:translate(-50%,-50%) rotate(19deg);font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(22px,3.2vw,48px);font-weight:600;color:#443522;text-shadow:0 1px #fff6;line-height:1;backface-visibility:hidden}body[data-motion=reduced] .book-page{transform:none!important}body[data-motion=paused] .book-page{animation:none!important}

.book-hotspot{z-index:6}.book-ink{position:absolute;left:60%;top:46%;font-family:"Yu Mincho",serif;font-weight:700;font-size:clamp(28px,4vw,58px);color:#302313;line-height:1;transform:translate(-50%,-50%) rotate(19deg);text-shadow:0 1px 2px #fff8;pointer-events:none;z-index:4}.book-letter{visibility:hidden}.book-page{pointer-events:none}.painted-objects{position:absolute;inset:0;pointer-events:none;z-index:2}.painted-object{position:absolute;background-repeat:no-repeat;will-change:transform;transform-origin:50% 70%;}.painted-object.cushion{clip-path:polygon(0 38%,45% 0,100% 43%,94% 75%,37% 100%,5% 64%)}.painted-object.record{clip-path:ellipse(50% 48% at 50% 50%)}.painted-object.globe{clip-path:ellipse(48% 49% at 50% 50%)}.scene-props{display:none}

.book-page,.book-ink{display:none!important}.notebook-leaves{position:absolute;inset:0;pointer-events:none;z-index:6}.book-hotspot{z-index:7}

/* The artwork contains its stationary original notebook and only its leaf moves. */
.notebook-leaves{inset:auto;z-index:2;visibility:hidden;pointer-events:none;image-rendering:auto}

.album-sleeve{container-type:inline-size}.album-sleeve strong{display:block;white-space:nowrap;word-break:keep-all;overflow-wrap:normal;flex-shrink:0;font-size:clamp(14px,7cqw,20px);line-height:1.45;letter-spacing:0;text-align:center;margin:6px 0 0;max-width:none}.album-sleeve small{white-space:nowrap;word-break:keep-all;font-size:clamp(12px,5cqw,14px);line-height:1.6}

.album-sleeve{min-width:172px;padding:6px;border-width:5px}.diary-note .note-copy{font-size:clamp(20px,2vw,27px);line-height:1.85;letter-spacing:0;word-break:keep-all;overflow-wrap:normal}.diary-note{position:relative;padding-bottom:100px}.diary-note .note-star{right:20px;bottom:18px;line-height:1;pointer-events:none}.diary-note .note-foot{position:relative;margin-top:28px;max-width:calc(100% - 35px)}
@media(max-width:767px){.diary-note{padding:24px 22px 88px}.diary-note .note-copy{font-size:22px;line-height:1.85}.diary-note .note-star{font-size:44px;right:20px;bottom:18px}.diary-note .note-foot{margin-top:24px}}

.diary-layout{grid-template-columns:minmax(330px,360px) minmax(0,1fr);gap:48px}.diary-note .note-copy{white-space:nowrap}.diary-note{min-width:0}@media(max-width:1100px){.diary-layout{grid-template-columns:minmax(0,1fr);gap:32px}.diary-note{width:100%;max-width:520px;justify-self:center}.diary-note .note-copy{font-size:24px}}@media(max-width:767px){.diary-note .note-copy{font-size:22px}}

.diary-note{padding-bottom:30px}.diary-note .note-star{position:static;display:block;width:100%;font-size:44px;line-height:1;text-align:right;margin:18px 0 0;transform:none}.diary-note .note-foot{margin-top:14px;max-width:none}
.diary-note{transform:none}

body.chapimaru-room-home{margin:0}.square-purchase{display:inline-flex;align-items:center;min-height:48px;padding:12px 22px;border-radius:6px;background:#d9dcb3;color:#17302d;font-size:16px}.pagination a,.category-filters a{display:inline-flex;min-height:44px;padding:8px 14px;border:1px solid #55766a;border-radius:22px;margin:4px}.cp-no-sales{font-size:14px}
/* R6: readable small screens and no implementation notes in the room. */
body.admin-bar.chapimaru-room-home .site-header{top:var(--wp-admin--admin-bar--height,32px)}
body.admin-bar.chapimaru-room-home .motion-bar{top:calc(64px + var(--wp-admin--admin-bar--height,32px))}
body.admin-bar.chapimaru-room-home .study-heading{top:calc(112px + var(--wp-admin--admin-bar--height,32px))}
.play-help,.ham-move-cue{display:none!important}
.site-header .brand{min-width:0;flex-shrink:1}
.room-entry strong,.room-entry small,.category-filters a,.pagination a{word-break:keep-all;overflow-wrap:normal;white-space:nowrap}
.article-row>div,.article-row h3,.music-copy,.town-copy{min-width:0}
.article-row h3 a{overflow-wrap:anywhere;word-break:normal;line-break:strict}
.song-title span{display:inline-block;white-space:nowrap;word-break:keep-all;letter-spacing:0}
@media(max-width:767px){
 .site-header{height:62px;padding:8px 12px;gap:8px;align-items:center}
 .site-header .brand{font-size:clamp(17px,4.6vw,20px);gap:7px;letter-spacing:0}
 .site-header .brand svg{width:22px;height:22px;flex:none}
 .site-header .brand small{font-size:7px;letter-spacing:.08em;line-height:1.5}
 .menu-toggle{min-width:56px;min-height:44px;flex:none;padding:6px 8px;font-size:14px;white-space:nowrap}
 .motion-bar{top:62px;gap:8px;padding:8px 12px;justify-content:center;flex-wrap:wrap}
 .motion-bar button{min-height:44px;font-size:14px;white-space:nowrap;padding:6px 10px}
 .study-heading{top:118px}
 .study-heading .tagline{font-size:clamp(11px,3.2vw,13px);white-space:nowrap;letter-spacing:0;max-width:calc(100% - 20px);padding:2px 6px;line-height:1.8}
 body.admin-bar.chapimaru-room-home .motion-bar{top:calc(62px + var(--wp-admin--admin-bar--height,46px))}
 body.admin-bar.chapimaru-room-home .study-heading{top:calc(118px + var(--wp-admin--admin-bar--height,46px))}
 .room-entry{max-width:calc(100% - 24px)}
 .study-actions{gap:10px;flex-wrap:wrap;height:auto;min-height:44px;padding:4px 12px;align-content:center}
 .study-actions .scroll-cue,.study-actions button{font-size:12px;line-height:1.5;white-space:normal;word-break:keep-all;padding:8px 2px}
 .study-actions .scroll-cue{max-width:54%}
 .study-actions button{max-width:42%}
 .music-copy h2,.town-copy h2,.story h2{font-size:clamp(22px,6.2vw,27px);line-height:1.65;letter-spacing:.02em;word-break:keep-all;overflow-wrap:normal}
 .music-copy .song-title{font-size:19px;line-height:1.8;word-break:keep-all}
 .song-title span{font-size:14px}
 .music-price span{display:block;font-size:13px;line-height:1.8}
 .category-filters{display:flex;flex-wrap:wrap;gap:6px}
 .category-filters a{font-size:13px;margin:0;padding:8px 12px}
 .diary-note .note-copy{font-size:clamp(19px,5.6vw,22px);line-height:1.85;letter-spacing:0}
 .preview-player{min-width:0}
 .preview-player button{font-size:14px;min-height:44px;white-space:nowrap}
}