:root{--ink:#1e130d;--walnut:#4a2e1f;--maple:#b3361b;--candle:#f3a64a;--olive:#6e7a3b;--paper:#e6d2ae;--sat:env(safe-area-inset-top,0px);--sar:env(safe-area-inset-right,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--ink);height:100%;color:var(--paper);overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;margin:0;font-family:Amiri,serif;overflow:hidden}#scene{cursor:grab;width:100vw;height:100dvh;display:block;position:fixed;inset:0}#scene.pointer{cursor:pointer}#scene.dragging{cursor:grabbing}.screen{flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}[hidden]{display:none!important}#intro{z-index:50;cursor:pointer;background:#000;transition:opacity 1.2s}#intro.gone{opacity:0;pointer-events:none}.intro-leaf{filter:drop-shadow(0 0 18px #b3361b8c);font-size:64px;animation:3.2s ease-in-out infinite breathe}.intro-name{color:var(--paper);opacity:.82;letter-spacing:0;margin-top:18px;font-family:Aref Ruqaa,serif;font-size:34px}@keyframes breathe{0%,to{transform:scale(1)rotate(-4deg)}50%{transform:scale(1.08)rotate(4deg)}}#veil{pointer-events:none;z-index:40;--r:0px;--x:50%;--y:50%;background:#000;position:fixed;inset:0}#veil.revealing{background:radial-gradient(circle at var(--x) var(--y), transparent 0, transparent var(--r), #000000eb calc(var(--r) + 18vmax), #000 calc(var(--r) + 40vmax))}#veil.done{display:none}#rotate{z-index:100;background:var(--ink);gap:22px}.phone{border:3px solid var(--paper);border-radius:9px;width:46px;height:80px;animation:2.4s ease-in-out infinite rot;position:relative}.phone:after{content:"🍁";place-items:center;font-size:20px;display:grid;position:absolute;inset:0}@keyframes rot{0%,25%{transform:rotate(0)}55%,85%{transform:rotate(-90deg)}to{transform:rotate(0)}}.rotate-text{font-size:22px}.hud{z-index:20;color:var(--paper);-webkit-backdrop-filter:blur(4px);cursor:pointer;background:#1e130d8c;border:0;border-radius:999px;font-family:Amiri,serif;transition:opacity .4s,transform .2s;position:fixed}.hud:active{transform:scale(.94)}#counter{top:calc(12px + var(--sat));right:calc(14px + var(--sar));direction:ltr;padding:6px 14px;font-size:18px}#counter.bump .leaf{animation:.6s bump;display:inline-block}@keyframes bump{50%{transform:scale(1.6)rotate(20deg)}}#back{top:calc(12px + var(--sat));left:calc(14px + var(--sal));width:46px;height:46px;font-size:24px;line-height:1}.parchment{background:radial-gradient(ellipse at 30% 20%, #ffffff40, transparent 60%), radial-gradient(ellipse at 80% 90%, #4a2e1f40, transparent 55%), var(--paper);color:var(--ink);border-radius:6px;box-shadow:0 10px 40px #0009,inset 0 0 30px #4a2e1f59}#music-panel{z-index:15;bottom:calc(14px + var(--sab));left:calc(14px + var(--sal));width:min(340px,44vw);padding:10px;transition:transform .7s cubic-bezier(.2,.8,.2,1);position:fixed;transform:translate(-130%)rotate(-2deg)}#music-panel.open{transform:translate(0)rotate(-1deg)}#music-panel iframe{border-radius:10px;display:block}#music-panel.prompt{z-index:37;width:min(380px,84vw);animation:1.6s ease-in-out infinite glow;bottom:50%;left:50%;transform:translate(-50%,50%)scale(1.1)}#needle{text-align:center;color:var(--walnut);padding:2px 4px 8px;font-size:19px}@keyframes glow{0%,to{box-shadow:0 0 30px var(--candle), 0 0 70px #f3a64a80}50%{box-shadow:0 0 14px var(--candle), 0 0 34px #f3a64a66}}#overlay{z-index:30;-webkit-backdrop-filter:blur(3px);padding:calc(16px + var(--sat)) calc(16px + var(--sar)) calc(16px + var(--sab)) calc(16px + var(--sal));background:#0a0604b8;animation:.35s fadein}@keyframes fadein{0%{opacity:0}}.ov-close{top:calc(12px + var(--sat));left:calc(14px + var(--sal));width:46px;height:46px;color:var(--paper);cursor:pointer;background:#e6d2ae26;border:0;border-radius:999px;font-size:24px;position:absolute}.book-ov{align-items:center;gap:28px;max-height:100%;display:flex}.book-ov .cover{aspect-ratio:2/3;background-position:50%;background-size:cover;border-radius:3px 8px 8px 3px;height:min(70vh,420px);animation:.7s cubic-bezier(.2,.8,.2,1) bookin;position:relative;box-shadow:-8px 12px 30px #0009,inset 6px 0 10px #00000059}@keyframes bookin{0%{opacity:0;transform:perspective(900px)rotateY(-70deg)translateY(20px)}}.book-ov .ribbon{color:var(--ink);clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%);white-space:nowrap;direction:rtl;background:linear-gradient(#e8c66a,#b58a2a);padding:8px 8px 22px;font-size:13px;font-weight:700;position:absolute;top:-6px;left:18px}.book-ov .meta{max-width:300px}.book-ov h2{color:var(--paper);margin:0 0 10px;font-family:Aref Ruqaa,serif;font-size:clamp(24px,4vw,38px);line-height:1.4}.book-ov .by{opacity:.65;margin-bottom:18px}.read-link{background:var(--maple);color:var(--paper);border-radius:999px;padding:8px 26px;font-size:20px;text-decoration:none;display:inline-block;box-shadow:0 4px 18px #b3361b73}.sk{aspect-ratio:3/2;perspective:1800px;width:min(80vw,105vh);position:relative}.sk-spread{direction:ltr;background:#2a1a12;border-radius:6px;padding:8px;display:flex;position:absolute;inset:0;box-shadow:0 20px 60px #0009}.sk-page{background:var(--paper) center/contain no-repeat;border-radius:2px;flex:1;box-shadow:inset 0 0 40px #4a2e1f4d}.sk-flip{transform-origin:100%;width:calc(50% - 8px);transform-style:preserve-3d;transition:transform .9s cubic-bezier(.45,.05,.3,1);position:absolute;top:8px;bottom:8px;left:8px}.sk-flip>div{backface-visibility:hidden;background:var(--paper) center/contain no-repeat;position:absolute;inset:0;box-shadow:inset 0 0 40px #4a2e1f4d}.sk-flip .bk{transform:rotateY(180deg)}.sk-nav{justify-content:center;gap:18px;display:flex;position:absolute;bottom:-54px;left:0;right:0}.sk-nav button{width:44px;height:44px;color:var(--paper);cursor:pointer;background:#e6d2ae2e;border:0;border-radius:999px;font-size:22px}.msg-page{text-align:center;max-width:min(520px,86vw);padding:34px 40px;font-size:clamp(20px,3.2vw,28px);line-height:1.9;animation:1.2s cubic-bezier(.2,.8,.2,1) floatup}.msg-page .title{color:var(--maple);font-family:Aref Ruqaa,serif;font-size:1.4em}@keyframes floatup{0%{opacity:0;transform:translateY(60px)rotate(-3deg)}}#toast{z-index:35;bottom:calc(26px + var(--sab));opacity:0;pointer-events:none;color:var(--paper);text-align:center;white-space:nowrap;background:#1e130dd1;border:1px solid #f3a64a59;border-radius:6px;max-width:92vw;padding:10px 24px;font-size:clamp(17px,2.4vw,22px);transition:opacity .5s,transform .5s;position:fixed;left:50%;transform:translate(-50%,30px);box-shadow:0 0 30px #f3a64a26}#toast.show{opacity:1;transform:translate(-50%)}#finale-msg{z-index:28;pointer-events:none;justify-content:center;align-items:center;padding:0 6vw;display:flex;position:fixed;inset:0}#finale-msg .ink{color:var(--candle);text-shadow:0 0 24px #f3a64a8c,0 0 60px #f3a64a40;text-align:center;-webkit-mask-image:linear-gradient(to left, #000 calc(var(--p) - 12%), transparent var(--p));-webkit-mask-image:linear-gradient(to left, #000 calc(var(--p) - 12%), transparent var(--p));mask-image:linear-gradient(to left, #000 calc(var(--p) - 12%), transparent var(--p));--p:0%;filter:blur(4px);opacity:0;padding:.2em .6em;font-family:Aref Ruqaa,serif;font-size:clamp(34px,7vw,86px);line-height:1.6}@property --p{syntax:"<percentage>";inherits:false;initial-value:0%}#finale-msg:before{content:"";opacity:0;background:radial-gradient(60% 40%,#0a060499,#0000 70%);transition:opacity 1.5s;position:absolute;inset:0}#finale-msg.draw:before{opacity:1}#finale-msg .ink{position:relative}#finale-msg.draw .ink{animation:4.2s cubic-bezier(.4,.1,.3,1) forwards inkdraw}@keyframes inkdraw{0%{--p:0%;filter:blur(4px);opacity:.3}15%{opacity:1}80%{filter:blur()}to{--p:115%;filter:blur();opacity:1}}@media (prefers-reduced-motion:reduce){.intro-leaf,.phone,#music-panel.prompt{animation:none}}@media (height<=420px){.book-ov .cover{height:64vh}.sk{width:min(70vw,93vh)}}#goth-card{z-index:34;left:50%;top:calc(8px + var(--sat) + 4%);text-align:center;color:#e6d8ff;cursor:pointer;opacity:0;background:radial-gradient(#14061ceb,#08030ae0);border:1px solid #a06cff73;border-radius:6px;padding:18px 40px 16px;position:fixed;transform:translate(-50%);box-shadow:0 0 40px #8a3cff59,inset 0 0 30px #000c}#goth-card.show{animation:5.2s forwards gothin}@keyframes gothin{0%{opacity:0;filter:blur(4px);transform:translate(-50%)translateY(-14px)scale(.96)}12%{opacity:1;filter:blur();transform:translate(-50%)translateY(0)scale(1)}82%{opacity:1}to{opacity:0}}#goth-card .g-crown{color:#a06cff;text-shadow:0 0 14px #8a3cff;font-size:26px;line-height:1}#goth-card .g-title{color:#f1e8ff;text-shadow:0 0 18px #a06cffcc,0 0 40px #8a3cff66;direction:ltr;font-family:UnifrakturMaguntia,Aref Ruqaa,serif;font-size:clamp(36px,6vw,58px);line-height:1.2}#goth-card .g-sub{margin-top:2px;font-size:clamp(17px,2.4vw,22px)}#goth-card .g-hint{opacity:.55;margin-top:8px;font-size:13px}@media (prefers-reduced-motion:reduce){#goth-card.show{opacity:1;animation:none}}