:root{--night:#070d1a;--deep:#0d1628;--blue:#1a2b47;--mist:#2d4466;--parchment:#e8f0ff;--silver:#d4e0f0;--cyan:#8fd4ff;--violet:#b48fff;--pink:#ff8fc4;--glow:#b48fff}*{margin:0;padding:0;box-sizing:border-box;image-rendering:pixelated}html,body{background:var(--night);color:var(--parchment);font-family:Cormorant Garamond,serif;overflow-x:hidden;min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 15% at 30% 25%,rgba(180,143,255,.22),transparent 70%),radial-gradient(ellipse 60% 12% at 55% 30%,rgba(255,143,196,.15),transparent 70%),radial-gradient(ellipse 50% 10% at 70% 22%,rgba(143,212,255,.18),transparent 70%),radial-gradient(ellipse 80% 30% at 15% 78%,rgba(143,212,255,.08),transparent 70%),radial-gradient(ellipse at 50% 15%,#2d4466,#1a2b47 35%,#0d1628 65%,#070d1a);z-index:-2;animation:nebuladrift 60s ease-in-out infinite}@keyframes nebuladrift{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(-8px,4px) rotate(.3deg)}}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1px 1px at 13% 27%,#fff,transparent),radial-gradient(1px 1px at 42% 8%,#d4e0f0,transparent),radial-gradient(1px 1px at 67% 45%,#fff,transparent),radial-gradient(2px 2px at 88% 12%,#8fd4ff,transparent),radial-gradient(1px 1px at 23% 67%,#fff,transparent),radial-gradient(1px 1px at 55% 89%,#b48fff,transparent),radial-gradient(1px 1px at 78% 78%,#fff,transparent),radial-gradient(2px 2px at 8% 52%,#d4e0f0,transparent),radial-gradient(1px 1px at 34% 38%,#fff,transparent),radial-gradient(1px 1px at 91% 34%,#fff,transparent),radial-gradient(1px 1px at 16% 82%,#8fd4ff,transparent),radial-gradient(1px 1px at 62% 19%,#fff,transparent);background-size:100% 100%;pointer-events:none;z-index:-1;animation:twinkle 4s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.7}50%{opacity:1}}.moon{position:fixed;top:5%;right:7%;width:140px;height:140px;z-index:0;animation:mrot 120s linear infinite}.moon-body{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 32% 32%,#fff,#d4e0f0 35%,#9fb4c8 70%,#6b82a0);box-shadow:inset -12px -12px 30px #0006,0 0 50px #d4e0f080,0 0 100px #8fd4ff59,0 0 160px #b48fff40,0 0 240px #ff8fc41f;position:relative;overflow:hidden}.crater{position:absolute;border-radius:50%;background:radial-gradient(circle at 35% 35%,#5a6b82,#3d4a5c);box-shadow:inset 1px 1px 2px #ffffff26}.c1{width:18px;height:18px;top:25%;left:30%}.c2{width:10px;height:10px;top:55%;left:55%}.c3{width:14px;height:14px;top:60%;left:22%}.c4{width:7px;height:7px;top:35%;left:65%}.c5{width:9px;height:9px;top:20%;left:58%}.moon-ring{position:absolute;top:50%;left:50%;width:210px;height:30px;border:1.5px solid rgba(180,143,255,.35);border-radius:50%;transform:translate(-50%,-50%) rotateX(72deg) rotate(-18deg);box-shadow:0 0 20px #8fd4ff40;pointer-events:none}@keyframes mrot{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mist,.mist2{display:none}.firefly{position:fixed;width:3px;height:3px;border-radius:50%;background:#b48fff;box-shadow:0 0 8px #b48fff,0 0 16px #e8f0ff;pointer-events:none;z-index:1}.firefly.cool{background:#d4e0f0;box-shadow:0 0 8px #8fd4ff,0 0 16px #b48fff}main{position:relative;min-height:auto;padding:5rem 2rem 1rem;display:flex;flex-direction:column;align-items:center;z-index:2}.scroll-hint{margin-top:3rem;display:flex;flex-direction:column;align-items:center;gap:.6rem;font-family:VT323,monospace;font-size:1.1rem;color:var(--parchment);opacity:.5;letter-spacing:.15em;cursor:pointer}.scroll-hint-arrow{font-size:1.4rem;color:#e8f0ff;animation:bob 2s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0);opacity:.6}50%{transform:translateY(6px);opacity:1}}.flame-cursor{position:fixed;width:14px;height:14px;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#fff 0%,#d4e0f0 25%,#8fd4ff 55%,rgba(180,143,255,.4) 80%,transparent 100%);box-shadow:0 0 14px #8fd4ff,0 0 28px #b48fff,0 0 48px #b48fff80,0 0 80px #8fd4ff4d;animation:wisppulse 2.5s ease-in-out infinite}@keyframes wisppulse{0%,to{box-shadow:0 0 14px #8fd4ff,0 0 28px #b48fff,0 0 48px #b48fff80,0 0 80px #8fd4ff4d}50%{box-shadow:0 0 18px #8fd4ff,0 0 36px #b48fff,0 0 60px #b48fff99,0 0 100px #8fd4ff66}}body,html,*{cursor:none!important}.brand{font-family:"Press Start 2P",monospace;font-size:clamp(1.8rem,5vw,3.5rem);color:#e8f0ff;text-shadow:3px 3px 0 #5a3d8a,6px 6px 0 rgba(0,0,0,.7),0 0 40px rgba(180,143,255,.5),0 0 80px rgba(143,212,255,.3);letter-spacing:.05em}.tag{font-style:italic;font-size:clamp(1.1rem,2vw,1.5rem);color:var(--parchment);opacity:.8;margin-top:1.5rem;max-width:38ch;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.6)}.scene{margin:3rem 0 2rem;display:flex;gap:2.5rem;align-items:flex-end}.footer{margin-top:2rem;font-family:VT323,monospace;font-size:1.2rem;color:#e8f0ff;opacity:.7;letter-spacing:.1em}.footer span{color:#b48fff}.enter{margin-top:2.5rem;font-family:"Press Start 2P",monospace;font-size:.7rem;color:#e8f0ff;background:#2d446666;border:1px solid rgba(180,143,255,.6);padding:1rem 1.8rem;cursor:none;box-shadow:0 0 25px #8fd4ff59,0 0 50px #b48fff33,inset 0 0 20px #8fd4ff1a;transition:all .3s;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);text-shadow:0 0 10px rgba(143,212,255,.6)}.enter:hover{background:#b48fff33;border-color:#8fd4ffe6;box-shadow:0 0 35px #8fd4ff99,0 0 70px #b48fff66,inset 0 0 30px #8fd4ff33}svg{filter:drop-shadow(0 4px 12px rgba(0,0,0,.7)) drop-shadow(0 0 20px rgba(143,212,255,.3))}.workshop{position:relative;min-height:auto;display:flex;flex-direction:column;align-items:center;padding:0 2rem 5rem;z-index:2;margin-top:-2rem}.workshop-bg{display:none}.section-title{font-family:"Press Start 2P",monospace;font-size:clamp(1.1rem,2.8vw,1.8rem);color:#e8f0ff;text-shadow:2px 2px 0 #5a3d8a,4px 4px 0 rgba(0,0,0,.6),0 0 30px rgba(143,212,255,.4);letter-spacing:.1em;text-align:center}.section-tag{font-style:italic;font-size:clamp(1rem,1.8vw,1.35rem);color:var(--parchment);opacity:.75;margin-top:1.5rem;text-align:center;line-height:1.6;text-shadow:0 2px 8px rgba(0,0,0,.6)}.shelf{margin-top:4rem;position:relative;width:min(620px,92vw);padding:0 1rem}.shelf-plank{height:10px;background:linear-gradient(to bottom,#5a4a2a,#3a2e18 50%,#1a1208);box-shadow:0 4px 20px #0009,inset 0 1px #f0a84526}.shelf-plank.bottom{margin-top:-4px}.jars{display:flex;justify-content:space-around;align-items:flex-end;padding:1rem 1.5rem 0;background:radial-gradient(ellipse at center top,rgba(240,168,69,.08),transparent 70%)}.jar{cursor:none;filter:drop-shadow(0 0 15px rgba(255,203,107,.3))}.grimoire{position:relative;min-height:90vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem 8rem;z-index:2}.book{margin-top:4rem;display:flex;perspective:1200px;padding:2.5rem 1rem;position:relative}.book:before{content:"";position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;background:radial-gradient(ellipse at center,rgba(143,212,255,.12),rgba(180,143,255,.06) 40%,transparent 70%);pointer-events:none;animation:bookglow 6s ease-in-out infinite}@keyframes bookglow{0%,to{opacity:.7}50%{opacity:1}}.book-spine{position:absolute;left:50%;top:2.5rem;bottom:2.5rem;width:2px;transform:translate(-50%);background:linear-gradient(to bottom,transparent,rgba(212,224,240,.4) 20%,rgba(212,224,240,.4) 80%,transparent);box-shadow:0 0 10px #8fd4ff4d;z-index:2}.page{width:min(300px,42vw);min-height:340px;background:linear-gradient(135deg,#e8dcb814,#8fd4ff0a);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);padding:2.5rem 1.8rem;font-family:Cormorant Garamond,serif;color:#d4e0f0;box-shadow:inset 0 0 40px #8fd4ff14;border:1px solid rgba(212,224,240,.1);transform-origin:center right;position:relative}.page-right{transform-origin:center left;background:linear-gradient(-135deg,#e8dcb814,#b48fff0a)}.page:before{content:"✦";position:absolute;top:.8rem;left:50%;transform:translate(-50%);color:#8fd4ff80;font-size:.9rem}.page-inner{font-style:italic;font-size:clamp(.95rem,1.35vw,1.15rem);line-height:1.95}.page-line{white-space:pre;text-shadow:0 0 12px rgba(143,212,255,.4),0 0 24px rgba(180,143,255,.2);color:#e8f0ff}.shooter{position:fixed;width:120px;height:2px;background:linear-gradient(to right,transparent,#fff,rgba(143,212,255,.8),transparent);pointer-events:none;z-index:1;opacity:0;filter:drop-shadow(0 0 6px #8fd4ff);transform-origin:left center}@keyframes shoot{0%{opacity:0;transform:translate(0) rotate(20deg) scaleX(.2)}5%{opacity:1}40%{opacity:1;transform:translate(110vw,40vh) rotate(20deg) scaleX(1)}50%,to{opacity:0}}.shooter.s1{top:8%;left:-10%;animation:shoot 14s ease-out infinite;animation-delay:2s}.shooter.s2{top:22%;left:-10%;animation:shoot 18s ease-out infinite;animation-delay:9s}.shooter.s3{top:5%;left:-10%;animation:shoot 16s ease-out infinite;animation-delay:15s}.astral-tree{position:fixed;z-index:1;pointer-events:none}.astral-tree svg{filter:drop-shadow(0 0 6px #8fd4ff) drop-shadow(0 0 14px #b48fff)}.astral-tree line{stroke:#d4e0f059;stroke-width:.6;stroke-linecap:round}.astral-tree circle{fill:#fff}.at-far1{bottom:18%;right:8%;width:70px;height:140px;opacity:.35}.at-far2{bottom:15%;right:14%;width:55px;height:110px;opacity:.3}.at-far3{bottom:16%;right:20%;width:50px;height:100px;opacity:.25}.at-mid1{bottom:8%;left:10%;width:150px;height:300px;opacity:.75}.at-mid2{bottom:5%;left:2%;width:120px;height:240px;opacity:.65}.at-mid3{bottom:4%;left:19%;width:110px;height:220px;opacity:.6}.at-near{bottom:0;right:-3%;width:260px;height:580px;opacity:.95;z-index:2}.at-near svg{filter:drop-shadow(0 0 10px #8fd4ff) drop-shadow(0 0 22px #b48fff) drop-shadow(0 0 40px rgba(180,143,255,.3))}.at-near line{stroke:#d4e0f08c;stroke-width:.7}.horizon{position:fixed;left:0;right:0;bottom:0;height:45vh;background:radial-gradient(ellipse 80% 50% at 50% 100%,rgba(143,212,255,.1),rgba(180,143,255,.05) 40%,transparent 75%);pointer-events:none;z-index:0}.ringed-planet{position:fixed;top:28%;left:8%;width:60px;height:60px;z-index:0;pointer-events:none;opacity:.75}.rp-body{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 35% 35%,#b48fff,#6b4aa8 50%,#3d2a6b);box-shadow:0 0 25px #b48fff80,0 0 50px #8fd4ff40}.rp-ring{position:absolute;top:50%;left:50%;width:100px;height:14px;border:1.2px solid rgba(255,143,196,.45);border-radius:50%;transform:translate(-50%,-50%) rotateX(75deg) rotate(15deg);box-shadow:0 0 10px #ff8fc459}.cosmic-owl{position:fixed;bottom:42%;right:8%;z-index:3;pointer-events:none;filter:drop-shadow(0 0 10px #8fd4ff) drop-shadow(0 0 20px #b48fff)}.cosmic-owl line{stroke:#d4e0f08c;stroke-width:.5}.cosmic-owl circle{fill:#fff}.cosmic-owl .perch{stroke:#d4e0f040;stroke-width:.3;stroke-dasharray:.5,.5}.crystals{position:fixed;bottom:2vh;right:6vw;z-index:2;pointer-events:none;filter:drop-shadow(0 0 20px rgba(143,212,255,.8)) drop-shadow(0 0 40px rgba(180,143,255,.5))}.stardust{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}