:root{--gold:#d4a057;--gold-dim:#d4a05766;--gold-faint:#d4a0571f;--ink:#0a0604;--parchment:#e8d8b0;--teal:#50b4c8;--teal-dim:#50b4c880;--font-en:"Cormorant Garamond", "Georgia", serif;--font-sc:"Cormorant SC", "Cormorant Garamond", serif;--font-jp:"Shippori Mincho B1", "Georgia", serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--ink);font-family:var(--font-jp);color:var(--parchment);-webkit-font-smoothing:antialiased;overflow:hidden}#app{width:100vw;height:100vh;position:relative;overflow:hidden}#title-screen{background:var(--ink);z-index:400;justify-content:center;align-items:center;transition:opacity .9s;display:flex;position:fixed;inset:0}#title-screen.fade-out{opacity:0;pointer-events:none}#title-particles{pointer-events:none;position:absolute;inset:0}#title-lore{font-family:var(--font-jp);letter-spacing:.25em;color:var(--parchment);opacity:0;pointer-events:none;text-align:center;z-index:10;font-size:clamp(.85rem,1.5vw,1.05rem);transition:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#title-lore.show{animation:.8s forwards lore-in}#title-lore.hide{animation:.6s forwards lore-out}@keyframes lore-in{0%{opacity:0;filter:blur(6px);transform:translate(-50%,calc(8px - 50%))}to{opacity:.75;filter:blur();transform:translate(-50%,-50%)}}@keyframes lore-out{0%{opacity:.75;filter:blur()}to{opacity:0;filter:blur(4px)}}#title-center{text-align:center;opacity:0;pointer-events:none;flex-direction:column;align-items:center;gap:0;transition:opacity .8s;display:flex;position:relative}#title-center.visible{opacity:1;pointer-events:auto}#title-ornament{font-family:var(--font-en);color:var(--gold-dim);letter-spacing:.5em;margin-bottom:1.6rem;font-size:1rem;animation:3s ease-in-out infinite pulse-gentle}@keyframes pulse-gentle{0%,to{opacity:.4}50%{opacity:.9}}#title-sub{font-family:var(--font-sc);letter-spacing:.4em;color:#6a5030;text-transform:uppercase;margin-bottom:1.4rem;font-size:clamp(.6rem,1vw,.72rem)}#title-main{font-family:var(--font-sc);letter-spacing:.22em;color:var(--gold);text-shadow:0 0 60px #d4a05740,0 2px 4px #0009;margin-bottom:2rem;font-size:clamp(2.8rem,7vw,5.5rem);font-weight:300;line-height:1}#title-main span{opacity:0;transition:opacity .5s,transform .5s cubic-bezier(.22,1,.36,1);display:inline-block;transform:translateY(-18px)}#title-main span.visible{opacity:1;transform:translateY(0)}#title-rule{background:linear-gradient(90deg, transparent, var(--gold-dim), transparent);width:0;height:1px;margin:0 auto 1.8rem;transition:width 1s}#title-rule.visible{width:280px}#title-quote{font-family:var(--font-jp);color:#8a7050;letter-spacing:.18em;opacity:0;margin-bottom:2.8rem;font-size:clamp(.78rem,1.2vw,.9rem);font-style:italic;font-weight:400;transition:opacity .8s}#title-quote.visible{opacity:1}#title-start{border:1px solid var(--gold-dim);color:var(--gold);font-family:var(--font-jp);letter-spacing:.3em;cursor:pointer;opacity:0;background:0 0;margin-bottom:2rem;padding:.85rem 3rem;font-size:.82rem;transition:opacity .6s,border-color .3s,color .3s,box-shadow .3s;display:block;position:relative;overflow:hidden}#title-start:before{content:"";background:var(--gold-faint);transition:transform .4s;position:absolute;inset:0;transform:translate(-100%)}#title-start:hover:before{transform:translate(0)}#title-start:hover{border-color:var(--gold);box-shadow:0 0 24px #d4a05733}#title-start.visible{opacity:1}#title-hint{font-family:var(--font-jp);color:#3a2a18;letter-spacing:.1em;opacity:0;font-size:.62rem;transition:opacity .6s}#title-hint.visible{opacity:1}.hint-mobile{display:none}.hint-desktop{display:block}#title-vignette{pointer-events:none;background:radial-gradient(#0000 40%,#000000b3 100%);position:absolute;inset:0}#dialogue{pointer-events:none;opacity:0;z-index:100;justify-content:center;padding:0 1.5rem 1.8rem;transition:opacity .35s,transform .35s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(16px)}#dialogue.visible{opacity:1;pointer-events:auto;transform:translateY(0)}#dialogue-inner{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080502eb;border:1px solid #d4a05759;border-bottom:none;width:100%;max-width:700px;padding:1.6rem 2.2rem 1.4rem;position:relative;box-shadow:0 -12px 40px #00000080}#dialogue-inner:before{content:"";background:linear-gradient(90deg, transparent, var(--gold-dim), transparent);height:1px;position:absolute;top:0;left:2rem;right:2rem}#dialogue-text{font-family:var(--font-jp);white-space:pre-wrap;letter-spacing:.08em;color:#e8d8b0;min-height:2.5em;margin-bottom:1rem;font-size:.9rem;line-height:2}#dialogue-close{color:#6a5030;font-family:var(--font-sc);letter-spacing:.3em;cursor:pointer;text-align:right;text-transform:uppercase;background:0 0;border:none;width:100%;font-size:.68rem;transition:color .2s;display:block}#dialogue-close:hover{color:var(--gold)}#clue-log{z-index:90;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080502d9;border:1px solid #d4a05733;min-width:190px;padding:1rem 1.3rem;position:absolute;top:1.5rem;right:1.5rem}#clue-log:before{content:"";background:linear-gradient(90deg, transparent, var(--gold-dim), transparent);height:1px;position:absolute;top:0;left:1rem;right:1rem}#clue-log-header{justify-content:space-between;align-items:flex-start;gap:.6rem;margin-top:.2rem;margin-bottom:.7rem;display:flex}#clue-log h3{font-family:var(--font-sc);letter-spacing:.35em;text-transform:uppercase;color:#6a5030;white-space:nowrap;font-size:.62rem}.prog-dots{gap:5px;margin-top:1px;display:flex}.prog-dot{background:0 0;border:1px solid #d4a05766;border-radius:50%;width:6px;height:6px;transition:background .4s,border-color .4s}.prog-dot.filled{background:var(--gold-dim);border-color:var(--gold)}.prog-hint{font-family:var(--font-jp);color:var(--teal);letter-spacing:.08em;margin-top:.4rem;font-size:.6rem;animation:2s ease-in-out infinite hint-fade;display:block}@keyframes hint-fade{0%,to{opacity:.5}50%{opacity:1}}#magic-eye-btn.hint-pulse{animation:2s ease-in-out infinite magic-hint-pulse}@keyframes magic-hint-pulse{0%,to{border-color:var(--teal-dim);box-shadow:none}50%{border-color:var(--teal);box-shadow:0 0 18px #50b4c866}}#clue-list{list-style:none}#clue-list li{font-family:var(--font-jp);color:#b09870;letter-spacing:.06em;cursor:help;padding:.28rem 0;font-size:.78rem;transition:color .4s}#clue-list li.new{color:#f0d090;animation:1.6s forwards clue-flash}@keyframes clue-flash{0%,to{color:#f0d090}50%{color:var(--parchment)}}#magic-eye-btn{border:1px solid var(--teal-dim);color:var(--teal);font-family:var(--font-jp);letter-spacing:.2em;cursor:pointer;z-index:90;background:0 0;padding:.55rem 1.5rem;font-size:.8rem;transition:background .25s,box-shadow .25s,color .25s;position:absolute;bottom:1.8rem;right:1.8rem}#magic-eye-btn:after{content:" ◉";opacity:.6;font-size:.7em}#magic-eye-btn:hover{background:#50b4c814}#magic-eye-btn.active{color:#90ddf0;background:#50b4c826;box-shadow:0 0 16px #50b4c859,inset 0 0 12px #50b4c81a}#reset-zoom-btn{color:#d4a0578c;cursor:pointer;z-index:90;background:0 0;border:1px solid #d4a05740;justify-content:center;align-items:center;width:2.4rem;height:2.4rem;padding:0;font-size:1.1rem;transition:color .2s,border-color .2s,box-shadow .2s;display:flex;position:absolute;bottom:1.8rem;right:9rem}#reset-zoom-btn:hover{color:var(--gold);border-color:var(--gold-dim);box-shadow:0 0 12px #d4a05726}.act-transition{color:#d4a05700;font-family:var(--font-jp);letter-spacing:.5em;pointer-events:none;z-index:200;background:0 0;justify-content:center;align-items:center;font-size:clamp(1rem,2.5vw,1.5rem);transition:background .8s,color .8s;display:flex;position:fixed;inset:0}.act-transition.visible{color:#d4a057e6;background:#000c}#ending-root{z-index:500;background:0 0;transition:background 1.5s;position:fixed;inset:0}#ending-root.stage-darkening{background:#040208e0}#ending-canvas{pointer-events:none;position:absolute;inset:0}#ending-text{font-family:var(--font-jp);letter-spacing:.28em;color:var(--parchment);text-align:center;pointer-events:none;white-space:pre-wrap;font-size:clamp(.9rem,1.8vw,1.15rem);line-height:2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#ending-text.warm{color:#f0c878}#ending-text.epilogue{letter-spacing:.22em;color:#c8b888;font-size:clamp(.8rem,1.5vw,1rem)}#ending-text.entering{animation:.6s forwards text-enter}#ending-text.leaving{animation:.6s forwards text-leave}@keyframes text-enter{0%{opacity:0;filter:blur(5px);transform:translate(-50%,calc(10px - 50%))}to{opacity:1;filter:blur();transform:translate(-50%,-50%)}}@keyframes text-leave{0%{opacity:1;filter:blur()}to{opacity:0;filter:blur(5px)}}.ending-figure{color:#d4a05700;pointer-events:none;text-shadow:0 0 30px #d4a0574d;font-size:2rem;transition:color .8s,transform 1.5s,opacity 1.5s;position:absolute}.ending-figure.appear{color:#d4a057b3;animation:2s ease-in-out infinite figure-breathe}.ending-figure.ascend{opacity:0;transform:translateY(-80px)}@keyframes figure-breathe{0%,to{text-shadow:0 0 20px #d4a05733}50%{text-shadow:0 0 50px #d4a05799}}.final-card{text-align:center;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.final-card.entering{animation:1.2s forwards text-enter}.final-ornament{font-family:var(--font-en);letter-spacing:.8em;color:var(--gold-dim);margin-bottom:1.8rem;font-size:.9rem}.final-title{font-family:var(--font-sc);letter-spacing:.25em;color:var(--gold);text-shadow:0 0 60px #d4a0574d;margin-bottom:1rem;font-size:clamp(2rem,5vw,3.8rem);font-weight:300}.final-sub{font-family:var(--font-jp);letter-spacing:.4em;color:#6a5030;font-size:.78rem}@media (width<=768px){#title-main{letter-spacing:.1em;font-size:clamp(1.6rem,7.5vw,3rem)}#title-sub{letter-spacing:.28em;font-size:.65rem}#title-rule.visible{width:60vw}#title-start{letter-spacing:.25em;margin-bottom:1.5rem;padding:1.1rem 3.5rem;font-size:.9rem}.hint-desktop{display:none}.hint-mobile{display:block}#title-hint{color:#4a3820;font-size:.65rem}#dialogue{padding:0 0 env(safe-area-inset-bottom,0)}#dialogue-inner{border-radius:0;max-width:100%;padding:1.2rem 1.4rem 1rem}#dialogue-text{font-size:.95rem;line-height:1.9}#dialogue-close{padding:.4rem 0;font-size:.75rem}#clue-log{top:env(safe-area-inset-top,.8rem);align-items:center;gap:.8rem;min-width:auto;padding:.6rem .9rem;display:flex;left:.8rem;right:.8rem}#clue-log h3{white-space:nowrap;margin-bottom:0}#clue-list{flex-wrap:wrap;gap:.3rem .7rem;display:flex}#clue-list li{padding:.1rem 0;font-size:.82rem}#magic-eye-btn{bottom:calc(env(safe-area-inset-bottom,0px) + 1rem);letter-spacing:.15em;padding:.75rem 1.8rem;font-size:.88rem;right:1rem}#reset-zoom-btn{bottom:calc(env(safe-area-inset-bottom,0px) + 1rem);width:2.8rem;height:2.8rem;font-size:1.2rem;left:1rem;right:auto}#ending-text{letter-spacing:.18em;width:88vw;font-size:clamp(1rem,4.5vw,1.2rem)}#ending-text.epilogue{font-size:clamp(.88rem,3.8vw,1rem)}.final-title{letter-spacing:.18em;font-size:clamp(2rem,10vw,3rem)}.act-transition{letter-spacing:.35em;font-size:clamp(.95rem,4vw,1.2rem)}}@supports (padding:env(safe-area-inset-bottom)){#app{padding-bottom:env(safe-area-inset-bottom)}}