@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Cinzel:wght@400;500&display=swap');
:root{color-scheme:dark;--gold:#c5a66b;--pale:#dec797;--muted:#a08b66}*{box-sizing:border-box}body{margin:0;background:#030303;color:var(--pale);font-family:'Cormorant Garamond',Georgia,serif;min-height:100svh}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #e7cd92;outline-offset:8px}header{position:absolute;top:42px;left:20px;right:20px;z-index:3;text-align:center}.brand{font-family:Cinzel,Georgia,serif;font-size:14px;letter-spacing:.19em;line-height:1.8}.brand span{display:block;font-size:16px;letter-spacing:.24em}.screen{min-height:100svh;position:relative;z-index:2;padding:150px 24px 100px}.screen[hidden]{display:none}.opening{display:flex;align-items:center;justify-content:center;text-align:center}.title-wrap{margin-top:-18px}.rule{color:#9b7840;display:flex;align-items:center;justify-content:center;gap:20px;font-size:17px}.rule:before,.rule:after{content:'';width:80px;height:1px;background:linear-gradient(90deg,transparent,#7e6136)}.rule:after{transform:rotate(180deg)}h1{font-weight:400;font-size:clamp(46px,6.5vw,92px);line-height:1.03;letter-spacing:-.02em;margin:28px 0 48px;text-shadow:0 2px 40px #b883291f}h1 em,h2 em{font-weight:400;color:var(--gold)}.festival{display:inline-flex;justify-content:center;align-items:center;min-height:60px;padding:16px 32px;border:1px solid #8a6b3c;font-family:Cinzel,Georgia,serif;font-size:14px;letter-spacing:.08em;background:#100d0780;box-shadow:inset 0 0 0 4px #050505, inset 0 0 0 5px #87683840;transition:background .3s,box-shadow .3s}.festival:hover{background:#251b0e;box-shadow:0 0 35px #ad75291a,inset 0 0 0 4px #050505,inset 0 0 0 5px #87683870}.haunting{position:fixed;inset:0;overflow:hidden;pointer-events:none}footer{position:absolute;z-index:2;bottom:24px;left:20px;right:20px;text-align:center;color:#796644;font-size:14px;letter-spacing:.1em}footer span{margin:0 15px}.diaries{text-align:center;padding-top:145px}.eyebrow{font-family:Cinzel,Georgia,serif;font-size:12px;letter-spacing:.17em;color:#a58954;margin:20px 0}h2{font-size:clamp(38px,4.5vw,60px);font-weight:400;line-height:1.08;margin:15px 0 30px}.back{font-family:Cinzel,Georgia,serif;font-size:12px;letter-spacing:.08em;position:absolute;top:122px;left:40px;color:var(--muted);border-bottom:1px solid #665132;padding-bottom:5px}.books{display:flex;justify-content:center;gap:65px;margin:20px auto 0}.diary{position:relative;display:block;width:240px;transition:transform .4s;filter:drop-shadow(0 15px 30px #000)}.diary:hover{transform:translateY(-9px)}.diary img{width:100%;height:290px;object-fit:fill}.book-label{position:absolute;top:95px;left:25px;right:10px;line-height:1.6;font-family:Cinzel,Georgia,serif;font-size:15px;text-shadow:0 2px 4px #000}.book-label strong{font-size:23px;font-weight:400}.book-caption{display:block;font-size:21px;margin-top:18px}.nicholas img{object-fit:contain}.reader article{max-width:700px;margin:35px auto;text-align:center}.reader h2{margin-bottom:35px}.empty{font-size:22px;color:#ad9c7d;margin:60px 0}.reader{min-height:100svh}body:has(.diaries:not([hidden])) footer{position:relative;bottom:auto;padding:0 0 24px}body:has(.reader:not([hidden])) .haunting{opacity:.35}@media(max-width:650px){header{top:28px}.brand{font-size:12px;letter-spacing:.1em}.brand span{font-size:14px}.screen{padding:130px 22px 100px}h1{font-size:clamp(44px,10vw,64px);margin-bottom:38px}.festival{font-size:12px;padding:16px 18px}footer{font-size:12px;letter-spacing:.04em}footer span{margin:0 7px}.back{left:24px;top:105px;font-size:12px}.diaries{padding-top:145px}.books{gap:20px;margin-top:30px}.diary{width:min(40vw,205px)}.diary img{height:230px}.book-label{top:75px;left:16px;right:5px;font-size:12px}.book-label strong{font-size:17px}.book-caption{font-size:18px}.diaries .eyebrow{font-size:12px;letter-spacing:.07em}.reader article{margin-top:25px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.reader article{max-width:850px}.reader h2{font-size:38px;margin-bottom:18px}.reader .rule{margin-bottom:25px}.book-stage{position:relative;width:min(100%,680px);aspect-ratio:1122/1402;margin:0 auto;perspective:1700px;isolation:isolate;box-shadow:0 20px 70px #0008;touch-action:pan-y pinch-zoom}.current-page{width:100%;height:100%;display:block;object-fit:contain}.current-page[hidden]{display:none}.turning-page{display:none;position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none}.paper-strip{position:absolute;left:0;top:0;transform-origin:left center;transform-style:preserve-3d;will-change:transform}.paper-face{position:absolute;inset:0;backface-visibility:hidden;background-repeat:no-repeat}.paper-face.reverse{transform:rotateY(180deg);filter:sepia(.35) brightness(.85);opacity:1}.open-book{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:transparent;color:var(--pale);cursor:pointer}.open-book[hidden]{display:none}.open-book img{width:100%;height:100%;object-fit:fill}.open-book span{position:absolute;left:15%;right:10%;top:40%;font-family:Cinzel,Georgia,serif;font-size:clamp(22px,4vw,42px);text-shadow:0 2px 6px #000}.open-book small{display:block;font-size:16px;margin-top:30px;letter-spacing:.1em}.reading-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:26px auto 0;max-width:680px}.reading-controls button{border:1px solid #80683e;background:#110e08;color:var(--pale);padding:12px 16px;font-family:inherit;font-size:17px;cursor:pointer}.reading-controls button:hover:not(:disabled){background:#2a2112}.reading-controls button:disabled{opacity:.35;cursor:default}.reading-controls span{font-size:16px;white-space:nowrap}.reading-hint{font-size:16px;color:#a08b66;line-height:1.5;margin:20px 0}body:has(.reader:not([hidden])) footer{position:relative;bottom:auto;padding:0 0 24px}@media(max-width:650px){.reader{padding-left:16px;padding-right:16px}.reader article{margin-top:28px}.reader h2{font-size:32px}.reading-controls button{font-size:14px;padding:10px}.reading-controls{gap:8px}.reading-hint{font-size:14px}.book-stage{perspective:1100px}}

.pumpkin{position:absolute;width:clamp(130px,16vw,245px);opacity:.78;--tilt:-7deg;--duration:9s;--delay:0s;--flicker:3.7s;animation:pumpkin-float var(--duration) ease-in-out var(--delay) infinite;filter:drop-shadow(0 0 18px #9c4e0720)}
.pumpkin img{display:block;width:100%;height:auto}.pumpkin .firelight{position:absolute;inset:0;filter:brightness(1.7) saturate(1.15);mask-image:radial-gradient(ellipse 17% 14% at 37% 45%,#000 30%,transparent 100%),radial-gradient(ellipse 18% 14% at 72% 45%,#000 30%,transparent 100%),radial-gradient(ellipse 34% 20% at 58% 68%,#000 30%,transparent 100%);animation:candle-flicker var(--flicker) ease-in-out var(--delay) infinite}
.p1{left:3%;bottom:12%}.p2{right:3%;bottom:18%;--tilt:7deg;--duration:10.5s;--delay:-4s;--flicker:4.3s}.p3{right:14%;top:13%;width:clamp(85px,9vw,140px);opacity:.5;--tilt:4deg;--duration:8.5s;--delay:-2s;--flicker:3.1s}.p4{left:14%;top:15%;width:clamp(90px,10vw,155px);opacity:.6;--tilt:-4deg;--duration:11s;--delay:-6s;--flicker:4.9s}
@keyframes pumpkin-float{0%,100%{transform:translateY(0) rotate(var(--tilt))}50%{transform:translateY(-24px) rotate(calc(var(--tilt) + 5deg))}}
@keyframes candle-flicker{0%,100%{opacity:.35}8%{opacity:.7}14%{opacity:.24}22%{opacity:.58}30%{opacity:.15}36%{opacity:.5}48%{opacity:.78}55%{opacity:.28}62%{opacity:.6}69%{opacity:.4}74%{opacity:.12}81%{opacity:.65}88%{opacity:.3}94%{opacity:.55}}
@media(max-width:650px){.pumpkin{width:115px;opacity:.65}.p1{left:-25px;bottom:13%}.p2{right:-25px;bottom:16%}.p3{display:block;right:4%;top:18%;width:72px;opacity:.5}.p4{left:2%;top:19%;width:78px;opacity:.5}}

.diary.mia img{object-fit:contain}.open-book img{object-fit:contain}.open-book .cover-action{top:auto;bottom:3%;left:28%;right:23%;padding:10px 8px;font-size:16px;letter-spacing:.08em;background:#100b08e6;border:1px solid #a3834c;box-shadow:0 3px 15px #0008}

.open-book.nicholas-cover img{object-fit:contain}

.sound-toggle{position:fixed;z-index:20;right:18px;bottom:18px;border:1px solid #80683e;background:#100d08ed;color:var(--pale);padding:10px 14px;font-family:inherit;font-size:15px;cursor:pointer;box-shadow:0 3px 18px #0008}.sound-toggle:hover{background:#2a2112}.sound-toggle:focus-visible{outline:2px solid var(--pale);outline-offset:4px}.music-credit{display:block;margin:12px auto 0;font-size:11px;letter-spacing:.02em;line-height:1.6;max-width:80%}.music-credit a{text-decoration:underline;text-underline-offset:3px}footer{padding-bottom:45px}@media(max-width:650px){.sound-toggle{right:10px;bottom:10px;font-size:13px}.music-credit{max-width:100%}}

.open-book:not(.nicholas-cover){width:110%;height:110%;left:-3.8%;top:-3.6%;right:auto;bottom:auto}.open-book:not(.nicholas-cover) img{object-fit:fill}