@import "https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;600&display=swap";:root{color:#fff5e3;font-synthesis:none;background:#151b29;font-family:Noto Serif JP,serif;font-weight:400}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}button:focus-visible,canvas:focus-visible{outline-offset:-3px;outline:1px solid #ead3a9}#scene{touch-action:none;width:100%;height:100%;display:block}#loading{z-index:10;letter-spacing:.18em;background:#171e2b;flex-direction:column;justify-content:center;align-items:center;font-size:12px;transition:opacity 1.1s;display:flex;position:absolute;inset:0}#loading.ready{opacity:0;pointer-events:none}.loading-mark{color:#e6c39a;border:1px solid #e3cba743;margin-bottom:28px;padding:20px 28px;font-size:50px}.vignette{pointer-events:none;background:linear-gradient(#05091670 0%,#0000 24% 65%,#080d1670 100%);position:absolute;inset:0}.hud{z-index:2;transition:opacity .4s;position:absolute}header{pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;top:38px;left:44px;right:40px}.brand-en{letter-spacing:.48em;color:#ebd4b0;font-family:Georgia,serif;font-size:10px}h1{letter-spacing:.25em;text-shadow:0 2px 20px #0007;margin:8px 0;font-size:35px;font-weight:500}h1 span{letter-spacing:.26em;color:#ddcfbc;margin-top:8px;font-size:10px;font-weight:400;display:block}.top-actions{pointer-events:auto;align-items:center;gap:22px;display:flex}.time-label{letter-spacing:.23em;color:#e7d3b5;font-size:10px}#sound{letter-spacing:.15em;padding:9px 0;font-size:12px}#sound span{opacity:.6;margin-left:7px;font:8px sans-serif}#fullscreen{opacity:.8;font:23px sans-serif}.location{pointer-events:none;bottom:110px;left:44px}.location-index{letter-spacing:.15em;color:#ebc9a1;font:10px Georgia,serif}.location p{letter-spacing:.25em;margin:10px 0 9px;font-size:20px}.location-caption{letter-spacing:.12em;opacity:.7;font-size:10px}footer{justify-content:space-between;align-items:center;gap:20px;display:flex;bottom:30px;left:44px;right:40px}.instructions{letter-spacing:.07em;color:#ddd9d1;pointer-events:none;align-items:center;gap:13px;font-family:system-ui,sans-serif;font-size:10px;display:flex}.instructions b{color:#ffecd0;font-weight:400}.instructions i{opacity:.4;margin:0 10px;font-style:normal}.dot{background:#e6bb83;border-radius:50%;width:4px;height:4px;box-shadow:0 0 8px #ffc66a}.bottom-actions{align-items:center;gap:23px;display:flex}#reset{white-space:nowrap;font-size:17px}#reset span{letter-spacing:.1em;margin-left:7px;font-size:10px}#help{border:1px solid #ffebca55;border-radius:50%;width:24px;height:24px;font-family:Georgia,serif;font-size:12px}#help-panel{z-index:3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#e6d8c1;background:#141c29ed;border:1px solid #e5cfac33;max-width:340px;padding:24px;font:12px/1.9 system-ui,sans-serif;position:absolute;bottom:80px;right:40px}#help-panel h2{font-family:Noto Serif JP,serif;font-size:17px;font-weight:400}#toast{opacity:0;pointer-events:none;background:#111a2adb;border:1px solid #eacda644;padding:10px 18px;font-size:12px;transition:opacity .3s;position:absolute;bottom:80px;left:50%;transform:translate(-50%)}#toast.visible{opacity:1}.hide-hud .hud,.hide-hud .vignette{opacity:0;pointer-events:none}.hide-hud #help-panel{display:none}@media (width<=650px){header{top:24px;left:24px;right:24px}h1{font-size:29px}.time-label{display:none}.top-actions{gap:18px}.location{bottom:118px;left:24px}footer{align-items:flex-end;bottom:25px;left:24px;right:24px}.instructions{max-width:170px;font-size:9px;line-height:1.9}.instructions i{margin:0 3px}.dot{display:none}.bottom-actions{gap:14px}#reset span{font-size:9px}#help-panel{max-width:none;bottom:85px;left:24px;right:24px}}.touch-guide{display:none}@media (pointer:coarse){.mouse-guide{display:none}.touch-guide{display:inline}#sound,#fullscreen,#reset{min-height:44px}#help{position:relative}#help:before{content:"";position:absolute;inset:-10px}}