:root{--pumpkin: #ff6b1a;--pumpkin-dark: #cc5500;--ghost-white: #e8e0d4;--blood-red: #8b0000;--midnight: #0d0d1a;--fog: rgba(255, 255, 255, .08);--slime-green: #39ff14;--purple-glow: #7b2d8e}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--midnight);color:var(--ghost-white);font-family:Special Elite,cursive;overflow-x:hidden}.adventure{min-height:100vh;position:relative;display:flex;flex-direction:column;align-items:center}.fog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 80%,rgba(123,45,142,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(139,0,0,.1) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(255,107,26,.05) 0%,transparent 70%);pointer-events:none;z-index:0}.stars{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;animation:twinkle var(--duration) ease-in-out infinite;opacity:0}@keyframes twinkle{0%,to{opacity:0}50%{opacity:var(--max-opacity)}}.landing{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;z-index:1;padding:2rem}.title-wrapper{position:relative;margin-bottom:2rem}.main-title{font-family:Nosifer,sans-serif;font-size:clamp(2.5rem,8vw,5rem);color:var(--pumpkin);text-shadow:0 0 10px rgba(255,107,26,.5),0 0 30px rgba(255,107,26,.3),0 0 60px rgba(255,107,26,.2),0 4px 8px rgba(0,0,0,.8);letter-spacing:.05em;animation:titleFlicker 4s ease-in-out infinite}@keyframes titleFlicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.7}94%{opacity:1}96%{opacity:.8}97%{opacity:1}}.subtitle{font-family:Creepster,cursive;font-size:clamp(1rem,3vw,1.5rem);color:var(--ghost-white);opacity:.7;margin-top:.5rem;letter-spacing:.15em}.pumpkin-row{display:flex;gap:1.5rem;margin:2rem 0;font-size:3rem;animation:bob 3s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.pumpkin{filter:drop-shadow(0 0 15px rgba(255,107,26,.6));cursor:pointer;transition:transform .2s}.pumpkin:hover{transform:scale(1.2) rotate(-5deg)}.start-btn{font-family:Creepster,cursive;font-size:1.4rem;letter-spacing:.1em;padding:1rem 3rem;background:linear-gradient(135deg,var(--pumpkin),var(--pumpkin-dark));color:#fff;border:none;border-radius:8px;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 20px #ff6b1a66;margin-top:1rem}.start-btn:hover{transform:translateY(-3px);box-shadow:0 8px 30px #ff6b1a99}.start-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%);animation:shimmer 2.5s infinite}@keyframes shimmer{to{transform:translate(100%)}}.floating-ghosts{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.ghost{position:absolute;font-size:2rem;opacity:.15;animation:floatGhost var(--float-duration) ease-in-out infinite;filter:blur(1px)}@keyframes floatGhost{0%{transform:translate(0) rotate(0)}25%{transform:translate(20px,-30px) rotate(5deg)}50%{transform:translate(-10px,-50px) rotate(-3deg)}75%{transform:translate(15px,-20px) rotate(4deg)}to{transform:translate(0) rotate(0)}}.bat-container{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.bat{position:absolute;font-size:1.5rem;opacity:.3;animation:flyBat var(--fly-duration) linear infinite}@keyframes flyBat{0%{transform:translate(0) scaleX(1)}25%{transform:translate(100px,-50px) scaleX(-1)}50%{transform:translate(200px,20px) scaleX(1)}75%{transform:translate(300px,-30px) scaleX(-1)}to{transform:translate(400px) scaleX(1)}}.adventure-screen{min-height:100vh;width:100%;max-width:800px;padding:2rem;position:relative;z-index:1;display:flex;flex-direction:column}.scene-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,107,26,.2)}.scene-location{font-family:Creepster,cursive;font-size:.9rem;color:var(--pumpkin);letter-spacing:.3em;text-transform:uppercase;margin-bottom:.5rem}.scene-title{font-family:Nosifer,sans-serif;font-size:clamp(1.5rem,4vw,2.5rem);color:var(--ghost-white);text-shadow:0 0 20px rgba(255,107,26,.3)}.scene-illustration{font-size:6rem;text-align:center;margin:1.5rem 0;animation:scenePulse 4s ease-in-out infinite;filter:drop-shadow(0 0 30px rgba(255,107,26,.3))}@keyframes scenePulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 30px rgba(255,107,26,.3))}50%{transform:scale(1.05);filter:drop-shadow(0 0 40px rgba(255,107,26,.5))}}.story-text{font-size:1.1rem;line-height:1.8;color:var(--ghost-white);opacity:.9;margin-bottom:2rem;padding:1.5rem;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,107,26,.1);position:relative}.story-text:before{content:"";position:absolute;top:-1px;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,var(--pumpkin),transparent)}.choices{display:flex;flex-direction:column;gap:1rem;margin-top:auto;padding-top:1rem}.choice-btn{font-family:Special Elite,cursive;font-size:1rem;padding:1.2rem 1.5rem;background:#ffffff08;border:1px solid rgba(255,107,26,.2);border-radius:8px;color:var(--ghost-white);cursor:pointer;transition:all .3s ease;text-align:left;display:flex;align-items:center;gap:1rem}.choice-btn:hover{background:#ff6b1a1a;border-color:var(--pumpkin);transform:translate(8px);box-shadow:0 0 20px #ff6b1a33}.choice-icon{font-size:1.5rem;flex-shrink:0}.choice-text{flex:1}.choice-label{font-family:Creepster,cursive;font-size:.75rem;color:var(--pumpkin);letter-spacing:.15em;text-transform:uppercase;display:block;margin-bottom:.25rem}.inventory{position:fixed;top:1rem;right:1rem;z-index:10}.inventory-toggle{background:#ff6b1a26;border:1px solid rgba(255,107,26,.3);border-radius:50%;width:50px;height:50px;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.inventory-toggle:hover{background:#ff6b1a4d;transform:scale(1.1)}.inventory-panel{position:absolute;top:60px;right:0;background:#0d0d1af2;border:1px solid rgba(255,107,26,.3);border-radius:12px;padding:1.5rem;min-width:200px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 40px #00000080}.inventory-title{font-family:Creepster,cursive;color:var(--pumpkin);font-size:1.1rem;margin-bottom:1rem;letter-spacing:.1em}.inventory-item{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.inventory-item:last-child{border-bottom:none}.inventory-empty{color:#fff6;font-style:italic;font-size:.9rem}.progress-bar{position:fixed;bottom:0;left:0;right:0;height:3px;background:#ffffff1a;z-index:10}.progress-fill{height:100%;background:linear-gradient(90deg,var(--pumpkin),var(--blood-red));transition:width .5s ease;box-shadow:0 0 10px #ff6b1a80}.ending{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;position:relative;z-index:1}.ending-icon{font-size:8rem;margin-bottom:2rem;animation:endingPulse 2s ease-in-out infinite}@keyframes endingPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 20px rgba(255,107,26,.5))}50%{transform:scale(1.1);filter:drop-shadow(0 0 40px rgba(255,107,26,.8))}}.ending-title{font-family:Nosifer,sans-serif;font-size:clamp(2rem,5vw,3rem);color:var(--pumpkin);margin-bottom:1rem;text-shadow:0 0 30px rgba(255,107,26,.5)}.ending-text{font-size:1.1rem;line-height:1.8;max-width:600px;margin-bottom:2rem;opacity:.9}.ending-items{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.ending-item{background:#ff6b1a1a;border:1px solid rgba(255,107,26,.3);padding:.75rem 1.25rem;border-radius:8px;font-size:1rem}.restart-btn{font-family:Creepster,cursive;font-size:1.2rem;padding:1rem 2.5rem;background:transparent;border:2px solid var(--pumpkin);color:var(--pumpkin);border-radius:8px;cursor:pointer;transition:all .3s;letter-spacing:.1em}.restart-btn:hover{background:var(--pumpkin);color:#fff;box-shadow:0 0 30px #ff6b1a66}.typing{overflow:hidden;border-right:2px solid var(--pumpkin);white-space:nowrap;animation:typing 2s steps(40,end),blink .75s step-end infinite}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{0%,to{border-color:transparent}50%{border-color:var(--pumpkin)}}.fade-in{animation:fadeIn .8s ease-out forwards;opacity:0}@keyframes fadeIn{to{opacity:1}}.fade-in-delay-1{animation-delay:.2s}.fade-in-delay-2{animation-delay:.4s}.fade-in-delay-3{animation-delay:.6s}.fade-in-delay-4{animation-delay:.8s}.spooky-text{position:relative;display:inline-block}.spooky-text:after{content:attr(data-text);position:absolute;left:2px;top:2px;color:var(--blood-red);opacity:.5;z-index:-1;animation:glitch 3s infinite}@keyframes glitch{0%,to{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(2px,-2px)}60%{transform:translate(-1px,-1px)}80%{transform:translate(1px,1px)}}@media(max-width:600px){.adventure-screen{padding:1rem}.story-text{padding:1rem;font-size:1rem}.choice-btn{padding:1rem}}