:root{--ink:#244947;--teal:#285c55;--cream:#fffdf2;--paper:#f8f4e7;--orange:#cf7548;--line:#d9dfcd;--muted:#66796f;font-family:'Hiragino Maru Gothic ProN','Yu Gothic','Meiryo',sans-serif;color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#c5e7e3}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #d07a43;outline-offset:5px}button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;left:12px;top:-100px;background:#fff;z-index:100;padding:16px}.skip:focus{top:12px}
#experience,#scene{position:absolute;inset:0;width:100%;height:100%;height:100dvh}#scene{opacity:0;transition:opacity .35s}body.ready #scene{opacity:1}#scene canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab;outline:none}#scene canvas:active{cursor:grabbing}.vignette{pointer-events:none;position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 45%,#f7efdd44);z-index:1}
#loader{position:fixed;inset:0;z-index:100;background:#f7f5e9;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;transition:opacity .3s}.loader-mascot{width:124px;height:142px;animation:loader-bob 1.4s ease-in-out infinite}.loader-mascot img{width:100%;height:100%;object-fit:contain}.loader-balloon{text-align:center;font-weight:700;font-size:18px;letter-spacing:.07em}.loader-balloon span{display:block;font-size:11px;color:#71877d;font-weight:400;margin-top:12px}.loader-line{width:120px;height:3px;background:#e0e6d7;overflow:hidden;border-radius:3px}.loader-line i{display:block;width:45%;height:100%;background:#e69965;animation:loader-progress 1s ease-in-out infinite}#loader a{font-size:12px;color:var(--muted);text-underline-offset:5px;margin-top:14px}@keyframes loader-bob{50%{transform:translateY(-7px)}}@keyframes loader-progress{from{transform:translateX(-100%)}to{transform:translateX(330%)}}
#entrance{position:absolute;inset:0;z-index:3;pointer-events:none;transition:opacity .6s,transform .8s}.intro-copy{text-align:center;position:absolute;top:6.5%;width:100%}.eyebrow{font-size:10px;letter-spacing:.2em;font-weight:600}.intro-tagline{font-size:17px;font-weight:600;letter-spacing:.13em;margin:13px 0;color:#31554f;text-shadow:0 1px 6px #fff8}.entrance-bottom{position:absolute;bottom:27px;left:50%;transform:translateX(-50%);width:min(100% - 64px,1000px);display:flex;flex-direction:column;align-items:center;pointer-events:none}.welcome-line{font-size:13px;letter-spacing:.15em;font-weight:600;margin:0 0 15px;text-shadow:0 1px 12px white}.enter-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;border:1px solid #23504a;border-bottom:5px solid #173e37;border-radius:12px;background:#2d6157;color:#fff9dc;padding:14px 25px;min-width:255px;text-decoration:none;box-shadow:0 9px 24px #30595225;pointer-events:auto;font-weight:700;font-size:17px;transition:background .15s,transform .15s}.enter-btn:hover{transform:translateY(-3px);background:#397263}.enter-btn:active{transform:translateY(2px)}.enter-btn small{display:block;font-size:8px;letter-spacing:.22em;margin:0 0 5px;font-weight:500;color:#d8e1c1}.enter-btn>span:last-child{font-size:27px;font-weight:400}.destination-index{display:flex;justify-content:center;width:100%;margin-top:24px;pointer-events:auto;box-shadow:0 10px 40px #365a4310;border:1px solid #ffffffbd;border-radius:15px;background:#fffdf2ee;backdrop-filter:blur(12px);overflow:hidden}.destination-index button{flex:1;min-width:0;display:flex;align-items:center;gap:14px;background:none;border:0;text-align:left;padding:16px 22px}.destination-index button+button{border-left:1px solid #385c491a}.destination-index button:hover{background:#fff}.destination-index em{font-family:Georgia,serif;color:#cc8152;font-size:25px;font-style:italic;line-height:1}.destination-index span{font-size:13px;font-weight:700;white-space:nowrap}.destination-index small{display:block;font-size:9px;font-weight:400;margin-top:5px;color:#698077}.destination-index b{margin-left:auto;font-size:17px;font-weight:400}
#hud{position:absolute;top:max(25px,env(safe-area-inset-top));left:32px;right:32px;z-index:8;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#224b47;font-weight:800;font-size:18px;letter-spacing:.13em;line-height:1.1;opacity:0;transform:translateY(20px);transition:opacity .7s,transform .7s;pointer-events:none}.brand small{font-size:8px;display:block;letter-spacing:.21em;margin-top:6px;font-weight:500}.brand-mark{display:block;position:relative;width:25px;height:36px;border:2px solid #2c514b;border-right:0}.brand-mark:after{content:'';position:absolute;right:0;top:0;height:12px;width:4px;background:#d37d4c;box-shadow:0 15px #dfbd62,0 21px #6e9790}.entered .brand{opacity:1;transform:none;pointer-events:auto}.tools{margin-left:auto;display:flex;align-items:center;gap:9px;pointer-events:auto}.tools button{height:43px;display:flex;align-items:center;justify-content:center;border:1px solid #fcfcf1;background:#fffdf3e8;box-shadow:0 3px 10px #496a5820}.tool-round{width:43px;border-radius:50%;font-family:Georgia,serif;font-size:23px;font-weight:700}.tool-menu{border-radius:23px;gap:9px;padding:0 18px;font-size:12px;font-weight:700}.tools button:hover{background:white}.tools #music[aria-pressed=true]{background:#2c5e54;color:#fff5dd}.tools #music[aria-pressed=true] .music-slash{display:none}
#place-labels{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;transition:opacity .6s}body.ready #place-labels{opacity:1}.place-label{position:absolute;left:0;top:0;border:1px solid #fffbeb;border-radius:8px;background:#fffaf0f0;box-shadow:0 4px 12px #3b5f4930;font-size:12px;letter-spacing:.02em;font-weight:700;white-space:nowrap;padding:8px 13px;pointer-events:auto}.place-label:after{content:'';position:absolute;left:50%;bottom:-5px;width:8px;height:8px;transform:translateX(-50%) rotate(45deg);background:#fffaf0}.place-label em{color:var(--orange);margin-right:9px;font-size:11px;font-style:normal}.place-label:hover{background:#fff;border-color:#b6caac}.place-label.visited em{color:#4a8c62}.place-label.visited em:after{content:' ·'}
#walk-ui{position:absolute;inset:0;z-index:4;pointer-events:none}.location{position:absolute;left:32px;bottom:30px;display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:8px;row-gap:6px;font-size:13px;font-weight:700}.location i{width:7px;height:7px;border-radius:50%;background:#527e6a}.location small{grid-column:2;font-size:7px;letter-spacing:.15em;font-weight:500;opacity:.6}.walking-hint{position:absolute;bottom:27px;left:50%;transform:translateX(-50%);text-align:center;font-size:11px;background:#fffdf2d9;border-radius:9px;padding:10px 16px;line-height:1.7;letter-spacing:.04em;white-space:nowrap}.walking-hint span{display:block;font-size:8px;color:#647c71}#jump{position:absolute;right:30px;bottom:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:65px;height:65px;gap:3px;border:1px solid #fffdf4;border-radius:50%;background:#fffdf2d9;font-size:9px;pointer-events:auto;box-shadow:0 4px 12px #43604420}#jump span{font-size:24px}.flat-link{position:absolute;z-index:5;bottom:11px;right:31px;font-size:10px;color:#345e54;text-decoration:none;text-underline-offset:4px}.flat-link:hover{text-decoration:underline}
#dialogue{position:absolute;z-index:10;bottom:45px;left:50%;transform:translateX(-50%);width:min(650px,calc(100% - 40px));display:grid;grid-template-columns:100px 1fr;gap:10px;align-items:end;animation:dialogue-in .25s ease-out;pointer-events:auto}.dialogue-avatar{width:116px;height:155px}.dialogue-avatar img{width:100%;height:100%;object-fit:contain}.dialogue-body{background:#fffdf3;box-shadow:0 12px 50px #204c3e33;border:1px solid #d4dec9;border-radius:17px;padding:22px 26px 17px;min-height:154px;position:relative}.dialogue-body:before{content:'';position:absolute;left:-9px;bottom:38px;width:17px;height:17px;background:var(--cream);transform:rotate(45deg);border-left:1px solid #d4dec9;border-bottom:1px solid #d4dec9}.dialogue-body small{font-size:9px;font-weight:700;color:#ab6943;letter-spacing:.12em}.dialogue-body p{font-size:14px;line-height:1.9;min-height:52px;margin:9px 0 10px;word-break:auto-phrase}.dialogue-body button{display:block;margin-left:auto;border:0;background:none;font-size:11px;font-weight:700;padding:8px 0 0 20px}.dialogue-body button span{margin-left:14px}.talking .walking-hint,.talking #jump{opacity:0;pointer-events:none}.talking .place-label{pointer-events:none}.dialogue-body button:hover{color:#be6d3d}@keyframes dialogue-in{from{opacity:0;bottom:30px}to{opacity:1;bottom:45px}}
#toast{position:absolute;z-index:5;left:50%;top:20%;transform:translateX(-50%);max-width:calc(100% - 40px);background:#fffdf2ed;border:1px solid #fff;padding:12px 22px;font-size:12px;line-height:1.8;box-shadow:0 5px 25px #56745822;border-radius:12px;pointer-events:none;text-align:center}#fallback{position:absolute;z-index:20;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;background:#f7f5e9;padding:35px;text-align:center}#fallback h2{font-size:clamp(23px,5vw,38px);margin:0}#fallback p{font-size:15px;line-height:1.9;max-width:550px;margin:10px 0 22px}.no-script{padding:40px;line-height:2;background:#f7f5e9;height:100dvh}
@media(max-width:768px){#hud{top:max(16px,env(safe-area-inset-top));left:18px;right:18px}.brand{font-size:14px;gap:8px}.brand small{font-size:6px;letter-spacing:.16em}.brand-mark{width:20px;height:28px}.tools{gap:6px}.tools button{height:38px}.tool-round{width:38px;font-size:20px}.tool-menu{padding:0 12px;font-size:10px;gap:5px}.tool-menu svg{width:15px}.tools button svg{width:18px}.intro-copy{top:11.5%}.eyebrow{font-size:8px;letter-spacing:.14em}.intro-tagline{font-size:13px;letter-spacing:.06em;margin-top:12px}.entrance-bottom{bottom:34px;width:calc(100% - 28px)}.welcome-line{font-size:11px;letter-spacing:.08em;margin-bottom:12px}.enter-btn{padding:13px 21px;min-width:231px;font-size:15px}.destination-index{margin-top:20px;border-radius:11px}.destination-index button{padding:12px 7px;flex-direction:column;text-align:center;gap:7px}.destination-index em{font-size:18px}.destination-index span{font-size:10px}.destination-index small{display:none}.destination-index b{display:none}.place-label{font-size:10px;padding:6px 9px;border-radius:7px}.place-label em{font-size:9px;margin-right:5px}.location{left:17px;bottom:29px;font-size:11px}.walking-hint{bottom:77px;font-size:10px;padding:7px 12px}.walking-hint span{display:none}.flat-link{right:19px;bottom:10px;font-size:9px}#jump{right:20px;bottom:51px;width:59px;height:59px}.dialogue-avatar{width:70px;height:110px}#dialogue{grid-template-columns:59px 1fr;gap:8px;width:calc(100% - 22px);bottom:44px}.dialogue-body{padding:18px 17px 13px;min-height:159px}.dialogue-body p{font-size:12px;line-height:1.9;margin-top:10px;min-height:68px}.dialogue-body small{font-size:8px}.dialogue-body button{font-size:10px}.dialogue-body:before{bottom:35px}#toast{top:19%;font-size:11px;width:max-content;max-width:85%;padding:10px 15px}}
@media(max-height:610px) and (min-width:769px){.intro-copy{top:5%}.entrance-bottom{bottom:18px}.destination-index{margin-top:12px}.destination-index button{padding:12px 17px}.welcome-line{display:none}.enter-btn{padding:10px 20px}}
.intro-copy{top:2.2%}
@media(max-width:768px){.intro-copy{top:11%}.tools button{height:44px}.tool-round{width:44px}.place-label{min-height:36px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}