:root{--night: #142033;--wall: #2a3d5c;--wall-deep: #1c2a42;--moon: #b7d4ea;--lantern: #e6b15c;--washi: #efe3cc;--washi-edge: #d8c6a2;--seal: #c4543c;--brass: #c9a45a;--wood: #6b5a38;--wood-dark: #3d3120;--ink: #221c16;--mist: #8ea3bc;--safe: env(safe-area-inset-bottom, 0px);color:var(--washi);font-family:Zen Kaku Gothic New,Hiragino Sans,sans-serif;background:var(--night)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(120% 80% at 80% -10%,#2b4164 0%,transparent 46%),radial-gradient(90% 70% at 0% 100%,#0e1726 0%,transparent 50%),var(--night)}body{min-height:100dvh}#app{min-height:100dvh;min-height:100svh;display:flex;flex-direction:column;max-width:460px;margin:0 auto;padding:calc(10px + env(safe-area-inset-top,0px)) 12px calc(12px + var(--safe))}button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer}button:focus-visible{outline:2px solid var(--lantern);outline-offset:3px}.top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.brand{display:flex;flex-direction:column;gap:2px;min-width:0}.eyebrow{margin:0;font-size:.68rem;letter-spacing:.18em;color:var(--mist)}.brand h1{margin:0;font-family:Kaisei Tokumin,Hiragino Mincho ProN,serif;font-size:1.35rem;font-weight:700;letter-spacing:.08em}.tools{display:flex;gap:6px}.ghost{min-width:48px;min-height:44px;padding:0 10px;border:1px solid rgba(231,227,204,.22);border-radius:999px;background:#1420338c;color:var(--washi);font-size:.78rem}.ghost.is-armed{border-color:var(--lantern);color:var(--lantern)}.slip{position:relative;margin:0 0 10px;padding:10px 12px 11px;min-height:3.2rem;background:var(--washi);color:var(--ink);border-radius:2px 10px 3px 8px;box-shadow:0 10px 24px #00000047,inset 0 0 0 1px var(--washi-edge);font-size:.92rem;line-height:1.55}.slip:before{content:"";position:absolute;top:8px;right:10px;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#e07a6a,var(--seal));box-shadow:0 1px #221c1640;opacity:.92}.stage{position:relative;flex:1 1 auto;min-height:280px}.art{display:block;width:100%;height:100%}.hit{position:absolute;z-index:3;min-width:44px;min-height:44px;border-radius:8px;background:transparent;cursor:pointer}.hit:hover,.hit:focus-visible{box-shadow:inset 0 0 0 2px #e6b15cb3}.hit-window{left:7%;top:10%;width:24%;height:26%}.hit-clock{left:41%;top:10%;width:14%;height:18%}.hit-wall{left:56%;top:14%;width:22%;height:20%}.hit-plant{left:10%;top:58%;width:16%;height:28%}.hit-desk{left:30%;top:58%;width:42%;height:10%}.hit-drawer{left:32%;top:66%;width:38%;height:16%}.hit-closet{left:0;top:30%;width:14%;height:48%}.hit-switch{left:76%;top:46%;width:10%;height:14%}.hit-door{left:84%;top:28%;width:16%;height:52%}.hit-shelf{left:12%;top:12%;width:76%;height:28%}.hit-coat{left:20%;top:44%;width:32%;height:36%}.hit-boxes{left:58%;top:50%;width:26%;height:30%}.scene{position:relative;overflow:hidden;height:min(58dvh,460px);border-radius:18px 18px 10px 10px;background:linear-gradient(180deg,#3a5278 0%,var(--wall) 42%,#24344f 100%);box-shadow:inset 0 0 0 2px #c9a45a2e,0 16px 40px #00000059}.scene.is-dark{background:linear-gradient(180deg,#0b1018,#101828,#070b12)}.scene.is-dark .moonbeam{opacity:.95}.scene.is-dark .lamp-glow{opacity:0}.scene.is-dark .plant-leaf,.scene.is-dark .desk-top,.scene.is-dark .drawer-face,.scene.is-dark .door,.scene.is-dark .closet-door,.scene.is-dark .floor{filter:brightness(.38) saturate(.7)}.scene.is-dark:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#060a1275;pointer-events:none;z-index:1}.moonbeam{position:absolute;top:0;left:14%;width:28%;height:100%;background:linear-gradient(180deg,rgba(183,212,234,.42),transparent 70%);clip-path:polygon(18% 0,82% 0,100% 100%,0 100%);opacity:.22;pointer-events:none}.floor{position:absolute;left:0;right:0;bottom:0;height:28%;background:repeating-linear-gradient(90deg,#5a4a2e 0,#5a4a2e 18px,#4d3f26 18px,#4d3f26 19px,#6a5834 19px,#6a5834 36px);box-shadow:inset 0 12px 20px #00000040}.baseboard{position:absolute;left:0;right:0;bottom:27%;height:8px;background:var(--wood-dark)}.window{position:absolute;top:10%;left:12%;width:26%;height:24%;border:0;background:linear-gradient(180deg,#7f9bb8,#c9dcea);box-shadow:inset 0 0 0 4px #2b2116,0 0 24px #b7d4ea59}.window:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#2b2116,#2b2116) 50% 0 / 3px 100% no-repeat,linear-gradient(#2b2116,#2b2116) 0 50% / 100% 3px no-repeat}.moon{position:absolute;top:14%;left:18%;width:22px;height:22px;border-radius:50%;background:#f4f0df;box-shadow:0 0 16px #f4f0df;pointer-events:none}.clock{position:absolute;top:11%;left:46%;width:44px;height:44px;border-radius:50%;background:#efe6d2;color:#2a2118;box-shadow:inset 0 0 0 3px #2b2116,0 4px #1a140e;font-family:Share Tech Mono,ui-monospace,monospace;font-size:.62rem}.caption{position:absolute;left:50%;bottom:6px;transform:translate(-50%);padding:1px 6px;border-radius:999px;background:#0e14208c;color:#efe3cc;font-size:.62rem;letter-spacing:.08em;pointer-events:none;white-space:nowrap}.wall-ink{position:absolute;top:16%;right:24%;border:0;padding:12px 14px;min-width:72px;min-height:56px;color:transparent;font-family:Kaisei Tokumin,serif;font-size:1.05rem;letter-spacing:.12em}.scene.is-dark .wall-ink{color:#c9c4b047}.scene.is-dark.has-beam .wall-ink{color:#d8d2bc;text-shadow:0 0 10px rgba(183,212,234,.45)}.plant{position:absolute;left:6%;bottom:18%;width:64px;height:88px;border:0}.plant-leaf,.plant-pot{position:absolute;pointer-events:none}.plant-leaf{left:14px;top:0;width:36px;height:48px;background:#3f7a55;border-radius:40% 60% 45% 55%;box-shadow:-16px 10px 0 -6px #2f6144,14px 12px 0 -8px #4c8b62}.plant-pot{left:16px;bottom:0;width:32px;height:28px;background:#b85b46;clip-path:polygon(8% 0,92% 0,82% 100%,18% 100%)}.desk{position:absolute;left:28%;bottom:16%;width:42%;height:26%;border:0;background:transparent}.desk-top,.drawer-face{position:absolute;pointer-events:none}.desk-top{left:0;right:0;top:0;height:38%;background:#8a7046;border-radius:3px;box-shadow:0 4px #3d3120}.lamp{position:absolute;top:-28px;right:12%;width:18px;height:34px;background:#2b2116;pointer-events:none}.lamp:after{content:"";position:absolute;top:-10px;left:-8px;width:34px;height:16px;background:var(--lantern);clip-path:polygon(10% 100%,90% 100%,100% 0,0 0)}.lamp-glow{position:absolute;top:-8px;right:2%;width:70px;height:50px;background:radial-gradient(circle,rgba(230,177,92,.45),transparent 70%);pointer-events:none}.drawer{position:absolute;left:18%;top:46%;width:64%;height:48%;min-height:48px;border:0;background:transparent}.drawer-face{top:0;right:0;bottom:0;left:0;background:#6e5734;border:2px solid #3d3120}.drawer-face:after{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;border-radius:50%;background:var(--brass);transform:translate(-50%,-50%)}.closet-door{position:absolute;left:0;top:22%;width:16%;min-width:52px;height:56%;background:#4a3b28;box-shadow:inset -6px 0 #2b2116}.closet-door:after{content:"";position:absolute;right:6px;top:46%;width:6px;height:6px;border-radius:50%;background:var(--brass)}.door{position:absolute;right:3%;top:20%;width:18%;height:58%;background:linear-gradient(90deg,#5a4630,#3f3222);box-shadow:inset 0 0 0 3px #2b2116}.door:after{content:"";position:absolute;left:8px;top:46%;width:8px;height:8px;border-radius:50%;background:var(--brass)}.switch{position:absolute;right:22%;top:36%;width:44px;height:44px;background:#d8cfb8;box-shadow:inset 0 0 0 2px #2b2116}.switch:after{content:"";position:absolute;left:6px;top:6px;width:10px;height:14px;background:#eee8d6;box-shadow:0 1px #2b2116}.hot{z-index:2;box-shadow:inset 0 0 0 1px #efe3cc47}.hot:hover,.hot:focus-visible{box-shadow:inset 0 0 0 2px var(--lantern)}.closet-scene{background:linear-gradient(180deg,#2a241c,#1a1612 70%)}.closet-scene .floor{background:repeating-linear-gradient(90deg,#3a3226 0,#3a3226 20px,#2c261c 20px,#2c261c 21px)}.shelf{position:absolute;left:18%;top:16%;width:64%;height:22%;background:#5a4a34;box-shadow:0 8px #2b2116}.shelf:after{content:"";position:absolute;left:12%;bottom:18%;width:28%;height:42%;background:#8a8f6c;box-shadow:18px 4px #6d7354}.coat{position:absolute;left:22%;top:42%;width:28%;height:36%;background:#6b3030;border-radius:40% 40% 8% 8%/18% 18% 8% 8%;box-shadow:inset 0 16px #4a2020}.boxes{position:absolute;right:14%;bottom:18%;width:30%;height:22%;background:#8a7046;box-shadow:12px -16px #6e5734}.back-fab{position:absolute;left:10px;top:10px;z-index:3;min-height:44px;padding:0 14px;border-radius:999px;background:#efe3cceb;color:var(--ink)}.inv{margin-top:10px;padding:8px;border-radius:14px;background:#0c121cb8;border:1px solid rgba(231,227,204,.12)}.inv-label{margin:0 4px 6px;font-size:.7rem;letter-spacing:.16em;color:var(--mist)}.inv-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;min-height:64px}.item{flex:0 0 auto;min-width:72px;min-height:58px;padding:6px 8px;border-radius:10px;background:#efe3cc;color:var(--ink);font-size:.78rem;line-height:1.25;box-shadow:inset 0 0 0 1px #d8c6a2}.item.is-on{box-shadow:inset 0 0 0 2px var(--seal);background:#f6ead0}.item-empty{margin:0;align-self:center;color:var(--mist);font-size:.82rem;padding:0 6px}.toast{position:fixed;left:50%;bottom:calc(88px + var(--safe));transform:translate(-50%) translateY(8px);margin:0;padding:10px 18px;border-radius:999px;background:var(--seal);color:#fff8f2;font-weight:700;letter-spacing:.14em;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:20}.toast.is-on{opacity:1;transform:translate(-50%) translateY(0)}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;display:grid;place-items:end center;background:#0a0e168c}.sheet[hidden]{display:none}.sheet-panel{width:min(100%,460px);padding:16px 16px calc(18px + var(--safe));background:#efe3cc;color:var(--ink);border-radius:18px 18px 0 0}.sheet-panel h2{margin:0 0 10px;font-family:Kaisei Tokumin,serif;font-size:1.15rem}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.digits{grid-column:1 / -1;min-height:48px;display:grid;place-items:center;font-family:Share Tech Mono,ui-monospace,monospace;font-size:1.6rem;letter-spacing:.35em;background:#221c16;color:#efe3cc;border-radius:10px}.key{min-height:52px;border-radius:12px;background:#2a3d5c;color:#efe3cc;font-size:1.15rem}.key.is-ok{background:#3f7a55}.key.is-clear{background:#6b5a38}.title,.ending{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;padding:22px 18px 20px;background:linear-gradient(180deg,transparent 18%,rgba(14,20,32,.88) 62%)}.title h2,.ending h2{margin:0 0 8px;font-family:Kaisei Tokumin,serif;font-size:2rem;letter-spacing:.12em}.title p,.ending p{margin:0 0 16px;color:var(--moon);line-height:1.6}.play{min-height:52px;border-radius:999px;background:var(--lantern);color:#2a2118;font-weight:700;letter-spacing:.14em}.meta{margin:10px 0 0;font-size:.82rem;color:var(--mist)}@media(prefers-reduced-motion:reduce){.toast{transition:none}}