@charset "UTF-8";
:root{--paper:#f6f5f9;--ink:#393540;--muted:#706977;--line:#d9d5df;--lavender:#e9e2f1;--serif:"Yu Mincho","Hiragino Mincho ProN",serif;--sans:"BIZ UDPGothic","Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);font-size:14px;line-height:1.8;-webkit-font-smoothing:antialiased;background-image:radial-gradient(#b5acbf35 .7px,transparent .7px);background-size:9px 9px}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a,button{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #77539b;outline-offset:5px;border-radius:4px}img{max-width:100%;height:auto;display:block}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:600}svg.icon{width:40px;height:40px;flex-shrink:0}.site-shell{max-width:1120px;margin:auto;padding:0 44px}.site-header{height:114px;display:flex;align-items:center;gap:40px;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.08em;white-space:nowrap}.wordmark svg{width:35px;height:35px}.wordmark small{display:block;font-size:8px;font-weight:400;letter-spacing:.21em;line-height:1.3}.small-nav{display:flex;gap:22px;margin-left:auto;font-size:12px}.small-nav a{padding:10px 1px;position:relative}.small-nav a:hover::after,.small-nav a[aria-current]::after{content:"";position:absolute;bottom:5px;left:0;right:0;height:2px;background:#9583aa}.header-note{font-size:10px;color:var(--muted);writing-mode:vertical-rl;letter-spacing:.18em;line-height:1.5}.skip{position:fixed;z-index:10;left:15px;top:-100px;background:white;padding:12px}.skip:focus{top:15px}main:focus{outline:none}
.welcome{min-height:464px;padding:55px 45px 43px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:50px;position:relative}.eyebrow{font-size:11px;letter-spacing:.18em;color:var(--muted)}.tiny-star{font-size:19px;vertical-align:middle;margin-right:7px;color:#827290}.welcome h1{font-family:var(--serif);font-size:47px;letter-spacing:.04em;line-height:1.5;margin-top:22px;position:relative;white-space:nowrap}.title-star{display:inline-block;font-family:serif;color:#9a88ad;font-size:31px;vertical-align:top;transform:translate(11px,-13px)}.tagline{font-family:var(--serif);font-size:22px;letter-spacing:.10em;margin-top:7px}.intro{font-size:13px;line-height:2.2;margin-top:26px}.handwritten{font-family:var(--serif);font-size:15px;letter-spacing:.1em;margin-top:27px;transform:rotate(-3deg);color:#7f6d91}.handwritten span{font-size:30px;position:relative;top:9px}.portrait{justify-self:center;background:#fff;padding:15px 15px 11px;width:282px;position:relative;transform:rotate(4deg);box-shadow:0 3px 12px #3935400c;border:1px solid #e4e0e8}.portrait img{aspect-ratio:1;object-fit:contain;width:250px}.portrait figcaption{font-family:var(--serif);font-size:13px;text-align:center;letter-spacing:.1em;padding:5px 0}.portrait figcaption span{position:absolute;right:20px;bottom:13px;font-size:21px;color:#93809d}.tape{position:absolute;top:-12px;left:38%;width:75px;height:26px;transform:rotate(-8deg);background:#dcd1e3ba;z-index:1;clip-path:polygon(2% 0,100% 4%,97% 100%,0 96%)}.portrait-number{position:absolute;top:13px;left:15px;writing-mode:vertical-rl;font-size:8px;letter-spacing:.14em;color:#928898}.portrait-label{position:absolute;right:-21px;bottom:-30px;font-family:var(--serif);font-size:13px;transform:rotate(-9deg);color:var(--muted)}.welcome-star{position:absolute;right:8px;top:120px;color:#ab9eb6;font-size:43px}.section-caption{display:flex;align-items:center;gap:20px;margin-bottom:24px}.section-caption h2{font-size:15px;letter-spacing:.13em;white-space:nowrap}.section-caption>span{font-size:10px;color:var(--muted)}.caption-line{height:1px;background:var(--line);flex:1}.doors-section{padding:12px 0 40px}.doors{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.door{border:1px solid #d7d0df;padding:22px 20px 18px;position:relative;border-radius:5px 9px 6px 4px;min-height:218px;transition:transform .2s,box-shadow .2s;background:#fdfcfe}.door:hover{transform:translateY(-5px) rotate(-1deg);box-shadow:2px 7px 0 #dcd5e55c}.door-play{background:#e9e2f1;transform:rotate(-1.5deg)}.door-gallery{background:#fcfbf7;margin-top:7px}.door-nayo{background:#f0f4f5;transform:rotate(1.2deg)}.door-lab{background:#f4edf1;margin-top:7px}.door-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.door-number{font-family:monospace;font-size:9px;letter-spacing:.07em;color:#6c6277}.door-top svg{width:36px;height:36px}.door h3{font-size:26px;letter-spacing:.06em;margin-top:17px;display:flex;align-items:center;justify-content:space-between}.door-arrow{font-size:19px;font-weight:400;color:#786d83;transition:transform .2s}.door:hover .door-arrow{transform:translate(3px,-3px)}.door p{font-size:10px;white-space:nowrap;margin-top:5px}.door-note{display:block;font-size:9px;color:#766b80;margin-top:21px;padding-top:10px;border-top:1px dashed #bbb0c77d}.new-stamp{position:absolute;top:-11px;right:11px;font:10px monospace;letter-spacing:.09em;padding:3px 8px;border:1px solid #9882aa;transform:rotate(8deg);background:#fbf9fc;color:#776085}
.lower-room{display:grid;grid-template-columns:1.6fr 1fr;gap:60px;margin:27px 8px 12px}.updates .section-caption{margin-bottom:8px}.updates ul{list-style:none;padding:0;margin:0}.updates li{display:flex;gap:24px;padding:19px 0;border-bottom:1px dashed var(--line)}.updates time{font-family:monospace;white-space:nowrap;font-size:11px;color:var(--muted);padding-top:4px}.updates li>div{display:flex;flex-direction:column;gap:7px}.update-label{font-size:9px;color:#72617e;letter-spacing:.07em}.updates li a{font-size:12px}.updates li a:hover{text-decoration:underline;text-underline-offset:5px}.update-after{font-size:10px;color:var(--muted);margin-top:17px}.room-note{background:#efedf4;border:1px solid #e4dfeb;transform:rotate(2deg);padding:24px 27px 22px;position:relative;max-width:290px;justify-self:end}.room-note .eyebrow{font-size:9px;margin-bottom:10px}.room-note>p:nth-of-type(2){font-family:var(--serif);font-size:13px;line-height:2.1;letter-spacing:.04em}.room-note a{font-size:10px;display:inline-block;margin-top:14px;border-bottom:1px solid #bbb0c8}.pin{position:absolute;top:-4px;left:50%;width:8px;height:8px;border-radius:50%;background:#95859f;box-shadow:1px 2px 2px #52475840}.secret-corner{position:relative;display:flex;align-items:center;justify-content:center;gap:18px;min-height:101px;color:#9b8ea6}.secret{background:none;border:0;min-width:44px;min-height:44px;font-family:var(--serif);font-size:18px;transform:rotate(-12deg)}.secret:hover{color:var(--ink);transform:rotate(8deg)}#secret-note{position:absolute;bottom:69px;left:50%;transform:translateX(-50%);padding:14px 22px;background:#fff;border:1px solid var(--line);box-shadow:0 4px 14px #3935400d;font-size:12px;color:var(--ink);min-width:230px;text-align:center;z-index:2;border-radius:6px}.site-footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:27px 0 35px;font-size:10px;color:var(--muted)}.footer-home{font-family:var(--serif);font-size:14px;color:var(--ink)}.footer-home span{display:block;font-size:10px;margin-top:3px;color:var(--muted)}.site-footer p{text-align:center;font-size:9px}.site-footer small{display:block;font-family:monospace;margin-top:4px;font-size:9px}.site-footer>a:last-child{padding:12px 0}
.back{display:inline-block;font-size:11px;margin-top:35px;padding:10px 0;color:var(--muted)}.back:hover{text-decoration:underline}.page-heading{padding:32px 0 38px;text-align:center}.page-heading h1{font-family:var(--serif);font-size:38px;letter-spacing:.08em;margin:14px 0}.page-heading>p:last-child{color:var(--muted);font-size:13px}.empty-state{margin:12px auto 0;min-height:230px;border:1px dashed #cec5d8;max-width:730px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px;text-align:center;border-radius:50% 45% 48% 44% / 8% 10% 7% 10%;background:#faf9fc}.empty-symbol{font-family:serif;font-size:36px;color:#9a89aa;transform:rotate(-7deg);margin-bottom:15px}.empty-state p{font-family:var(--serif);font-size:21px;letter-spacing:.08em}.empty-state>span:last-child{font-size:12px;color:var(--muted);margin-top:14px}.page-end-note{text-align:center;font-family:var(--serif);font-size:13px;color:var(--muted);padding:35px 0 70px}.lab-shelf{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:24px auto 0}.lab-shelf span{font-size:10px;border-bottom:1px solid var(--line);padding:5px 12px;color:var(--muted)}.character-page{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;max-width:790px;margin:0 auto 75px}.character-portrait{background:white;padding:15px 15px 20px;border:1px solid var(--line);transform:rotate(-2deg)}.character-portrait figcaption{font-family:var(--serif);text-align:center;font-size:16px}.character-copy h2{font-family:var(--serif);font-size:25px;margin:17px 0 25px}.character-copy>p:not(.eyebrow){font-size:13px;line-height:2.3;margin-top:20px}.text-link{display:inline-block;border-bottom:1px solid #aa98ba;font-size:12px;margin-top:26px;padding:8px 0}.about-letter{position:relative;max-width:670px;background:#fdfcfe;border:1px solid var(--line);padding:55px 65px;margin:10px auto 75px;transform:rotate(-.7deg);box-shadow:4px 5px 0 #eae6ef}.about-letter h2{font-family:var(--serif);font-size:25px;line-height:1.9;letter-spacing:.05em;margin-bottom:25px}.about-letter>p{font-size:13px;line-height:2.4;margin-top:22px}.about-letter .letter-sign{text-align:right;font-family:var(--serif);font-size:17px;margin-top:32px}.letter-sign small{font-size:11px;color:var(--muted)}.lost-doodle{display:flex;justify-content:center;align-items:center;gap:15px;margin:10px 0 35px;color:#92819f}.lost-doodle svg{width:90px;height:90px;transform:rotate(-8deg)}.lost-doodle span{font-size:25px;align-self:flex-start}.return-button{display:block;width:170px;text-align:center;padding:13px;background:var(--lavender);border:1px solid #c6bbd3;border-radius:6px;margin:0 auto 85px}.return-button:hover{background:#ded3e9}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.gallery-grid figure{padding:12px;background:white;border:1px solid var(--line)}.gallery-grid figcaption{padding-top:10px;font-size:12px}.lab-list{display:grid;gap:18px}.lab-list>a{border-bottom:1px solid var(--line);padding:20px}.lab-list span{font-size:10px;color:var(--muted)}.lab-list h2{font-size:20px}
@media(min-width:1200px){.welcome{padding-top:62px;padding-bottom:60px;min-height:480px}}
@media(max-width:950px){.site-shell{padding:0 28px}.welcome{gap:25px;padding-left:10px;padding-right:10px}.welcome h1{font-size:39px}.title-star{font-size:24px}.portrait{width:248px}.doors{gap:12px}.door{padding:18px 13px 15px}.door p{font-size:9px}.door-top svg{width:29px}.lower-room{gap:30px}.header-note{display:none}.door-number{font-size:8px}}
@media(max-width:730px){.site-shell{max-width:580px;padding:0 24px}.site-header{height:90px;gap:12px}.wordmark{font-size:13px;gap:5px}.wordmark svg{width:29px}.small-nav{gap:12px;font-size:10px}.welcome{padding:42px 4px 48px;grid-template-columns:1fr;gap:36px;text-align:center;min-height:0}.welcome-copy{position:relative;z-index:1}.welcome h1{font-size:40px;margin-top:15px}.tagline{font-size:20px}.intro{font-size:12px;margin-top:21px}.handwritten{margin-top:16px;font-size:13px}.portrait{width:251px;margin:5px 0 10px;transform:rotate(3deg)}.portrait img{width:219px}.portrait-label{right:-30px;bottom:-27px;font-size:12px}.welcome-star{right:20px;top:345px;font-size:38px}.doors-section{padding-top:17px;padding-bottom:28px}.section-caption{gap:12px;margin-bottom:22px}.section-caption h2{font-size:14px}.section-caption>span{font-size:9px}.doors{grid-template-columns:repeat(2,1fr);gap:20px 15px}.door{padding:18px 18px 15px;min-height:199px}.door p{font-size:10px;white-space:normal}.door h3{font-size:26px;margin-top:13px}.door-number{font-size:9px}.door-top svg{width:33px;height:33px}.door-note{font-size:9px;margin-top:18px}.door-gallery,.door-lab{margin-top:0}.lower-room{grid-template-columns:1fr;gap:30px;margin:22px 2px 0}.room-note{justify-self:center;width:100%;max-width:330px;padding:24px 30px}.updates li{gap:15px}.updates li a{font-size:11px}.secret-corner{min-height:100px}.site-footer{flex-wrap:wrap;padding:25px 0;gap:17px}.site-footer p{text-align:right;margin-left:auto}.site-footer>a:last-child{font-size:10px;width:100%;text-align:center;border-top:1px dashed var(--line);padding-top:17px}.page-heading h1{font-size:31px}.page-heading{padding:24px 0 32px}.page-heading>p:last-child{font-size:12px}.character-page{grid-template-columns:1fr;gap:36px;margin-bottom:55px}.character-portrait{max-width:310px;margin:auto}.character-copy{text-align:center}.about-letter{padding:40px 27px;margin-bottom:55px}.about-letter h2{font-size:21px}.about-letter>p{font-size:12px}.empty-state{min-height:220px}.empty-state>span:last-child{font-size:11px}.gallery-grid{grid-template-columns:repeat(2,1fr)}.back{margin-top:23px}}
@media(max-width:370px){.site-shell{padding:0 18px}.site-header{height:auto;min-height:102px;flex-wrap:wrap;justify-content:center;padding:15px 0 9px;gap:5px}.small-nav{margin-left:0;width:100%;justify-content:center;gap:23px}.small-nav a{padding:8px 0}.welcome h1{font-size:34px}.tagline{font-size:18px}.door{padding:17px 12px 13px}.door h3{font-size:23px}.door-number{font-size:8px}.door p{font-size:9px}.door-note{font-size:8px}.door-top svg{width:28px}.section-caption>span:not(.caption-line){font-size:8px}.updates li{gap:10px}.updates time{font-size:10px}.updates li a{font-size:10px}.portrait-label{right:-8px}.page-heading h1{font-size:27px}.about-letter{padding:35px 20px}.about-letter h2{font-size:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.door:hover,.door:hover .door-arrow{transform:none}}
/* Touch targets stay generous even in the compact mobile header. */
.small-nav a{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
@media(max-width:730px){.site-header{height:auto;min-height:109px;flex-wrap:wrap;justify-content:center;padding:16px 0 7px;gap:3px}.small-nav{margin:0;width:100%;justify-content:space-around;font-size:12px;gap:12px}.welcome{padding-top:31px;gap:25px}.portrait{width:229px}.portrait img{width:197px}.welcome h1{margin-top:12px}.handwritten{margin-top:9px}.door p{font-size:11px}.door-note{font-size:10px}}
@media(max-width:370px){.small-nav{font-size:11px}.door p{font-size:10px}.door-note{font-size:9px}.door{padding-left:12px;padding-right:12px}}
@media(max-width:730px){.door-lab h3{font-size:23px;letter-spacing:0;white-space:nowrap}.door-lab .door-arrow{font-size:16px}}
@media(max-width:370px){.door-lab h3{font-size:20px}.door-lab .door-arrow{font-size:15px}}
.empty-state p,.empty-state>span:last-child{text-wrap:balance}
@media(max-width:370px){.empty-state p{font-size:18px;letter-spacing:.04em}}
.about-letter h2{text-wrap:balance}
.handwritten{color:#756081}.door-note{color:#6b5d76}.secret{color:#756081}
.portrait img{object-fit:cover;object-position:50% 35%;height:auto;aspect-ratio:1}.character-portrait img{width:100%;height:auto}