@font-face{font-family:Dela;src:url('/assets/fonts/DelaGothicOne-web.woff2') format('woff2');font-display:swap}
:root{--ink:#352d47;--accent:#635098;--wash:#efe5fb;--sky:#caf0ef;--paper:#fffcfa;--pixel:'lores-9-narrow','Courier New',monospace;--reading:'argent-pixel-cf',Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;color:var(--ink);background-color:var(--wash);background-image:radial-gradient(#fff9 1.3px,transparent 1.4px);background-size:12px 12px;font:17px/1.65 var(--reading)}a{color:var(--accent);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}button,a,summary{touch-action:manipulation}:focus-visible{outline:3px solid #155fcb;outline-offset:4px}img{max-width:100%;height:auto}p{margin:0 0 1em}h1,h2,h3{line-height:1.25;margin:0 0 .65em;overflow-wrap:anywhere}h1{font:clamp(28px,3.6vw,49px)/1.25 Dela,sans-serif;letter-spacing:-1.5px;color:var(--accent)}h3{font-size:22px}strong{font-weight:700}small{display:block}hr{border:0;border-top:1px dashed var(--accent);opacity:.4;margin:20px 0}blockquote{margin:0 0 1em;border-left:3px solid var(--accent);padding:0 0 0 15px}cite{font-size:15px}figure{margin:0}section[id]{scroll-margin-top:20px}[hidden]{display:none!important}.pixel{image-rendering:pixelated}.micro{font:12px/1.6 var(--pixel);letter-spacing:1px;text-transform:uppercase}.fine{font:13px/1.7 system-ui,sans-serif;color:#64566e}.lead{font-size:20px;line-height:1.7}.web-shell{max-width:1320px;width:calc(100% - 48px);margin:24px auto;background:var(--paper);border:1px solid var(--accent);outline:4px double #fff;box-shadow:8px 8px 0 #49345d19}.site-header{display:flex;align-items:center;gap:24px;padding:22px 28px;background:linear-gradient(110deg,#fff,var(--wash))}.logo{flex:0 0 142px;display:block}.logo img{display:block;width:142px}.site-name{font:22px/1.5 Dela,sans-serif;color:var(--accent);margin:3px 0}.site-name span{font-family:var(--reading);font-size:20px}.site-header>.directory-button{margin-left:auto;white-space:nowrap;font:12px var(--pixel);border:1px dashed var(--accent);padding:12px}.site-nav{display:flex;flex-wrap:wrap;background:var(--accent);gap:1px;padding:4px;border-top:3px double #fff}.site-nav a{flex:1;text-align:center;padding:11px 14px;background:var(--wash);font:13px/1.4 var(--pixel);letter-spacing:.5px;text-decoration:none;white-space:nowrap;border:2px outset #fff}.site-nav a:hover,.site-nav a.selected{background:var(--paper)}.status-line{display:flex;justify-content:space-between;gap:12px;padding:8px 16px;border-bottom:1px solid var(--accent);font:10px/1.6 var(--pixel);letter-spacing:1px;background:var(--wash)}main{padding:22px}.panel{border:1px solid var(--accent);background:var(--paper);box-shadow:3px 3px 0 var(--wash);margin:0 0 20px;min-width:0}.panel-bar{font:14px/1.5 var(--pixel);letter-spacing:.6px;color:#fff;background:var(--accent);padding:9px 13px;margin:3px;border:1px solid #fff8}.panel-body{padding:18px}.panel-body>:last-child{margin-bottom:0}.retro-button,.small-button{display:inline-block;border:2px outset #fff;background:var(--wash);color:var(--accent);padding:11px 14px;text-decoration:none;font:12px/1.6 var(--pixel);letter-spacing:.5px;box-shadow:0 0 0 1px var(--accent);text-align:center}.retro-button:hover,.small-button:hover{background:var(--paper)}.small-button{font-size:11px;padding:8px 10px}.text-link{font:12px/1.7 var(--pixel);display:inline-block}.skip{position:absolute;top:-100px;left:12px;padding:10px;background:#fff;z-index:100}.skip:focus{top:12px}.town-welcome{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:340px;padding:35px 38px;margin-bottom:22px;border:1px solid var(--accent);background:radial-gradient(#fff9 1.2px,transparent 1.5px) 0 0/12px 12px,linear-gradient(125deg,var(--wash),var(--sky));overflow:hidden}.town-welcome h1{font-size:clamp(30px,3.5vw,48px)}.town-welcome p{margin-bottom:15px}.town-art{position:relative;display:flex;align-items:flex-end;justify-content:center;min-width:0;padding-top:56px;padding-bottom:40px}.town-art img{width:31%;filter:drop-shadow(3px 5px 0 #fff);z-index:1}.town-art .town-host{width:40%;margin:0 -4%;z-index:2;transform:translateY(6px)}.town-orbit{position:absolute;top:0;left:0;right:0;text-align:center;font:27px Dela,sans-serif;letter-spacing:10px;color:var(--accent);opacity:.4}.town-caption{position:absolute;bottom:0;font:10px/1.5 var(--pixel);text-align:center;letter-spacing:1px}.directory-layout{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:22px}.resident-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.resident{display:flex;align-items:center;gap:12px;padding:10px;border:1px dashed var(--accent);background:linear-gradient(130deg,var(--wash),#fff);color:var(--ink);text-decoration:none;min-width:0}.resident:hover{border-style:solid;background:var(--wash)}.resident-art{width:90px;flex:0 0 90px;aspect-ratio:1;display:grid;place-items:center}.resident-art img{width:100%;display:block}.resident-copy{display:flex;flex-direction:column;min-width:0}.resident-copy small{font:10px/1.6 var(--pixel);color:var(--accent);letter-spacing:1px}.resident-copy strong{font-size:20px;line-height:1.3}.resident-copy>span{font-size:14px;line-height:1.4;margin-top:4px}.resident-copy b{font:9px/1.6 var(--pixel);color:var(--accent);margin-top:9px}.stamp-count{font:16px var(--pixel);color:var(--accent)}.passport-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px}.passport-stamp{text-align:center;text-decoration:none;border:1px dashed #b1a6bb;padding:10px 3px;color:#746b7e;line-height:1.3;font-size:13px}.passport-stamp>span:first-child{display:block;font-size:24px}.passport-stamp.collected{border:2px double var(--accent);color:var(--accent);background:var(--wash)}.spirit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.spirit-link{border:1px solid var(--accent);display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none;padding:16px 8px;background:var(--wash);min-width:0}.spirit-link .cropped-sprite{height:85px;max-width:100%;margin:0 0 12px}.spirit-link strong{font-size:22px}.spirit-link small{font:9px/1.6 var(--pixel);margin-top:5px}.cropped-sprite{display:block;position:relative;overflow:hidden;image-rendering:pixelated;flex-shrink:0}.cropped-sprite img{position:absolute;max-width:none}.guide-grid{display:grid;gap:12px}.notebook-link{display:block;padding:15px;border-left:5px solid var(--accent);background:var(--wash);text-decoration:none}.notebook-link small{font:10px var(--pixel);margin-bottom:7px}.notebook-link strong{display:block;font-size:22px}.notebook-link>span{display:block;font-size:14px;margin-top:6px}.window-title{display:flex;justify-content:space-between;padding:6px 10px;color:#fff;background:var(--accent);font:11px/1.7 var(--pixel);border:3px double #fff}.house-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;min-height:325px;border:1px solid var(--accent);padding:30px 38px;background:radial-gradient(#ffffff80 1.3px,transparent 1.4px) 0 0/16px 16px,linear-gradient(125deg,var(--wash) 30%,var(--sky));position:relative;overflow:hidden}.hero-copy{position:relative;z-index:2;padding-right:16px}.hero-copy>p:not(.micro){font-size:22px;max-width:440px}.mood{display:inline-block;font:12px/1.6 var(--pixel);border:1px dashed var(--accent);border-radius:20px;background:#fff9;padding:7px 13px;color:var(--accent)}.house-scene{height:260px;position:relative;display:flex;align-items:center;justify-content:center}.hero-sprite{height:260px;width:260px;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(4px 5px 0 #ffffffc9)}.scene-prop{position:absolute;width:68px;max-height:95px;object-fit:contain;right:0;bottom:23px;transform:rotate(10deg);filter:drop-shadow(3px 3px 0 #fff);z-index:2}.scene-symbol{position:absolute;font-size:220px;line-height:1;color:#fff9;right:5px;top:0}.scene-jp{position:absolute;left:4px;top:15px;writing-mode:vertical-rl;color:var(--accent);font:19px Dela,sans-serif;letter-spacing:5px;opacity:.8}.scene-caption{position:absolute;bottom:-14px;font:11px/1.5 var(--pixel);letter-spacing:1px;background:#fffc;padding:3px 14px;color:var(--accent)}.theme-library .house-hero{background-image:repeating-linear-gradient(0deg,#ffffff10 0 23px,#92733416 24px 25px),linear-gradient(120deg,var(--wash),var(--sky))}.theme-clinic .house-hero{background-image:repeating-linear-gradient(0deg,#fff6 0 1px,transparent 1px 28px),repeating-linear-gradient(90deg,#fff6 0 1px,transparent 1px 28px),linear-gradient(120deg,var(--wash),var(--sky))}.theme-parade .house-hero,.theme-night .house-hero{background-image:radial-gradient(#fff 1px,transparent 2px),linear-gradient(120deg,var(--wash),var(--sky));background-size:37px 31px,auto}.theme-rainbow .house-hero{background-image:linear-gradient(120deg,#ffe5e7,#fff1d7,#e6f2da,#daf0ee,#e4e6fb,#f5dff5)}.theme-mountain .house-scene:before{content:"";position:absolute;inset:30px -50px 0;background:linear-gradient(130deg,#49654122,#49654144);clip-path:polygon(0 100%,25% 20%,40% 45%,65% 0,100% 100%)}.room-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 22px;padding:14px;background:var(--wash);border:1px solid var(--accent);border-top:0;margin-bottom:22px}.room-nav a{font:12px/1.7 var(--pixel)}.house-layout{display:grid;grid-template-columns:210px minmax(0,1fr) 250px;gap:20px;align-items:start}.house-left,.house-center,.house-right{min-width:0}.house-left .panel-body,.house-right .panel-body{padding:15px}.house-left p,.house-right p{font-size:16px}.house-left .micro,.house-right .micro{font-size:10px}.facts{margin:0}.facts dt{font:10px var(--pixel);color:var(--accent);letter-spacing:1px;margin-top:16px}.facts dd{margin:6px 0 0;font-size:15px}.hand-note{font-style:italic;color:var(--accent);border-top:1px dashed var(--accent);padding-top:16px}.greeting:empty{display:none}.greeting{margin-top:14px;color:var(--accent)}.room{display:flex;gap:14px;margin-bottom:24px}.room:last-child{margin-bottom:0}.room-number{font:18px var(--pixel);color:var(--accent);padding:5px 0;flex-shrink:0}.room p{margin:0}.diary-entry{margin-bottom:23px;padding-bottom:23px;border-bottom:1px dashed var(--accent)}.diary-entry:last-child{margin-bottom:0;padding-bottom:0;border:0}.diary-entry .micro{color:var(--accent);font-size:10px}.diary-entry p:last-child{margin:0}.album{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.album-photo{padding:7px;border:1px solid var(--accent);background:var(--wash);min-width:0}.album-photo>a{display:block;background:#fff8;aspect-ratio:1}.album-photo img{width:100%;height:100%;object-fit:contain;display:block}.album-photo figcaption{padding-top:7px;text-align:center;line-height:1.5}.album-photo figcaption strong{font:12px var(--pixel);display:block}.album-photo figcaption a{font-size:12px}.souvenir{text-align:center;padding:14px 10px;margin:0 0 16px;border:3px double var(--accent);color:var(--accent);background:var(--wash);transform:rotate(-2deg)}.souvenir>span{display:block;font-size:48px;line-height:1.25}.souvenir strong{display:block;font:12px/1.8 var(--pixel)}[data-stamp-status]{margin-top:15px}.belonging{border-bottom:1px dashed var(--accent);padding:10px 0}.belonging:first-child{padding-top:0}.belonging summary{display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none;min-height:80px}.belonging summary::-webkit-details-marker{display:none}.belonging img{width:58px;height:75px;object-fit:contain}.belonging span{font-size:17px;line-height:1.3}.belonging small{font:9px/1.6 var(--pixel);margin-top:8px;color:var(--accent)}.belonging p{margin:10px 0;font-size:16px}.belonging[open] small{visibility:hidden}.webring{text-align:center;border:3px double var(--accent);background:var(--wash);padding:20px;margin:8px 0}.webring>div{display:flex;justify-content:center;gap:12px 32px;flex-wrap:wrap}.webring>div a{font:13px/1.7 var(--pixel)}.webring>p:last-child{font-size:15px;margin:15px 0 0}.page-intro{padding:22px 20px 30px;border-bottom:3px double var(--accent);margin-bottom:25px}.page-intro .lead{max-width:850px}.page-intro h1{max-width:950px}.reading-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:24px}.reading-layout>aside{min-width:0}.reading-layout>aside .resident{flex-direction:column;text-align:center}.field-pair{border-bottom:1px dashed var(--accent);padding:0 0 22px;margin:0 0 25px}.field-pair:last-child{border:0;margin:0;padding-bottom:0}.field-pair>div{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field-pair figure{background:var(--wash);border:1px solid var(--accent);min-width:0}.field-pair figure>a{display:flex;align-items:center;justify-content:center;min-height:200px;padding:18px}.field-pair .cropped-sprite{height:150px;max-width:100%}.field-pair figcaption{font:10px/1.6 var(--pixel);text-align:center;padding:10px;border-top:1px dashed var(--accent)}.vertical-links{display:grid;gap:12px}.vertical-links a{font-size:16px}.paper-article{border:1px solid var(--accent);padding:26px;background:repeating-linear-gradient(0deg,transparent 0 31px,#674f7810 32px 33px)}.guide-section{margin:0 0 32px;padding-bottom:24px;border-bottom:1px dashed var(--accent)}.guide-section h2{font-size:27px}.guide-section p:last-child{font-size:20px;margin:0;max-width:70ch}.guide-section .micro{color:var(--accent)}.faq{padding:14px 0;border-bottom:1px dashed var(--accent)}.faq:last-child{border:0}.faq summary{cursor:pointer;font-weight:bold}.faq p{margin:12px 0 0}.loop-strip{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:22px;font:11px/1.6 var(--pixel)}.loop-strip span{background:var(--wash);border:1px solid var(--accent);padding:10px}.store-links{display:flex;flex-wrap:wrap;gap:14px}.notice{padding:27px;background:var(--wash);border:1px solid var(--accent);margin:0 0 20px;box-shadow:4px 4px 0 #49345d12}.notice h2{font-size:28px}.comic-page{max-width:740px;margin:0 auto 25px;border:1px solid var(--accent);background:white}.comic-canvas{position:relative;aspect-ratio:1440/2266;overflow:hidden}.comic-canvas img{position:absolute;max-width:none}.comic-page figcaption{padding:16px;font-size:15px;border-top:1px solid var(--accent)}.colophon{max-width:840px;margin:auto}.site-footer{text-align:center;padding:28px 20px 44px;border-top:1px dashed var(--accent);background:var(--wash)}.site-footer nav{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 20px;font-size:14px}.site-footer .fine{margin-top:20px}.mini-badges{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:20px}.mini-badges>*{display:grid;align-content:center;border:3px double var(--accent);width:108px;min-height:40px;background:var(--paper);font:9px/1.4 var(--pixel);text-decoration:none;color:var(--accent);letter-spacing:.5px}.to-top{position:fixed;bottom:16px;right:16px;width:49px;min-height:54px;display:grid;place-items:center;background:var(--accent);color:white;text-decoration:none;font:24px/1 var(--pixel);padding:6px;border:3px double #fff;z-index:10}.to-top small{font-size:10px}.art-dialog{width:min(560px,calc(100% - 30px));max-height:90dvh;overflow:auto;border:3px double var(--accent);padding:22px;background:var(--paper);color:var(--ink)}.art-dialog::backdrop{background:#241539b8}.art-dialog img{display:block;width:100%;height:50dvh;object-fit:contain;image-rendering:pixelated;background:var(--wash);margin:18px 0}.art-dialog h2{font:22px/1.4 var(--pixel);padding-right:30px}.art-dialog .close-dialog{position:absolute;right:10px;top:10px;border:1px solid var(--accent);background:var(--wash);width:35px;height:35px}.dialog-tools{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
@media(min-width:1500px){.web-shell{margin:34px auto}}
@media(max-width:1100px){.house-layout{grid-template-columns:185px minmax(0,1fr)}.house-right{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}.house-right .panel{margin:0}.house-right .panel:last-child{grid-column:1/-1}.directory-layout{grid-template-columns:minmax(0,1fr) 225px}.resident-grid{grid-template-columns:1fr}.site-header>.directory-button{display:none}.house-hero{padding:28px}.hero-copy h1{font-size:36px}.reading-layout{grid-template-columns:minmax(0,1fr) 230px}.field-pair .cropped-sprite{height:125px}.field-pair figure>a{min-height:175px}.town-welcome{padding:28px}.directory-layout .panel-body{padding:16px}}
@media(max-width:760px){body{font-size:17px}.web-shell{width:calc(100% - 20px);margin:10px auto}.site-header{gap:14px;padding:18px 16px}.logo,.logo img{width:100px;flex-basis:100px}.site-name{font-size:18px}.site-name span{display:block;font-size:16px}.site-header .micro{font-size:8px;letter-spacing:.5px}.site-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.site-nav a{font-size:10px;padding:12px 2px}.status-line{font-size:9px;justify-content:center}.status-line>span:last-child{display:none}main{padding:14px}.town-welcome{grid-template-columns:1fr;padding:24px}.town-art{max-width:380px;justify-self:center;width:100%;padding-top:45px;margin-top:25px}.town-welcome h1{font-size:36px}.town-welcome p br{display:none}.directory-layout,.reading-layout{grid-template-columns:1fr}.directory-layout>aside{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.directory-layout>aside>.panel:first-child{grid-column:1/-1}.passport-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.resident-grid{grid-template-columns:1fr 1fr}.resident{flex-direction:column;text-align:center}.resident-copy strong{font-size:19px}.resident-copy>span{font-size:15px}.house-layout{grid-template-columns:1fr;gap:0}.house-left{display:grid;grid-template-columns:1fr 1fr;gap:16px}.house-hero{grid-template-columns:1fr;padding:24px 20px 32px}.hero-copy{padding:0}.hero-copy h1{font-size:34px}.hero-copy>p:not(.micro){font-size:20px}.house-scene{max-width:340px;width:100%;justify-self:center;margin-top:15px;height:240px}.hero-sprite{height:240px;width:240px}.scene-prop{right:5px}.room-nav{gap:6px 16px;padding:12px 8px}.room-nav a{font-size:10px;min-height:30px;display:flex;align-items:center}.house-right{grid-template-columns:1fr 1fr}.house-right .panel:last-child{grid-column:auto}.house-left .panel{margin-bottom:20px}.panel-body{padding:18px}.page-intro{padding:16px 4px 22px}.page-intro h1{font-size:32px;letter-spacing:-1px}.reading-layout>aside{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.reading-layout>aside>.panel{margin:0}.reading-layout>aside>.panel:last-child{grid-column:1/-1}.reading-layout>aside .resident{flex-direction:row;text-align:left}.paper-article{padding:18px}.guide-section p:last-child{font-size:19px}.field-pair .cropped-sprite{height:145px}.field-pair figure>a{min-height:185px}.site-footer{padding-bottom:78px}.to-top{bottom:10px;right:10px}}
@media(max-width:440px){.web-shell{width:calc(100% - 14px);margin:7px auto}main{padding:10px}.site-header{padding:13px 11px;gap:11px}.logo,.logo img{width:86px;flex-basis:86px}.site-name{font-size:15px}.site-name span{font-size:15px}.site-header .micro{font-size:7px}.town-welcome{padding:20px}.town-welcome h1{font-size:31px}.house-left,.house-right,.directory-layout>aside,.reading-layout>aside{display:block}.house-right .panel,.reading-layout>aside>.panel{margin-bottom:18px}.house-left .panel:nth-child(2){display:block}.hero-copy h1{font-size:31px}.house-hero{padding:22px 18px 32px}.micro{font-size:10px}.lead{font-size:19px}.panel-body{padding:16px}.panel-bar{font-size:12px}.album{grid-template-columns:repeat(2,minmax(0,1fr))}.spirit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.passport-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.field-pair figure>a{padding:12px;min-height:140px}.field-pair .cropped-sprite{height:100px}.field-pair figcaption{font-size:8px;padding:8px 3px}.page-intro h1{font-size:29px}.paper-article{padding:16px}.guide-section h2{font-size:25px}.notice{padding:20px}.resident-grid{gap:8px}.resident{padding:10px 8px}.resident-art{width:85px;flex-basis:85px}.resident-copy>span{font-size:14px}.webring{padding:16px 10px}.webring>div{gap:12px}.webring>div a{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}