:root{--ink:#0b1233;--moon:#ffd98a;--ice:#b8e0e0;--sakura:#ffb7d5;--amber:#ff9a3c}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#root{background:var(--ink);color:#fff;width:100%;height:100%;font-family:Hiragino Sans,Yu Gothic,Noto Sans JP,sans-serif;overflow:hidden}canvas{display:block}#canvasWrap{z-index:0;position:fixed;inset:0}#intro{z-index:30;text-align:center;background:radial-gradient(at 50% 30%,#1a2450 0%,#0b1233 60%,#060a1e 100%);flex-direction:column;justify-content:center;align-items:center;padding:24px;transition:opacity 1.2s;display:flex;position:fixed;inset:0}#intro.hide{opacity:0;pointer-events:none}#intro .moonIcon{background:radial-gradient(circle at 35% 35%, #fff3d0, var(--moon) 60%, #e8a94f);border-radius:50%;width:84px;height:84px;margin-bottom:28px;box-shadow:0 0 60px 20px #ffd98a59}#intro h1{letter-spacing:.35em;text-indent:.35em;margin-bottom:10px;font-family:Hiragino Mincho ProN,Yu Mincho,serif;font-size:clamp(28px,7vw,44px);font-weight:600}#intro .en{letter-spacing:.5em;color:var(--ice);opacity:.8;margin-bottom:26px;font-size:11px}#intro p{color:#cfd6ee;max-width:340px;margin-bottom:30px;font-size:13px;line-height:2}#startBtn{border:1px solid var(--moon);color:var(--moon);letter-spacing:.4em;text-indent:.4em;cursor:pointer;background:0 0;border-radius:999px;padding:13px 46px;font-size:15px;transition:all .3s}#startBtn:active,#startBtn:hover{background:var(--moon);color:#0b1233}#intro .ctl{color:#8b93b8;margin-top:26px;font-size:11px;line-height:1.9}.hud{z-index:20;pointer-events:none;opacity:0;transition:opacity 1s;position:fixed}body.playing .hud{opacity:1}#timeBadge{top:calc(env(safe-area-inset-top,0px) + 14px);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);letter-spacing:.15em;background:#060a1e8c;border:1px solid #b8e0e040;border-radius:999px;padding:7px 16px;font-size:12px;left:16px}#memBadge{top:calc(env(safe-area-inset-top,0px) + 14px);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);letter-spacing:.1em;color:var(--moon);background:#060a1e8c;border:1px solid #ffd98a4d;border-radius:999px;padding:7px 16px;font-size:12px;right:16px}#msg{text-align:center;letter-spacing:.12em;text-shadow:0 2px 18px #000000d9,0 0 40px #0b1233e6;width:min(88vw,520px);font-family:Hiragino Mincho ProN,Yu Mincho,serif;font-size:clamp(15px,4.2vw,20px);line-height:2;transition:opacity 1.4s;bottom:22%;left:50%;transform:translate(-50%);opacity:0!important}body.playing #msg.show{opacity:1!important}#msg .from{color:var(--ice);letter-spacing:.3em;margin-top:8px;font-size:11px;display:block}#hint{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 18px);color:#ffffff8c;letter-spacing:.2em;white-space:nowrap;font-size:11px;transform:translate(-50%)}#journalBtn{z-index:21;right:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 20px);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:56px;height:56px;color:var(--moon);cursor:pointer;background:#060a1eb3;border:1px solid #ffd98a80;border-radius:50%;font-size:24px;display:none;position:fixed;box-shadow:0 0 22px #ffd98a33}body.playing #journalBtn{display:block}#shrinePrompt{z-index:21;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 90px);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--moon);color:var(--moon);letter-spacing:.1em;cursor:pointer;background:#060a1ebf;border-radius:999px;padding:11px 22px;font-size:13px;display:none;position:fixed;transform:translate(-50%)}#panelWrap{z-index:25;background:#04071473;justify-content:center;align-items:flex-end;display:none;position:fixed;inset:0}#panelWrap.open{display:flex}#panel{background:linear-gradient(#141c3f,#0c1230);border:1px solid #b8e0e040;border-radius:22px 22px 0 0;flex-direction:column;width:min(100vw,560px);max-height:86vh;display:flex;box-shadow:0 -10px 60px #0009}.pHead{border-bottom:1px solid #ffffff14;align-items:center;gap:10px;padding:16px 18px 12px;display:flex}.pHead .t{letter-spacing:.2em;font-family:Hiragino Mincho ProN,Yu Mincho,serif;font-size:16px}#lvLabel{color:var(--sakura);letter-spacing:.1em;border:1px solid #ffb7d566;border-radius:999px;margin-left:auto;padding:4px 10px;font-size:11px}#closePanel{color:#9aa2c4;cursor:pointer;background:0 0;border:none;padding:4px 6px;font-size:20px}.pBody{padding:16px 18px calc(env(safe-area-inset-bottom,0px) + 20px);-webkit-overflow-scrolling:touch;overflow-y:auto}.sec{margin-bottom:22px}.secT{letter-spacing:.3em;color:var(--ice);margin-bottom:10px;font-size:11px}#moods{gap:8px;margin-bottom:10px;display:flex}#moods button{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:12px;flex:1;padding:9px 0;font-size:24px;transition:all .2s}#moods button.sel{border-color:var(--moon);background:#ffd98a2e;box-shadow:0 0 14px #ffd98a40}#entryText{color:#fff;resize:vertical;background:#ffffff0f;border:1px solid #ffffff24;border-radius:12px;width:100%;min-height:86px;padding:12px;font-family:inherit;font-size:14px;line-height:1.8}#entryText::placeholder{color:#7d85aa}.gold{letter-spacing:.25em;background:var(--moon);color:#0b1233;cursor:pointer;border:none;border-radius:999px;width:100%;margin-top:12px;padding:13px;font-size:14px;font-weight:600}.gold:disabled{opacity:.5}.ghost{letter-spacing:.15em;width:100%;color:var(--ice);cursor:pointer;background:0 0;border:1px solid #b8e0e073;border-radius:999px;padding:12px;font-size:13px}#refOut{color:#dfe4f7;white-space:pre-wrap;background:#b8e0e012;border-radius:12px;max-height:0;margin-top:12px;padding:0 14px;font-size:13px;line-height:2;transition:all .4s;overflow:hidden}#refOut.show{max-height:400px;padding:14px;overflow-y:auto}.entry{background:#ffffff0b;border:1px solid #ffffff14;border-radius:14px;margin-bottom:10px;padding:12px 14px}.entry .eh{color:#9aa2c4;align-items:center;gap:8px;margin-bottom:6px;font-size:12px;display:flex}.entry .eh .em{font-size:17px}.entry .et{color:#e8ebf8;white-space:pre-wrap;font-size:13px;line-height:1.9}.entry .ai{color:var(--moon);border-top:1px dashed #ffd98a40;margin-top:9px;padding-top:9px;font-family:Hiragino Mincho ProN,Yu Mincho,serif;font-size:12px;line-height:1.9}.entry .ai:before{content:"🌙 "}#storageNote{color:#8b93b8;margin-top:8px;font-size:11px;line-height:1.7}#emptyNote{color:#8b93b8;font-size:12px;line-height:1.9}#stickBase{z-index:15;pointer-events:none;background:#ffffff0f;border:1.5px solid #ffffff59;border-radius:50%;width:110px;height:110px;display:none;position:fixed}#stickKnob{z-index:16;pointer-events:none;background:#b8e0e08c;border-radius:50%;width:48px;height:48px;display:none;position:fixed}#soundCtl{z-index:21;left:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 20px);align-items:center;gap:10px;display:none;position:fixed}body.playing #soundCtl{display:flex}#muteBtn{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;background:#060a1eb3;border:1px solid #b8e0e066;border-radius:50%;width:44px;height:44px;font-size:18px}#volSlider{width:90px;accent-color:var(--moon);cursor:pointer}#gate{z-index:40;text-align:center;background:radial-gradient(at 50% 30%,#1a2450 0%,#0b1233 60%,#060a1e 100%);flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}#gate .moonIcon{background:radial-gradient(circle at 35% 35%, #fff3d0, var(--moon) 60%, #e8a94f);border-radius:50%;width:64px;height:64px;margin-bottom:24px;box-shadow:0 0 46px 14px #ffd98a4d}#gate h2{letter-spacing:.2em;color:#e8ebf8;margin-bottom:22px;font-family:Hiragino Mincho ProN,Yu Mincho,serif;font-size:17px;font-weight:500}#gateInput{text-align:center;letter-spacing:.2em;color:#fff;background:#ffffff12;border:1px solid #b8e0e066;border-radius:999px;width:min(76vw,280px);padding:12px 16px;font-size:16px}#gateInput::placeholder{color:#7d85aa;letter-spacing:.3em}#gateBtn{border:1px solid var(--moon);color:var(--moon);letter-spacing:.3em;text-indent:.3em;cursor:pointer;background:0 0;border-radius:999px;margin-top:14px;padding:11px 38px;font-size:13px;transition:all .3s}#gateBtn:hover,#gateBtn:active{background:var(--moon);color:#0b1233}#gateError{min-height:1.4em;color:var(--sakura);letter-spacing:.1em;margin-top:12px;font-size:12px}#gate .ctl{color:#8b93b8;margin-top:20px;font-size:11px}#tanabataPrompt{z-index:21;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 140px);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--ice);color:var(--ice);letter-spacing:.1em;cursor:pointer;background:#060a1ebf;border-radius:999px;padding:11px 22px;font-size:13px;display:none;position:fixed;transform:translate(-50%)}#tanabataWrap{z-index:26;background:#04071480;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#tanabataWrap.open{display:flex}#tanabataModal{width:min(88vw,380px);padding:24px 22px calc(env(safe-area-inset-bottom,0px) + 22px);text-align:center;background:linear-gradient(#141c3f,#0c1230);border:1px solid #b8e0e04d;border-radius:22px;box-shadow:0 10px 60px #0009}#tanabataModal .tTitle{letter-spacing:.25em;margin-bottom:12px;font-family:Hiragino Mincho ProN,Yu Mincho,serif;font-size:17px}#tanabataModal .tDesc{color:#cfd6ee;margin-bottom:14px;font-size:12px;line-height:2}#wishText{color:#fff;resize:none;background:#ffffff0f;border:1px solid #ffffff24;border-radius:12px;width:100%;min-height:64px;margin-bottom:4px;padding:12px;font-family:inherit;font-size:14px;line-height:1.8}#wishText::placeholder{color:#7d85aa}#tanabataModal .ghost{margin-top:10px}#creditsLink{color:#6d75a0;cursor:pointer;letter-spacing:.1em;background:0 0;border:none;margin-top:18px;font-size:11px;text-decoration:underline}#creditsWrap{z-index:45;background:#04071499;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#creditsModal{text-align:center;background:linear-gradient(#141c3f,#0c1230);border:1px solid #b8e0e04d;border-radius:22px;width:min(88vw,420px);max-height:80vh;padding:24px 22px;overflow-y:auto;box-shadow:0 10px 60px #0009}#creditsModal .tTitle{letter-spacing:.25em;margin-bottom:10px;font-family:Hiragino Mincho ProN,Yu Mincho,serif;font-size:16px}#creditsModal .tDesc{color:#cfd6ee;margin-bottom:14px;font-size:12px}#creditsList{text-align:left;color:#dfe4f7;margin-bottom:14px;font-size:12px;line-height:2;list-style:none}#creditsList a{color:var(--ice)}#filmBtn{z-index:21;left:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 76px);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;background:#060a1eb3;border:1px solid #b8e0e066;border-radius:50%;width:44px;height:44px;font-size:18px;display:none;position:fixed}body.playing #filmBtn{display:block}body.filming .hud,body.filming #journalBtn,body.filming #shrinePrompt,body.filming #tanabataPrompt,body.filming #soundCtl,body.filming #filmBtn{display:none!important}#filmCtl{z-index:22;left:50%;top:calc(env(safe-area-inset-top,0px) + 14px);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);letter-spacing:.1em;background:#060a1eb3;border:1px solid #b8e0e04d;border-radius:999px;align-items:center;gap:10px;padding:8px 14px;font-size:12px;transition:opacity .6s;display:flex;position:fixed;transform:translate(-50%)}#filmCtl.faded{opacity:0;pointer-events:none}#filmCtl button{color:var(--ice);cursor:pointer;background:0 0;border:1px solid #b8e0e066;border-radius:999px;padding:5px 12px;font-size:11px}#filmName{color:#dfe4f7}#exportBtn{margin-top:6px;font-size:12px}