:root{--bg:#f4f1ec;--fg:#1d1b18;--accent:#b08d63;--panel:#1d1b18db;--panel-fg:#f4f1ec;--font-ui:"Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", system-ui, sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--fg);font-family:var(--font-ui);-webkit-text-size-adjust:100%;touch-action:none;overscroll-behavior:none;margin:0;padding:0;overflow:hidden}#app{width:100%;height:100%;height:100dvh;position:fixed;top:0;left:0}#app canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}body.is-dragging,body.is-dragging #app canvas{cursor:grabbing}#ui{width:100%;height:100%;pointer-events:none;height:100dvh;position:fixed;top:0;left:0}.fatal{text-align:center;background:var(--bg);color:var(--fg);place-items:center;padding:2rem;font-size:1.1rem;display:grid;position:fixed;inset:0}.is-hidden{display:none!important}.btn{pointer-events:auto;appearance:none;color:var(--fg);font:inherit;cursor:pointer;background:#f4f1eceb;border:1px solid #1d1b1840;border-radius:999px;padding:.6rem 1.4rem;font-size:.95rem;transition:background .15s,transform .15s}.btn:hover{background:#fff}.btn:active{transform:scale(.97)}.btn--primary{background:var(--fg);color:var(--panel-fg);border-color:var(--fg);min-width:10rem}.btn--primary:hover{background:#3a3632}.btn--icon{place-items:center;width:2.75rem;height:2.75rem;padding:0;font-weight:600;display:grid}.topbar{top:max(.75rem, env(safe-area-inset-top));right:max(.75rem, env(safe-area-inset-right));gap:.5rem;transition:opacity .2s;display:flex;position:absolute}.loading{background:var(--bg);pointer-events:auto;place-items:center;transition:opacity .4s;display:grid;position:absolute;inset:0}.loading.is-hidden{opacity:0;pointer-events:none;display:grid!important}.loading__inner{text-align:center;width:min(24rem,80vw)}.loading__eyebrow,.panel__eyebrow{letter-spacing:.2em;text-transform:uppercase;color:#1d1b1899;margin:0 0 .4rem;font-size:.75rem}.loading__title{letter-spacing:.1em;margin:0 0 1.5rem;font-size:1.8rem;font-weight:500}.loading__track{background:#1d1b1826;height:2px;overflow:hidden}.loading__bar{background:var(--fg);width:0;height:100%;transition:width .3s}.loading__status{color:#1d1b18b3;margin:.8rem 0 0;font-size:.85rem}.overlay{padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));-webkit-backdrop-filter:blur(4px);pointer-events:auto;background:#1d1b1859;place-items:center;display:grid;position:absolute;inset:0}.panel{width:min(28rem,100%);max-height:100%;color:var(--fg);background:#f4f1ecf7;border-radius:1rem;padding:1.75rem 1.75rem 1.5rem;overflow:auto;box-shadow:0 20px 60px #00000040}.panel__title{margin:0 0 1rem;font-size:1.4rem;font-weight:500}.help__rows{grid-template-columns:auto 1fr;gap:.5rem 1rem;margin:0 0 1rem;font-size:.95rem;display:grid}.help__rows dt{white-space:nowrap;font-weight:600}.help__rows dd{color:#1d1b18cc;margin:0}.help__note{color:#1d1b18b3;margin:0 0 1.25rem;font-size:.85rem;line-height:1.6}.help__panel .btn--primary{margin:0 auto;display:block}.touch-controls{pointer-events:none;position:absolute;inset:0}.touch-controls__hint{bottom:max(.75rem, env(safe-area-inset-bottom));letter-spacing:.15em;color:#1d1b1873;font-size:.7rem;position:absolute}.touch-controls__hint--left{left:1.25rem}.touch-controls__hint--right{right:1.25rem}.stick{will-change:transform;background:#1d1b1840;border:2px solid #f4f1eccc;border-radius:50%;position:absolute;top:0;left:0}.stick__knob{will-change:transform;background:#f4f1ece6;border-radius:50%;width:44%;height:44%;margin:-22% 0 0 -22%;position:absolute;top:50%;left:50%}body.is-touch .btn{padding:.8rem 1.6rem;font-size:1.05rem}.hud{left:0;right:0;bottom:max(1.25rem, env(safe-area-inset-bottom));pointer-events:none;flex-direction:column;align-items:center;gap:.6rem;display:flex;position:absolute}.hud__near{flex-direction:column;align-items:center;gap:.5rem;display:flex}.hud__label{background:var(--panel);color:var(--panel-fg);letter-spacing:.05em;border-radius:999px;padding:.3rem .9rem;font-size:.85rem}.hud__hint{box-shadow:0 10px 30px #00000040}.hud__hint.is-open{background:var(--accent);border-color:var(--accent)}.hud__prompt{color:#1d1b18bf;background:#f4f1ecd9;border-radius:999px;padding:.4rem 1rem;font-size:.8rem}body.is-touch .hud{bottom:max(2.5rem, calc(env(safe-area-inset-bottom) + 2rem))}body.is-touch .hud__hint{min-width:12rem;padding:1rem 1.6rem;font-size:1.1rem}.hint-panel{top:max(.75rem, env(safe-area-inset-top));left:max(.75rem, env(safe-area-inset-left));background:var(--panel);width:min(22rem,100vw - 1.5rem);max-height:min(26rem,100dvh - 8rem);color:var(--panel-fg);pointer-events:auto;border-radius:1rem;flex-direction:column;padding:1.1rem 1.25rem 1rem;animation:.3s hint-in;display:flex;position:fixed;overflow:hidden;box-shadow:0 20px 50px #0000004d}@keyframes hint-in{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:none}}@keyframes hint-top-in{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}.hint-panel__body>:first-child{margin-top:0}.hint-panel__body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;overflow:auto}.hint-panel__body:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(#1d1b1800,#1d1b18d9);height:1.75rem;margin-top:-1.75rem;transition:opacity .2s;display:block;position:sticky;bottom:0}.hint-panel.has-more .hint-panel__body:after{opacity:1}.hint-panel__head{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.hint-panel__heading{min-width:0}.hint-panel .panel__eyebrow{color:#f4f1ec99;margin:0}.hint-panel__close{width:2.2rem;height:2.2rem;color:var(--panel-fg);background:#f4f1ec1f;border-color:#f4f1ec40}.hint-panel__close:hover{background:#f4f1ec40}.hint-panel__title{margin:.3rem 0 .8rem;font-size:1.25rem}.hint-panel__sub{letter-spacing:.15em;color:var(--accent);margin:.6rem 0 .2rem;font-size:.75rem;font-weight:600}.hint-panel__look,.hint-panel__text{margin:0;font-size:.9rem;line-height:1.7}.hint-panel__track{background:#f4f1ec33;height:2px;margin-top:1rem}.hint-panel__bar{background:var(--accent);width:0;height:100%;transition:width .1s linear}@media (orientation:portrait){body.is-touch .hint-panel{left:max(.6rem, env(safe-area-inset-left));right:max(.6rem, env(safe-area-inset-right));width:auto;max-height:clamp(8.5rem,17dvh,10rem);padding:.7rem .9rem .6rem;animation:.25s hint-top-in}body.is-touch .hint-panel .panel__eyebrow{display:none}body.is-touch .hint-panel__head{align-items:center}body.is-touch .hint-panel__close{width:1.9rem;height:1.9rem}body.is-touch .hint-panel__title{margin:0;font-size:1.05rem}body.is-touch .hint-panel__body{margin-top:.5rem}body.is-touch .hint-panel__sub{margin:.5rem 0 .15rem}body.is-touch .hint-panel__track{margin-top:.6rem}body.is-touch .hint-panel__body:after{height:1.25rem;margin-top:-1.25rem}body.is-touch .topbar.is-hint-open{opacity:0;visibility:hidden}body.is-touch .hint-panel__look,body.is-touch .hint-panel__text{font-size:.95rem;line-height:1.6}body.is-touch .hud.is-hint-open .hud__label{display:none}}.list__panel{width:min(32rem,100%)}.list__head{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.list__room{letter-spacing:.15em;color:var(--accent);margin:1rem 0 .4rem;font-size:.8rem}.list__items{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.list__item{pointer-events:auto;width:100%;color:var(--fg);font:inherit;text-align:left;cursor:pointer;background:#fff9;border:1px solid #1d1b181f;border-radius:.6rem;grid-template-rows:auto auto;grid-template-columns:2.6rem 1fr;column-gap:.6rem;padding:.55rem .8rem;transition:background .15s;display:grid}.list__item:hover{background:#fff}.list__num{color:var(--accent);grid-row:1/span 2;align-self:center;font-weight:700}.list__title{font-weight:600}.list__sub{color:#1d1b18a6;font-size:.8rem}body.is-touch .list__item{padding:.85rem 1rem}.credits__panel{width:min(34rem,100%)}.credits__note{color:#1d1b18bf;margin:.5rem 0 1rem;font-size:.85rem;line-height:1.6}.credits__list{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.credits__item{background:#fff9;border:1px solid #1d1b181f;border-radius:.6rem;padding:.6rem .8rem}.credits__head{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.credits__name{pointer-events:auto;color:var(--fg);font-weight:600}.credits__kind{color:var(--accent);letter-spacing:.1em;font-size:.75rem}.credits__meta,.credits__usage{color:#1d1b18b3;font-size:.8rem}.help__links{justify-content:center;gap:1rem;margin-top:1rem;display:flex}.link{pointer-events:auto;appearance:none;font:inherit;color:#1d1b18b3;cursor:pointer;background:0 0;border:0;padding:0;font-size:.85rem;text-decoration:underline}.stats{left:max(.75rem, env(safe-area-inset-left));bottom:max(.75rem, env(safe-area-inset-bottom));color:#dfe;pointer-events:none;background:#1d1b18bf;border-radius:.4rem;margin:0;padding:.4rem .6rem;font:11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute}