@font-face{font-family:Shippori Mincho;src:url(../fonts/shippori-mincho.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Zen Kaku Gothic New;src:url(../fonts/zen-kaku.woff2)format("woff2");font-weight:400;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#091b20;--surface:#102a30;--ink:#f1e9d7;--muted:#b8ccc7;--aqua:#8ddfd2;--brass:#d2ac70;--line:#466467;font-synthesis:none;color:var(--ink);background:var(--bg);font-family:Zen Kaku Gothic New,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit;cursor:pointer;color:inherit;touch-action:manipulation;background:0 0;border:0;min-height:48px}button:active{transform:scale(.97)}button:focus-visible,canvas:focus-visible{outline:2px solid var(--aqua);outline-offset:4px}button:disabled{opacity:.65;cursor:wait}button,dialog{transition:opacity .24s ease-out,transform 90ms ease-out}h1,h2,h3,p{margin:0;font-weight:400}h1,h2,h3{font-family:Shippori Mincho,serif}p{line-break:strict;font-size:16px;line-height:1.8}svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}b{font-weight:400}[hidden]{display:none!important}#experience,#world{width:100%;height:100dvh;position:fixed;inset:0}#world{touch-action:none;outline-offset:-4px;display:block}.scrim{pointer-events:none;background:linear-gradient(#051318c7,#0000 24% 60%,#051318cc);position:absolute;inset:0}.header{left:max(32px,env(safe-area-inset-left));right:max(32px,env(safe-area-inset-right));top:max(24px,env(safe-area-inset-top));pointer-events:none;justify-content:space-between;align-items:center;gap:16px;display:flex;position:absolute}.header>*{pointer-events:auto}.brand{align-items:center;gap:12px;display:flex}.brand-mark{color:var(--aqua);font-family:serif;font-size:48px;line-height:1}.brand>div{gap:4px;display:grid}.eyebrow{letter-spacing:.18em;color:var(--muted);font-size:12px;line-height:1.5}.brand-name{letter-spacing:.14em;font-family:Shippori Mincho,serif;font-size:20px}.header-note{letter-spacing:.18em;color:var(--muted);font-size:12px}nav{gap:8px;display:flex}.nav-button{background:#091b20d1;border-radius:4px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;display:flex}.nav-button:hover{background:#214148}.nav-button svg{width:20px;height:20px}.nav-button b{color:var(--aqua);font-variant-numeric:tabular-nums;font-size:12px}#intro{left:max(64px,env(safe-area-inset-left));text-shadow:0 2px 24px #091b20;width:420px;max-width:calc(100% - 48px);padding:24px 0;position:absolute;top:50%;transform:translateY(-40%)}#intro:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(#091b20eb,#0000 73%);position:absolute;inset:-60px -80px}.intro-tag{color:var(--aqua);letter-spacing:.25em}#intro h1{letter-spacing:.08em;margin:20px 0 24px;font-size:72px;line-height:1.35}#intro h1 span{letter-spacing:.16em;font-size:26px;display:block}.intro-copy{letter-spacing:.08em;font-family:Shippori Mincho,serif;font-size:22px;line-height:1.85}.primary{border:1px solid var(--brass);text-align:left;letter-spacing:.06em;background:#091b20e6;border-radius:2px;justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:60px;margin-top:32px;padding:16px 24px;display:flex}.primary:hover{background:#213a3d}.primary>span:last-child{color:var(--brass);font-size:24px}.loading-line{background:#466467;width:100%;height:1px}.loading-line i{background:var(--aqua);width:0;height:1px;transition:width .3s;display:block}.intro-help{color:var(--muted);margin-top:16px;font-size:13px;line-height:1.8}.fiction{color:var(--muted);margin-top:32px;font-size:12px}.mobile-only{display:none}.location{top:max(112px,calc(env(safe-area-inset-top) + 80px));letter-spacing:.08em;text-shadow:0 1px 8px #000;align-items:center;gap:8px;font-size:13px;display:flex;position:absolute;left:36px}.location-dot{background:var(--aqua);border-radius:50%;width:5px;height:5px}.crosshair{pointer-events:none;background:#fff8;border-radius:50%;width:3px;height:3px;position:absolute;top:50%;left:50%}.notice{text-align:center;pointer-events:none;white-space:nowrap;text-shadow:0 2px 8px #000;font-size:14px;position:absolute;top:28%;left:50%;transform:translate(-50%)}.notice:empty{display:none}.notice:not(:empty){background:var(--bg);border-bottom:1px solid var(--brass);padding:12px 20px}#observation{bottom:max(175px,calc(env(safe-area-inset-bottom) + 155px));text-align:center;min-width:290px;max-width:calc(100vw - 40px);position:absolute;left:50%;transform:translate(-50%)}#observation>.eyebrow{text-shadow:0 1px 8px #000;margin-bottom:8px;display:block}.observe-button{border:1px solid var(--line);background:#091b20f2;border-radius:3px;justify-content:space-between;align-items:center;gap:24px;width:100%;padding:12px 20px;display:flex}#observation-name{font-family:Shippori Mincho,serif;font-size:20px}.observe-button>span:last-child{color:var(--aqua);white-space:nowrap;font-size:13px}.bottom-controls{bottom:max(28px,env(safe-area-inset-bottom));left:max(36px,env(safe-area-inset-left));right:max(36px,env(safe-area-inset-right));pointer-events:none;justify-content:space-between;align-items:flex-end;gap:16px;display:flex;position:absolute}.bottom-controls>div{pointer-events:auto}.movement{width:155px}.keyboard-instruction{color:var(--muted);font-size:12px;line-height:1.9}kbd{font:inherit;width:23px;height:23px;color:var(--ink);background:#102a30;border:1px solid #758d87;border-radius:3px;justify-content:center;align-items:center;display:inline-flex}kbd:first-child:not(:only-child){margin-left:26px}.travel-control{text-align:center;min-width:160px}.travel-button{border:1px solid var(--line);background:#102a30e8;border-radius:2px;justify-content:center;gap:24px;width:100%;padding:12px 24px;font-size:14px;display:flex}.travel-button:hover{border-color:var(--aqua)}#travel-target{color:var(--muted);margin-top:8px;font-size:12px;display:block}.look-instruction{width:155px;color:var(--muted);justify-items:end;gap:6px;font-size:13px;display:grid}.look-instruction svg{width:32px;height:20px}#joystick{touch-action:none;-webkit-user-select:none;user-select:none;width:112px;height:112px;display:none;position:relative}.joystick-ring{background:#102a3059;border:1px solid #92b6b180;border-radius:50%;position:absolute;inset:6px}.joystick-ring:before,.joystick-ring:after{content:"";background:#adcfc463;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.joystick-ring:before{width:75px;height:1px}.joystick-ring:after{width:1px;height:75px}#stick{border:1px solid var(--aqua);background:#8ddfd226;border-radius:50%;width:40px;height:40px;position:absolute;top:36px;left:36px}.touch-instruction{color:var(--muted);text-align:center;font-size:12px;display:none}#fade{background:var(--bg);opacity:0;pointer-events:none;transition:opacity .16s;position:absolute;inset:0}#fade.active{opacity:1}dialog{border:1px solid var(--line);border-top:2px solid var(--brass);background:var(--bg);width:560px;max-width:calc(100% - 32px);max-height:calc(100dvh - 48px);color:var(--ink);border-radius:4px;margin:auto;padding:24px 32px 32px;overflow:auto;box-shadow:0 24px 100px #0007}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#031318a8}.panel-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.close-button{border:1px solid var(--line);border-radius:50%;width:48px;min-width:48px;font-family:serif;font-size:30px}.close-button:hover{background:var(--surface)}dialog h2{letter-spacing:.08em;margin:8px 0 24px;font-size:32px;line-height:1.4}dialog h3{margin:24px 0 12px;font-size:20px;line-height:1.5}.panel-desc{color:var(--muted);margin-bottom:24px;font-size:14px}.exhibit-fact{border-top:1px solid var(--line);padding:20px 0}.exhibit-fact span{color:var(--aqua);letter-spacing:.12em;margin-bottom:8px;font-size:12px;display:block}.exhibit-fact p{font-size:16px}.stamp{color:var(--aqua);border:1px solid #6a826f;gap:8px;margin:12px 0;padding:8px 12px;font-size:13px;display:inline-flex;transform:rotate(-3deg)}.map-plan{background:var(--surface);border:1px solid var(--line);width:100%;height:252px;margin:20px 0;position:relative;overflow:hidden}.map-plan:before{content:"";border:1px dashed #6f8985;position:absolute;inset:25% 25% 15%}.map-plan .map-label{color:var(--muted);font-size:12px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.map-pin{border:1px solid var(--line);background:var(--bg);min-width:48px;min-height:48px;color:var(--ink);border-radius:50%;font-size:14px;position:absolute;transform:translate(-50%,-50%)}.map-pin:active{transform:translate(-50%,-50%)scale(.97)}.map-pin[data-current=true]{border:2px solid var(--aqua)}.map-pin.seen{color:var(--aqua)}.map-you{background:var(--brass);pointer-events:none;border-radius:50%;width:7px;height:7px;position:absolute;transform:translate(-50%,-50%)}.place-list{gap:0;display:grid}.place-row{border-bottom:1px solid var(--line);text-align:left;align-items:center;gap:16px;width:100%;min-height:68px;padding:12px 0;display:flex}.place-row:hover{background:var(--surface)}.place-row>.number{color:var(--brass);font-family:Shippori Mincho,serif;font-size:16px}.place-row>span:nth-child(2){flex:1}.place-row small{color:var(--muted);margin-top:4px;font-size:12px;display:block}.place-row .status{color:var(--aqua);font-size:12px}.setting-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding:16px 0;display:flex}.setting-row span{font-size:16px}.setting-row small{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.6;display:block}.toggle{border:1px solid var(--line);border-radius:4px;min-width:72px;font-size:14px}.toggle[aria-pressed=true]{color:var(--aqua);border-color:var(--aqua)}.help-text{color:var(--muted);font-size:14px;line-height:1.9}.credit{color:var(--muted);border-top:1px solid var(--line);margin-top:24px;padding-top:16px;font-size:12px}.error-panel{padding:max(24px,env(safe-area-inset-top));background:var(--bg);z-index:30;flex-direction:column;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0}.error-panel>*{width:100%;max-width:500px;margin-left:auto;margin-right:auto}.error-panel h1{margin-top:24px;margin-bottom:24px;font-size:28px}.error-panel p{color:var(--muted)}#intro{isolation:isolate}@media (pointer:coarse){#joystick,.touch-instruction{display:block}.keyboard-instruction{display:none}.movement{width:112px}}@media (width<=650px){.header{left:20px;right:20px;top:max(16px,env(safe-area-inset-top));gap:8px}.brand{gap:8px}.brand-mark{font-size:36px}.brand .eyebrow{letter-spacing:.1em;font-size:9px}.brand-name{font-size:16px}.header-note{letter-spacing:.05em;font-size:11px}nav{gap:4px}.nav-button{background:#091b20cc;justify-items:center;gap:2px;min-width:48px;padding:8px;display:grid}.nav-button svg{width:18px;height:18px}.nav-button span{white-space:nowrap;font-size:11px}.nav-button b{display:none}.brand-name{white-space:nowrap}#intro{top:auto;left:28px;bottom:max(36px,env(safe-area-inset-bottom));width:320px;padding:0;transform:none}#intro:before{inset:-40px -60px}#intro h1{margin:16px 0 20px;font-size:52px}#intro h1 span{font-size:21px}.intro-copy{font-size:20px}.primary{min-height:56px;margin-top:24px;padding:14px 20px}.intro-help{margin-top:12px;font-size:12px}.fiction{margin-top:20px;font-size:11px}.intro-tag{font-size:10px}.mobile-only{display:block}.location{top:max(100px,calc(env(safe-area-inset-top) + 80px));font-size:12px;left:24px}.bottom-controls{left:24px;right:24px;bottom:max(20px,env(safe-area-inset-bottom));align-items:flex-end;gap:8px}.movement{width:94px}#joystick{width:94px;height:94px}#stick{top:27px;left:27px}.travel-control{min-width:138px;max-width:156px;margin-bottom:2px}.travel-button{gap:14px;padding:10px 12px;font-size:13px}#travel-target{font-size:11px}.look-instruction{text-align:center;justify-items:center;width:64px;padding-bottom:24px;font-size:11px;line-height:1.7}.touch-instruction{font-size:11px}.look-instruction svg{width:24px}#observation{bottom:max(167px,calc(env(safe-area-inset-bottom) + 147px));min-width:280px}.observe-button{gap:16px;padding:12px 16px}#observation-name{font-size:18px}dialog{max-height:calc(100dvh - 32px);padding:16px 24px 24px}dialog h2{margin:8px 0 20px;font-size:27px}.panel-desc{font-size:13px}.map-plan{height:216px}.map-pin{min-width:44px;min-height:44px}.place-row{min-height:62px}.notice{white-space:normal;width:max-content;max-width:90vw;font-size:12px;top:23%}.crosshair{display:none}}@media (height<=500px) and (width>=600px){.header{top:12px}.header-note{font-size:11px}#intro{width:320px;top:auto;bottom:22px;left:48px;transform:none}#intro h1{margin:8px 0;font-size:42px}#intro h1 span{font-size:17px}.intro-copy{font-size:16px;line-height:1.5}.intro-copy br,.intro-tag,.intro-help,.fiction{display:none}.primary{min-height:48px;margin-top:16px;padding:8px 16px}.location{top:85px}.bottom-controls{bottom:16px}.look-instruction{font-size:12px}.touch-instruction{display:none}#joystick{width:86px;height:86px}#stick{top:23px;left:23px}.movement{width:86px}#observation{bottom:102px}.notice{top:30%}dialog{max-height:calc(100dvh - 24px)}.map-plan{height:200px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}