@import"https://fonts.googleapis.com/css2?family=Creepster&family=Press+Start+2P&display=swap";.board-outer{position:relative;padding:28px;background:linear-gradient(145deg,#3d2810,#2a1a0a 40%,#1e1208,#1a0e05);border:3px solid #5a3a1e;border-radius:6px;box-shadow:0 0 60px #000000e6,0 0 120px #00000080,inset 0 0 40px #0009,inset 0 2px #64462833,0 0 80px #1e3c141a}.board-outer:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(95deg,transparent 0px,transparent 8px,rgba(80,50,20,.06) 8px,rgba(80,50,20,.06) 9px),repeating-linear-gradient(92deg,transparent 0px,transparent 20px,rgba(60,35,15,.04) 20px,rgba(60,35,15,.04) 22px);border-radius:6px;pointer-events:none;z-index:0}.board-outer:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:1px solid rgba(100,70,40,.15);border-radius:4px;pointer-events:none;z-index:0}.wood-frame-top,.wood-frame-bottom,.wood-frame-left,.wood-frame-right{position:absolute;z-index:1}.wood-frame-top{top:6px;left:28px;right:28px;height:18px;background:linear-gradient(180deg,#4a3018,#3d2810,#2a1a0a);border-bottom:1px solid rgba(80,50,20,.3)}.wood-frame-bottom{bottom:6px;left:28px;right:28px;height:18px;background:linear-gradient(0deg,#4a3018,#3d2810,#2a1a0a);border-top:1px solid rgba(80,50,20,.3)}.wood-frame-left{left:6px;top:28px;bottom:28px;width:18px;background:linear-gradient(90deg,#4a3018,#3d2810,#2a1a0a);border-right:1px solid rgba(80,50,20,.3)}.wood-frame-right{right:6px;top:28px;bottom:28px;width:18px;background:linear-gradient(270deg,#4a3018,#3d2810,#2a1a0a);border-left:1px solid rgba(80,50,20,.3)}.wood-corner{position:absolute;width:22px;height:22px;z-index:2;background:radial-gradient(circle at center,#5a3a1e 30%,#3d2810 70%,#2a1a0a);border:1px solid rgba(100,70,40,.3)}.wood-corner:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;background:radial-gradient(circle,#8a7050,#5a4030 60%,#3a2818);box-shadow:inset 0 1px 1px #c8aa784d}.wood-corner-tl{top:6px;left:6px;border-radius:3px 0 0}.wood-corner-tr{top:6px;right:6px;border-radius:0 3px 0 0}.wood-corner-bl{bottom:6px;left:6px;border-radius:0 0 0 3px}.wood-corner-br{bottom:6px;right:6px;border-radius:0 0 3px}.coord-row,.coord-col{position:absolute;display:flex;z-index:3;pointer-events:none}.coord-row{left:28px;right:28px;flex-direction:row;justify-content:space-around}.coord-col{top:28px;bottom:28px;flex-direction:column;justify-content:space-around}.coord-top{top:8px}.coord-bottom{bottom:8px}.coord-left{left:8px}.coord-right{right:8px}.coord-label{font-family:var(--font-pixel);font-size:6px;color:#a0825080;text-transform:uppercase;display:flex;align-items:center;justify-content:center;width:14px;height:14px}.board-wrapper{position:relative;z-index:5}.board-grid{display:grid;grid-template-columns:repeat(8,64px);grid-template-rows:repeat(8,64px);gap:1px;background:#0a0805;border:2px solid #1a1208;box-shadow:inset 0 0 10px #000c;image-rendering:pixelated}.tile{position:relative;width:64px;height:64px;display:flex;align-items:center;justify-content:center;overflow:visible}.tile-texture{position:absolute;top:0;left:0;right:0;bottom:0;opacity:.15;pointer-events:none;background:repeating-linear-gradient(45deg,transparent 0px,transparent 2px,rgba(0,0,0,.2) 2px,rgba(0,0,0,.2) 4px)}.tile-grass.tile-even{background:linear-gradient(135deg,#3a5a1e,#462 40%,#3a5a1e)}.tile-grass.tile-odd{background:linear-gradient(135deg,#2d4a18,#355220 40%,#2d4a18)}.tile-mud.tile-even{background:linear-gradient(135deg,#4a3828,#544030 40%,#4a3828)}.tile-mud.tile-odd{background:linear-gradient(135deg,#3d2e20,#453528 40%,#3d2e20)}.tile-moss.tile-even{background:linear-gradient(135deg,#2e4a18,#385220 40%,#2e4a18)}.tile-moss.tile-odd{background:linear-gradient(135deg,#243d14,#2c4518 40%,#243d14)}.tile-dark{background:linear-gradient(135deg,#181814,#1e1e18 40%,#181814)}.tile-tree{background:linear-gradient(135deg,#1a2e10,#0d1a08)}.tree-obstacle{position:relative;z-index:5;display:flex;align-items:center;justify-content:center}.pokok-img{width:58px;height:58px;object-fit:contain;image-rendering:pixelated;filter:brightness(.8) saturate(.9) drop-shadow(2px 4px 6px rgba(0,0,0,.8))}.tile-grave.tile-even{background:linear-gradient(135deg,#2e2e1e,#383828 40%,#2e2e1e)}.tile-grave.tile-odd{background:linear-gradient(135deg,#262620,#2d2d22 40%,#262620)}.grave-marker{position:absolute;top:4px;right:6px;font-size:14px;color:#968c7873;z-index:2}.kubur-decoration{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:2;pointer-events:none}.kubur-img{width:40px;height:auto;image-rendering:pixelated;opacity:.7;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}.tile-home{background:linear-gradient(135deg,#3a4a2a,#4a5a3a,#3a4a2a)!important;animation:homeGlow 2s ease-in-out infinite}@keyframes homeGlow{0%,to{box-shadow:inset 0 0 20px #64c86426}50%{box-shadow:inset 0 0 30px #64c8644d}}.special-building{position:absolute;z-index:8;pointer-events:none;display:flex;align-items:flex-end;justify-content:center}.building-img{image-rendering:pixelated;filter:drop-shadow(2px 4px 6px rgba(0,0,0,.7))}.tempat-selamat-building{bottom:-2px;left:50%;transform:translate(-50%) translateY(-10%)}.tempat-selamat-building .building-img{width:100px;height:auto;filter:drop-shadow(2px 4px 8px rgba(0,0,0,.7)) drop-shadow(0 0 12px rgba(100,200,100,.25))}.entity-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:20}.entity{position:absolute;display:flex;align-items:center;justify-content:center;transition:left .18s ease-out,top .18s ease-out}.entity-shadow{position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:36px;height:10px;background:radial-gradient(ellipse,rgba(0,0,0,.5) 0%,transparent 70%);border-radius:50%;z-index:-1}.player-wrapper{position:relative;display:flex;align-items:flex-end;justify-content:center;transform:translateY(-18px);animation:playerIdle 1.2s ease-in-out infinite}.player-sprite{width:48px;height:auto;image-rendering:pixelated;filter:drop-shadow(0 3px 4px rgba(0,0,0,.7));transition:all .15s ease}.player-shadow{width:32px;height:8px;bottom:-14px}@keyframes playerIdle{0%,to{transform:translateY(-18px)}50%{transform:translateY(-22px)}}.player-wrapper.at-home .player-sprite{filter:drop-shadow(0 0 10px rgba(100,255,100,.6)) drop-shadow(0 3px 4px rgba(0,0,0,.7))}.shield-effect{position:absolute;top:-8px;left:-8px;right:-8px;bottom:0;border:2px solid rgba(100,255,100,.4);border-radius:50%;animation:shieldPulse 1.5s ease-in-out infinite;pointer-events:none}@keyframes shieldPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.15)}}.ghost-wrapper{position:relative;display:flex;align-items:flex-end;justify-content:center;transform:translateY(-24px);animation:ghostHover 2s ease-in-out infinite}.ghost-sprite{width:54px;height:auto;image-rendering:pixelated;filter:drop-shadow(0 0 12px rgba(100,100,255,.4)) drop-shadow(0 4px 6px rgba(0,0,0,.8));transition:all .2s ease}.ghost-shadow{width:38px;height:10px;bottom:-20px;background:radial-gradient(ellipse,rgba(80,50,120,.5) 0%,transparent 70%)}@keyframes ghostHover{0%,to{transform:translateY(-24px)}50%{transform:translateY(-32px)}}.ghost-wrapper.frozen{animation:frozenShake .3s ease-in-out infinite}.ghost-wrapper.frozen .ghost-sprite{filter:drop-shadow(0 0 14px rgba(100,200,255,.7)) brightness(1.4) saturate(.4) hue-rotate(180deg)}@keyframes frozenShake{0%,to{transform:translateY(-24px) translate(0)}25%{transform:translateY(-24px) translate(-2px)}75%{transform:translateY(-24px) translate(2px)}}.ghost-wrapper.confused .ghost-sprite{filter:drop-shadow(0 0 10px rgba(255,200,50,.5)) drop-shadow(0 4px 6px rgba(0,0,0,.8))}.ghost-wrapper.confused{animation:confusedWobble 2s ease-in-out infinite}@keyframes confusedWobble{0%,to{transform:translateY(-24px) rotate(0)}25%{transform:translateY(-28px) rotate(-5deg)}50%{transform:translateY(-30px) rotate(0)}75%{transform:translateY(-28px) rotate(5deg)}}.ghost-wrapper.hunting-bomoh .ghost-sprite{filter:drop-shadow(0 0 16px rgba(255,50,50,.7)) drop-shadow(0 0 8px rgba(255,0,0,.5)) drop-shadow(0 4px 6px rgba(0,0,0,.8))}.ghost-wrapper.hunting-bomoh{animation:huntingPulse .8s ease-in-out infinite}@keyframes huntingPulse{0%,to{transform:translateY(-24px) scale(1)}50%{transform:translateY(-28px) scale(1.05)}}.status-icon{position:absolute;top:-16px;right:-4px;font-size:16px;animation:statusBounce .7s ease-in-out infinite;z-index:30;filter:drop-shadow(0 0 4px rgba(0,0,0,.8))}.target-icon{left:-4px;right:auto;animation:targetPulse .5s ease-in-out infinite}@keyframes statusBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.2)}}@keyframes targetPulse{0%,to{transform:translateY(0) scale(1);opacity:1}50%{transform:translateY(-4px) scale(1.3);opacity:.7}}.powerup-wrapper{position:relative;display:flex;align-items:flex-end;justify-content:center;transform:translateY(-10px);animation:powerupBob 1.5s ease-in-out infinite}.powerup-sprite{width:52px;height:52px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.powerup-wrapper .entity-shadow{width:28px;height:7px;bottom:-8px}.powerup-glow{position:absolute;width:56px;height:56px;background:radial-gradient(circle,rgba(255,200,50,.25) 0%,transparent 70%);border-radius:50%;animation:glowPulse 1.5s ease-in-out infinite;pointer-events:none}@keyframes powerupBob{0%,to{transform:translateY(-10px)}50%{transform:translateY(-16px)}}@keyframes glowPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.4);opacity:1}}.usop-wrapper{position:relative;display:flex;align-items:flex-end;justify-content:center;transform:translateY(-14px);animation:usopIdle 2s ease-in-out infinite}.usop-sprite{width:52px;height:auto;image-rendering:pixelated;filter:drop-shadow(0 3px 5px rgba(0,0,0,.7))}.usop-shadow{width:34px;height:9px;bottom:-12px}.usop-help-icon{position:absolute;top:-20px;right:-2px;font-size:18px;animation:helpBounce .8s ease-in-out infinite;z-index:30;filter:drop-shadow(0 0 4px rgba(255,80,80,.8))}@keyframes usopIdle{0%,to{transform:translateY(-14px)}50%{transform:translateY(-18px)}}@keyframes helpBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.3)}}.carrying-indicator{position:absolute;top:-24px;right:-16px;z-index:30;animation:carryBob 1s ease-in-out infinite}.carrying-usop-mini{width:24px;height:auto;image-rendering:pixelated;filter:drop-shadow(0 1px 3px rgba(0,0,0,.6));border-radius:50%;border:2px solid rgba(255,200,50,.6);background:#0000004d}.player-wrapper.carrying .player-sprite{filter:drop-shadow(0 0 8px rgba(255,200,50,.5)) drop-shadow(0 3px 4px rgba(0,0,0,.7))}@keyframes carryBob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.flag-wrapper{position:relative;display:flex;align-items:flex-end;justify-content:center;transform:translateY(-12px);animation:flagWave 1.2s ease-in-out infinite}.flag-sprite{width:50px;height:50px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 3px 5px rgba(0,0,0,.7))}.flag-shadow{width:30px;height:8px;bottom:-10px}.flag-glow{position:absolute;width:60px;height:60px;background:radial-gradient(circle,rgba(255,100,50,.3) 0%,transparent 70%);border-radius:50%;animation:flagGlowPulse 1.5s ease-in-out infinite;pointer-events:none}@keyframes flagWave{0%,to{transform:translateY(-12px) rotate(0)}25%{transform:translateY(-16px) rotate(3deg)}75%{transform:translateY(-14px) rotate(-3deg)}}@keyframes flagGlowPulse{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.5);opacity:.8}}.bomoh-wrapper{position:relative;display:flex;align-items:flex-end;justify-content:center;transform:translateY(-20px);animation:bomohFloat 2s ease-in-out infinite}.bomoh-sprite{width:56px;height:auto;image-rendering:pixelated;filter:drop-shadow(0 0 10px rgba(180,100,255,.5)) drop-shadow(0 4px 6px rgba(0,0,0,.8))}.bomoh-shadow{width:36px;height:9px;bottom:-16px;background:radial-gradient(ellipse,rgba(120,60,180,.4) 0%,transparent 70%)}.bomoh-aura{position:absolute;width:70px;height:70px;background:radial-gradient(circle,rgba(160,80,255,.2) 0%,rgba(120,50,200,.1) 40%,transparent 70%);border-radius:50%;animation:bomohAuraPulse 2s ease-in-out infinite;pointer-events:none}@keyframes bomohFloat{0%,to{transform:translateY(-20px)}50%{transform:translateY(-28px)}}@keyframes bomohAuraPulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.3);opacity:1}}.bomoh-dead-wrapper{position:relative;display:flex;align-items:flex-end;justify-content:center;transform:translateY(-4px)}.bomoh-dead-sprite{width:54px;height:auto;image-rendering:pixelated;filter:brightness(.7) saturate(.5) drop-shadow(0 2px 4px rgba(0,0,0,.7));opacity:.85}.bomoh-dead-shadow{width:40px;height:8px;bottom:-4px}.smoke-effect{position:relative;width:64px;height:64px}.smoke-puff{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(180,180,180,.6) 0%,rgba(120,120,120,.3) 40%,transparent 70%);animation:smokePuffAnim 1.5s ease-out forwards}.smoke-1{width:40px;height:40px;top:10px;left:12px;animation-delay:0s}.smoke-2{width:32px;height:32px;top:4px;left:24px;animation-delay:.2s}.smoke-3{width:36px;height:36px;top:14px;left:4px;animation-delay:.4s}@keyframes smokePuffAnim{0%{opacity:.8;transform:scale(.5) translateY(0)}50%{opacity:.5;transform:scale(1.2) translateY(-10px)}to{opacity:0;transform:scale(1.8) translateY(-25px)}}.selipar-wrapper{position:relative;display:flex;align-items:center;justify-content:center;animation:seliparBob 1.5s ease-in-out infinite}.selipar-sprite{width:42px;height:auto;image-rendering:pixelated;filter:drop-shadow(0 3px 5px rgba(0,0,0,.7));animation:seliparSpin 3s linear infinite}.selipar-glow{position:absolute;width:56px;height:56px;background:radial-gradient(circle,rgba(255,100,50,.3) 0%,transparent 70%);border-radius:50%;animation:glowPulse 1.5s ease-in-out infinite;pointer-events:none}@keyframes seliparBob{0%,to{transform:translateY(-10px)}50%{transform:translateY(-18px)}}@keyframes seliparSpin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.holding-selipar .player-sprite{filter:drop-shadow(0 0 8px rgba(255,150,50,.6)) drop-shadow(0 3px 6px rgba(0,0,0,.8))}.ghost-wrapper.frozen .ghost-sprite{filter:brightness(1.3) saturate(.6) drop-shadow(0 0 10px rgba(100,200,255,.7));animation:stunShake .3s ease-in-out infinite}@keyframes stunShake{0%,to{transform:translate(0)}25%{transform:translate(-3px) rotate(-2deg)}75%{transform:translate(3px) rotate(2deg)}}.main-menu{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:50;overflow:hidden;background:transparent}.menu-bg-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 120% 80% at 50% 110%,rgba(20,5,30,.85) 0%,transparent 70%),radial-gradient(ellipse 60% 50% at 80% 20%,rgba(30,10,50,.35) 0%,transparent 70%),linear-gradient(180deg,#050510bf,#0a0820b3 40%,#120818cc);z-index:0}.menu-fog{position:absolute;bottom:0;left:-10%;width:120%;height:40%;background:radial-gradient(ellipse at center,rgba(100,120,160,.06) 0%,transparent 70%);pointer-events:none;z-index:1}.fog-1{animation:fogDrift1 12s ease-in-out infinite alternate}.fog-2{animation:fogDrift2 15s ease-in-out infinite alternate-reverse;opacity:.7;bottom:-5%}@keyframes fogDrift1{0%{transform:translate(-5%) scaleY(1)}to{transform:translate(5%) scaleY(1.2)}}@keyframes fogDrift2{0%{transform:translate(3%) scaleY(1.1)}to{transform:translate(-3%) scaleY(.9)}}.menu-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 20%,rgba(0,0,0,.5) 55%,rgba(0,0,0,.92) 100%);pointer-events:none;z-index:2}.menu-scanlines{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.04) 2px,rgba(0,0,0,.04) 4px);pointer-events:none;z-index:3}.menu-noise{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none;z-index:4;animation:noiseFlicker .15s steps(2) infinite}@keyframes noiseFlicker{0%{transform:translate(0)}50%{transform:translate(-1px,1px)}to{transform:translate(1px,-1px)}}.blood-drips{position:absolute;top:0;left:0;right:0;height:90px;z-index:5;pointer-events:none}.blood-drip{position:absolute;top:0;width:3px;background:linear-gradient(180deg,#8b0000 0%,#cc0000 40%,#660000 80%,transparent 100%);border-radius:0 0 50% 50%;animation:bloodDrip ease-in infinite;opacity:.7}@keyframes bloodDrip{0%{transform:scaleY(0);transform-origin:top;opacity:.7}50%{transform:scaleY(1);opacity:.9}to{transform:scaleY(1);opacity:.3}}.menu-moon{position:absolute;top:4vh;right:8%;z-index:1}.moon-core{width:clamp(50px,10vw,90px);height:clamp(50px,10vw,90px);background:radial-gradient(circle at 35% 35%,#f5f5d0,#e0dfa0 40%,#a0a070);border-radius:50%;box-shadow:0 0 40px #f0f0c84d,0 0 80px #f0f0c826,0 0 120px #f0f0c814;animation:moonGlow 5s ease-in-out infinite alternate;position:relative;z-index:2}.moon-halo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(120px,22vw,200px);height:clamp(120px,22vw,200px);border-radius:50%;background:radial-gradient(circle,rgba(240,240,200,.04) 0%,transparent 70%);border:1px solid rgba(240,240,200,.03);z-index:1;animation:haloSpin 30s linear infinite}@keyframes moonGlow{0%{box-shadow:0 0 40px #f0f0c84d,0 0 80px #f0f0c826}to{box-shadow:0 0 60px #f0f0c880,0 0 120px #f0f0c840}}@keyframes haloSpin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.menu-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:2}.menu-particle{position:absolute;bottom:-10px;width:2px;height:2px;background:#c8ffc880;border-radius:50%;box-shadow:0 0 6px #c8ffc84d;animation:particleRise linear infinite}@keyframes particleRise{0%{transform:translateY(0) translate(0);opacity:0}10%{opacity:.7}90%{opacity:.2}to{transform:translateY(-100vh) translate(30px);opacity:0}}.pixel-frame{position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:2px solid rgba(201,168,76,.12);pointer-events:none;z-index:6}.pixel-frame:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:1px solid rgba(201,168,76,.06)}.pixel-frame-corner{position:absolute;width:12px;height:12px;border-color:#c9a84c40;border-style:solid}.pf-tl{top:-1px;left:-1px;border-width:2px 0 0 2px}.pf-tr{top:-1px;right:-1px;border-width:2px 2px 0 0}.pf-bl{bottom:-1px;left:-1px;border-width:0 0 2px 2px}.pf-br{bottom:-1px;right:-1px;border-width:0 2px 2px 0}.menu-content-scaler{display:flex;align-items:center;justify-content:center;width:100%;height:100%;transform-origin:center center;z-index:10;position:relative}.menu-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:clamp(8px,2vh,22px);z-index:10;padding:clamp(10px,2vh,20px);max-width:90vw;max-height:100vh;opacity:0;transform:translateY(30px) scale(.97);transition:opacity 1s ease,transform 1s cubic-bezier(.16,1,.3,1)}.menu-content-ready{opacity:1;transform:translateY(0) scale(1)}.menu-title-wrapper{text-align:center;position:relative}.title-badge{font-family:var(--font-pixel);font-size:clamp(5px,1.2vw,7px);color:#c9a84c73;letter-spacing:5px;margin-bottom:8px;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:8px}.badge-star{color:#c9a84c80;font-size:.9em;animation:starTwinkle 2s ease-in-out infinite alternate}.badge-star:last-child{animation-delay:1s}@keyframes starTwinkle{0%{opacity:.3;transform:scale(.8)}to{opacity:.7;transform:scale(1.1)}}.menu-title{display:flex;flex-direction:column;align-items:center;line-height:1;position:relative}.title-line{font-family:Creepster,cursive;display:block}.title-hantu{font-size:clamp(56px,14vw,100px);color:var(--horror-blood);text-shadow:0 0 10px rgba(204,0,0,.8),0 0 30px rgba(204,0,0,.4),0 0 60px rgba(204,0,0,.2),0 0 100px rgba(204,0,0,.1),0 4px 0 #330000,0 6px 12px rgba(0,0,0,.9);letter-spacing:8px;animation:titleFlicker 4s ease-in-out infinite,titleFloat 6s ease-in-out infinite}.title-kaklimah{font-size:clamp(40px,10vw,76px);color:#c33;text-shadow:0 0 8px rgba(204,50,50,.6),0 0 25px rgba(204,50,50,.3),0 3px 0 #220000,0 5px 10px rgba(0,0,0,.8);letter-spacing:5px;margin-top:-6px}@keyframes titleFlicker{0%,92%,to{opacity:1}93%{opacity:.7}94%{opacity:1}96%{opacity:.6}97%{opacity:1}}@keyframes titleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.menu-subtitle{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:12px}.subtitle-text{font-family:var(--font-pixel);font-size:clamp(7px,1.8vw,11px);color:var(--horror-gold);letter-spacing:8px;text-shadow:0 0 12px rgba(201,168,76,.5)}.subtitle-dash{width:clamp(24px,6vw,48px);height:1px;background:linear-gradient(90deg,transparent,var(--horror-gold),transparent);opacity:.35}.menu-showcase{display:flex;align-items:center;gap:clamp(16px,4vw,44px);padding:clamp(16px,2.5vh,24px) clamp(24px,5vw,60px);background:linear-gradient(180deg,#00000080,#0000004d);border:1px solid rgba(201,168,76,.1);border-radius:6px;position:relative}.menu-showcase:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:6px;box-shadow:inset 0 0 40px #0009;pointer-events:none}.menu-showcase:after{content:"";position:absolute;bottom:-1px;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(201,168,76,.2),transparent)}.showcase-char{display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;width:clamp(100px,18vw,140px);flex-shrink:0}.char-platform{position:absolute;bottom:26px;width:80%;height:4px;background:radial-gradient(ellipse,rgba(100,200,100,.15) 0%,transparent 70%);border-radius:50%;filter:blur(4px)}.limah-platform{background:radial-gradient(ellipse,rgba(100,100,255,.15) 0%,transparent 70%)}.char-glow{position:absolute;top:40%;left:50%;transform:translate(-50%,-55%);width:110px;height:110px;border-radius:50%;filter:blur(25px);opacity:.25;pointer-events:none}.husin-glow{background:#50c85066;animation:glowPulse 3s ease-in-out infinite}.limah-glow{background:#5050ff80;animation:glowPulse 3s ease-in-out infinite 1.5s}@keyframes glowPulse{0%,to{opacity:.15;transform:translate(-50%,-55%) scale(1)}50%{opacity:.35;transform:translate(-50%,-55%) scale(1.15)}}.showcase-img{width:clamp(64px,14vw,100px);height:clamp(64px,14vw,100px);object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 4px 10px rgba(0,0,0,.9));position:relative;z-index:2}.showcase-husin .showcase-img{animation:husinReady 2s ease-in-out infinite}.limah-img{filter:drop-shadow(0 0 18px rgba(100,100,255,.5)) drop-shadow(0 4px 10px rgba(0,0,0,.9))!important;animation:limahHaunt 2.5s ease-in-out infinite!important}@keyframes husinReady{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes limahHaunt{0%,to{transform:translateY(0)}30%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.char-nameplate{display:flex;flex-direction:column;align-items:center;gap:2px;background:linear-gradient(180deg,#0006,#0003);padding:4px 12px;border-radius:3px;border:1px solid rgba(201,168,76,.15);width:100%}.char-name{font-family:var(--font-pixel);font-size:clamp(8px,1.8vw,11px);color:var(--horror-gold);letter-spacing:3px;text-shadow:0 0 8px rgba(201,168,76,.4)}.limah-name{color:#99f;text-shadow:0 0 8px rgba(100,100,255,.5)}.char-title{font-family:var(--font-pixel);font-size:clamp(4px,1vw,6px);color:#c8bea066;letter-spacing:2px}.showcase-vs{position:relative;display:flex;align-items:center;justify-content:center;z-index:3}.vs-burst{position:absolute;width:clamp(60px,12vw,80px);height:clamp(60px,12vw,80px);background:radial-gradient(circle,rgba(204,0,0,.08) 0%,transparent 70%);border-radius:50%;animation:vsBurst 2s ease-in-out infinite}@keyframes vsBurst{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.3);opacity:.8}}.vs-circle{width:clamp(44px,9vw,60px);height:clamp(44px,9vw,60px);border-radius:50%;background:radial-gradient(circle,#cc000059,#000000b3);border:2px solid rgba(204,0,0,.6);display:flex;align-items:center;justify-content:center;animation:vsPulse 2s ease-in-out infinite;position:relative;z-index:2;box-shadow:0 0 20px #c003,inset 0 0 15px #cc00001a}.vs-circle span{font-family:Creepster,cursive;font-size:clamp(20px,5vw,30px);color:var(--horror-blood);text-shadow:0 0 12px rgba(204,0,0,.7),2px 2px 0 #000}.vs-spark{position:absolute;width:3px;height:3px;background:#ff6432cc;border-radius:50%;box-shadow:0 0 4px #ff643299}.vs-spark-1{animation:sparkFly1 1.5s ease-out infinite}.vs-spark-2{animation:sparkFly2 1.5s ease-out .3s infinite}.vs-spark-3{animation:sparkFly3 1.5s ease-out .6s infinite}.vs-spark-4{animation:sparkFly4 1.5s ease-out .9s infinite}@keyframes sparkFly1{0%{transform:translate(0);opacity:1}to{transform:translate(-20px,-15px);opacity:0}}@keyframes sparkFly2{0%{transform:translate(0);opacity:1}to{transform:translate(20px,-15px);opacity:0}}@keyframes sparkFly3{0%{transform:translate(0);opacity:1}to{transform:translate(-15px,20px);opacity:0}}@keyframes sparkFly4{0%{transform:translate(0);opacity:1}to{transform:translate(15px,20px);opacity:0}}@keyframes vsPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.menu-tagline-wrapper{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;max-width:400px}.tagline-border{width:60%;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(201,168,76,.15) 50%,transparent 100%)}.menu-tagline{font-family:var(--font-pixel);font-size:clamp(7px,1.5vw,10px);color:#c8c8b48c;font-style:italic;letter-spacing:1px;text-align:center;padding:0 10px;animation:taglineIn .6s ease-out}.tagline-quote{font-family:Creepster,cursive;font-size:1.4em;color:#cc00004d;vertical-align:middle}@keyframes taglineIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.menu-buttons{display:flex;flex-direction:column;gap:10px;align-items:center;width:100%;max-width:300px;opacity:0;transform:translateY(15px);transition:opacity .6s ease,transform .6s ease}.buttons-ready{opacity:1;transform:translateY(0)}.menu-btn{font-family:var(--font-pixel);font-size:clamp(9px,1.7vw,12px);padding:clamp(10px,2vh,14px) clamp(22px,4vw,40px);background:linear-gradient(180deg,#1e190ff2,#0f0c08fa);border:2px solid rgba(201,168,76,.4);color:var(--horror-gold);cursor:pointer;letter-spacing:2px;transition:all .15s ease;min-width:clamp(200px,55vw,260px);text-align:center;position:relative;overflow:hidden}.btn-pixel-border{position:absolute;top:2px;right:2px;bottom:2px;left:2px;border:1px solid rgba(201,168,76,.08);pointer-events:none}.menu-btn:hover{background:linear-gradient(180deg,#32280ff2,#1e190afa);border-color:var(--horror-gold);box-shadow:0 0 20px #c9a84c40,inset 0 0 15px #c9a84c0d;transform:scale(1.04)}.menu-btn:active{transform:scale(.96);transition:transform .05s}.menu-btn-start{font-size:clamp(11px,2.2vw,14px);border-color:#4f4;color:#4f4;display:flex;align-items:center;justify-content:center;gap:10px;animation:startGlow 2.5s ease-in-out infinite;padding:clamp(12px,2.5vh,18px) clamp(28px,5vw,48px)}.menu-btn-start .btn-pixel-border{border-color:#44ff4414}.btn-icon{font-size:.9em;filter:drop-shadow(0 0 4px rgba(68,255,68,.5))}.btn-shine{position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(68,255,68,.06),transparent);animation:btnShine 3s ease-in-out infinite}@keyframes btnShine{0%,to{left:-100%}50%{left:150%}}.menu-btn-start:hover{box-shadow:0 0 30px #44ff4459,0 0 60px #44ff441a,inset 0 0 15px #44ff4414;border-color:#6f6}@keyframes startGlow{0%,to{box-shadow:0 0 10px #44ff4426}50%{box-shadow:0 0 25px #44ff4459,0 0 50px #44ff441f}}.menu-btn-guide{display:flex;align-items:center;justify-content:center;gap:10px}.guide-btn-icon{width:clamp(40px,7vw,60px);height:auto;image-rendering:pixelated;filter:drop-shadow(0 2px 5px rgba(0,0,0,.7))}.menu-footer{display:flex;align-items:center;gap:10px;font-family:var(--font-pixel);font-size:clamp(5px,1vw,7px);color:#c8c8b433;letter-spacing:1px}.footer-keys{display:flex;align-items:center;gap:3px}.key-cap{display:inline-flex;align-items:center;justify-content:center;width:clamp(14px,2.5vw,18px);height:clamp(14px,2.5vw,18px);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:2px;font-size:.9em;color:#c8c8b459}.footer-sep{opacity:.3}.menu-guide-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px;animation:fadeIn .3s ease-out}.menu-guide{background:linear-gradient(180deg,#0f0f1a,#0a0a14);border:2px solid var(--horror-gold);border-radius:4px;max-width:500px;width:100%;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 0 40px #000c,0 0 20px #c9a84c26;animation:guideSlideIn .4s ease-out}@keyframes guideSlideIn{0%{transform:translateY(30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.guide-header{text-align:center;padding:clamp(12px,2vh,20px) 20px;border-bottom:1px solid rgba(201,168,76,.2);background:#c9a84c08;flex-shrink:0}.guide-book-img{width:clamp(60px,12vw,90px);height:auto;image-rendering:pixelated;filter:drop-shadow(0 4px 8px rgba(0,0,0,.6));margin-bottom:8px}.guide-header h3{font-family:Creepster,cursive;font-size:clamp(18px,4vw,26px);color:var(--horror-gold);letter-spacing:3px;text-shadow:0 0 10px rgba(201,168,76,.4)}.guide-subtitle{font-family:var(--font-pixel);font-size:clamp(6px,1.4vw,8px);color:#c8bea080;margin-top:4px;letter-spacing:1px}.guide-scroll{overflow-y:auto;padding:clamp(10px,2vh,16px) clamp(12px,3vw,20px);flex:1;min-height:0}.guide-scroll::-webkit-scrollbar{width:6px}.guide-scroll::-webkit-scrollbar-track{background:#0000004d}.guide-scroll::-webkit-scrollbar-thumb{background:#c9a84c4d;border-radius:3px}.guide-scroll::-webkit-scrollbar-thumb:hover{background:#c9a84c80}.guide-section{margin-bottom:clamp(12px,2vh,18px)}.guide-section-title{font-family:Creepster,cursive;font-size:clamp(14px,3vw,18px);color:var(--horror-gold);letter-spacing:2px;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid rgba(201,168,76,.15)}.guide-grid{display:flex;flex-direction:column;gap:8px}.guide-item{display:flex;align-items:center;gap:clamp(8px,2vw,12px);padding:6px 8px;background:#ffffff05;border-radius:3px;border:1px solid rgba(201,168,76,.06);transition:background .15s}.guide-item:hover{background:#c9a84c0a}.guide-icon{width:clamp(28px,6vw,36px);height:clamp(28px,6vw,36px);object-fit:contain;image-rendering:pixelated;flex-shrink:0}.guide-icon-char{width:clamp(24px,5vw,32px);height:auto;object-fit:contain;image-rendering:pixelated;flex-shrink:0}.guide-item-text{display:flex;flex-direction:column;gap:2px}.guide-item-text strong{font-family:var(--font-pixel);font-size:clamp(7px,1.4vw,9px);color:var(--horror-gold);letter-spacing:1px}.guide-item-text span{font-family:var(--font-pixel);font-size:clamp(6px,1.2vw,7px);color:#c8bea0b3;line-height:1.6}.guide-tips{display:flex;flex-direction:column;gap:6px}.guide-tips p{font-family:var(--font-pixel);font-size:clamp(6px,1.2vw,7px);color:#c8bea0a6;line-height:1.6;padding-left:12px;position:relative}.guide-tips p:before{content:">";position:absolute;left:0;color:var(--horror-gold);opacity:.5}.guide-funny p{color:#c8c8a080;font-style:italic}.guide-funny p:before{content:"*";color:var(--horror-blood)}.guide-section-tips{border-top:1px solid rgba(201,168,76,.1);padding-top:12px}.guide-close-btn{margin:12px auto;min-width:160px!important;flex-shrink:0}@media(max-width:480px){.menu-content{gap:12px;padding:12px 8px}.title-hantu{font-size:52px;letter-spacing:4px}.title-kaklimah{font-size:38px;letter-spacing:3px}.title-badge{font-size:5px;letter-spacing:3px}.subtitle-text{font-size:8px;letter-spacing:4px}.menu-showcase{gap:12px;padding:12px 16px}.showcase-char{width:110px}.showcase-img{width:70px;height:70px}.char-name{font-size:8px}.char-title{font-size:5px}.vs-circle{width:40px;height:40px}.vs-circle span{font-size:18px}.menu-btn{min-width:220px;font-size:10px;padding:12px 24px}.menu-btn-start{font-size:12px;padding:14px 30px}.guide-btn-icon{width:40px}.menu-tagline{font-size:8px}.menu-buttons{max-width:260px}.menu-guide{max-height:80vh}.guide-header{padding:10px 14px}.blood-drips{height:40px}.pixel-frame{top:4px;right:4px;bottom:4px;left:4px}.key-cap{display:none}.footer-keys{font-size:inherit}}@media(max-height:600px){.menu-content{gap:6px}.menu-showcase{padding:6px 12px}.showcase-img{width:50px;height:50px}.showcase-char{width:80px;gap:4px}.menu-tagline-wrapper{display:none}.blood-drips{height:25px}.char-nameplate{padding:2px 8px}.title-hantu{font-size:44px}.title-kaklimah{font-size:32px}}.hud{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background:linear-gradient(180deg,rgba(10,10,15,.95) 0%,rgba(10,10,15,.7) 80%,transparent 100%);z-index:100;border-bottom:1px solid rgba(201,168,76,.2)}.hud-section{display:flex;align-items:center;gap:20px}.hud-center{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.hud-item{display:flex;align-items:center;gap:8px}.hud-label{font-family:var(--font-pixel);font-size:8px;color:#c8bea099;letter-spacing:1px}.hud-value{font-family:var(--font-pixel);font-size:12px;color:var(--horror-gold);text-shadow:0 0 6px rgba(201,168,76,.4)}.hp-hearts{display:flex;gap:2px}.heart{color:var(--horror-blood);font-size:16px;text-shadow:0 0 6px rgba(204,0,0,.6);animation:heartBeat 1s ease-in-out infinite}.heart-empty{color:#64503c66;font-size:16px}@keyframes heartBeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.hud-status{font-family:var(--font-pixel);font-size:8px;padding:4px 10px;border-radius:2px;letter-spacing:1px;animation:statusPulse 1.5s ease-in-out infinite}.status-freeze{background:#64c8ff26;border:1px solid rgba(100,200,255,.4);color:#8cf}.status-confuse{background:#ffc83226;border:1px solid rgba(255,200,50,.4);color:#fc4}.status-safe{background:#64ff6426;border:1px solid rgba(100,255,100,.4);color:#6f6}.status-moves{background:#c864ff26;border:1px solid rgba(200,100,255,.4);color:#c8f}.status-mission{background:#ff963226;border:1px solid rgba(255,150,50,.4);color:#fa4}.status-carry{background:#32c8ff26;border:1px solid rgba(50,200,255,.5);color:#4cf;animation:statusPulse 1s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.7}}@media(max-width:768px){.hud{padding:6px 12px;flex-wrap:wrap;gap:4px}.hud-section{gap:10px}.hud-label{font-size:6px}.hud-value{font-size:10px}.heart,.heart-empty{font-size:13px}.hud-status{font-size:6px;padding:3px 6px}.hud-center{gap:4px}}@media(max-width:480px){.hud{padding:4px 8px;justify-content:center;gap:2px}.hud-right{display:none}.hud-section{gap:6px}.hud-label{font-size:5px}.hud-value{font-size:8px}.heart,.heart-empty{font-size:11px}.hud-status{font-size:5px;padding:2px 4px}}.gameover-overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:500;animation:fadeIn .5s ease-out}.gameover-vignette{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,#000000b3,#000000f2)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.gameover-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:20px;z-index:10;padding:40px;background:#0a0a0fcc;border:2px solid var(--horror-gold);animation:contentSlideUp .6s ease-out .2s both}@keyframes contentSlideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.gameover-title{font-family:Creepster,cursive;font-size:56px;letter-spacing:6px;text-shadow:3px 3px 0 #000}.win-title{color:#4f4;text-shadow:0 0 20px rgba(68,255,68,.6),3px 3px 0 #000;animation:titlePulse 2s ease-in-out infinite}.lose-title{color:var(--horror-blood);text-shadow:0 0 20px rgba(204,0,0,.6),3px 3px 0 #000;animation:titlePulse 2s ease-in-out infinite}@keyframes titlePulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.gameover-subtitle{font-family:var(--font-pixel);font-size:10px;color:#c8bea0cc;letter-spacing:2px}.gameover-char{width:80px;height:auto;image-rendering:pixelated;animation:charBounce 1s ease-in-out infinite}.ghost-char{filter:drop-shadow(0 0 15px rgba(100,100,255,.5))}@keyframes charBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.gameover-stats{display:flex;gap:30px;padding:16px 24px;background:#0006;border:1px solid rgba(201,168,76,.2)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:6px}.stat-label{font-family:var(--font-pixel);font-size:7px;color:#c8bea080;letter-spacing:1px}.stat-value{font-family:var(--font-pixel);font-size:20px;color:var(--horror-gold);text-shadow:0 0 8px rgba(201,168,76,.5)}.gameover-buttons{display:flex;flex-direction:column;gap:10px;align-items:center;margin-top:10px}@media(max-width:768px){.gameover-content{padding:24px 20px;gap:14px;max-width:90vw}.gameover-title{font-size:clamp(32px,8vw,48px)}.gameover-subtitle{font-size:clamp(7px,1.8vw,9px)}.gameover-char{width:clamp(50px,12vw,70px)}.gameover-stats{gap:16px;padding:10px 16px}.stat-label{font-size:6px}.stat-value{font-size:16px}}@media(max-width:480px){.gameover-content{padding:16px 14px;gap:10px}.gameover-title{font-size:clamp(24px,7vw,36px);letter-spacing:3px}.gameover-subtitle{font-size:6px}.gameover-char{width:44px}.gameover-stats{gap:12px;padding:8px 12px}.stat-value{font-size:14px}.menu-btn{min-width:160px;font-size:9px;padding:10px 20px}}.app{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:#000;overflow:hidden}.bg-image{position:fixed;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0;image-rendering:pixelated}.bg-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#0003,#0009 70%,#000000d9);z-index:1;pointer-events:none}.fog-layer{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:4;background:radial-gradient(ellipse at 20% 50%,rgba(30,60,30,.12) 0%,transparent 50%),radial-gradient(ellipse at 80% 30%,rgba(20,50,20,.08) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(40,70,40,.1) 0%,transparent 50%);animation:fogDrift 12s ease-in-out infinite alternate}@keyframes fogDrift{0%{transform:translate(-20px) scale(1);opacity:.6}to{transform:translate(20px) scale(1.05);opacity:.9}}.fireflies{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5}.firefly{position:absolute;width:3px;height:3px;background:#cf4;border-radius:50%;box-shadow:0 0 6px 2px #c8ff4499,0 0 14px 4px #c8ff4440;animation:fireflyFloat linear infinite;opacity:0}@keyframes fireflyFloat{0%{opacity:0;transform:translate(0)}15%{opacity:1}50%{opacity:.6;transform:translate(30px,-40px)}85%{opacity:1}to{opacity:0;transform:translate(-20px,-80px)}}.game-container{position:relative;z-index:10;display:flex;align-items:center;justify-content:center;transition:transform .2s ease;margin-top:40px}.nangis-popup{position:fixed;bottom:20px;left:20px;z-index:200;display:flex;align-items:flex-end;gap:0;animation:popupSlideIn .4s ease-out}@keyframes popupSlideIn{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.nangis-portrait{width:100px;height:100px;border:3px solid #c9a84c;border-right:none;border-radius:6px 0 0 6px;background:linear-gradient(135deg,#1a1a2e,#0a0a1a);overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #000c,inset 0 0 15px #00000080;image-rendering:pixelated}.nangis-img{width:90px;height:auto;image-rendering:pixelated;filter:drop-shadow(0 0 4px rgba(200,150,50,.3))}.nangis-dialog{position:relative}.dialog-box{background:linear-gradient(180deg,#1a1a2e,#0f0f20);border:3px solid #c9a84c;border-radius:0 8px 8px 0;padding:14px 20px 14px 16px;min-width:260px;max-width:300px;position:relative;box-shadow:0 4px 12px #000c,inset 0 0 20px #0006,0 0 20px #c9a84c26}.dialog-box:before{content:"";position:absolute;top:4px;left:4px;right:4px;bottom:4px;border:1px solid rgba(201,168,76,.2);border-radius:4px;pointer-events:none}.dialog-text{font-family:"Press Start 2P",cursive;font-size:10px;color:#f0e8d0;line-height:1.8;text-shadow:1px 1px 0 rgba(0,0,0,.8)}.dialog-typing{display:inline-block;overflow:hidden;white-space:nowrap;border-right:2px solid #c9a84c;animation:typing 1.5s steps(28,end) forwards,blinkCaret .5s step-end infinite;width:0;max-width:100%}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blinkCaret{0%,to{border-color:#c9a84c}50%{border-color:transparent}}.dialog-blink{position:absolute;bottom:6px;right:10px;font-family:"Press Start 2P",cursive;font-size:8px;color:#c9a84c;animation:dialogBlink .8s ease-in-out infinite}@keyframes dialogBlink{0%,to{opacity:1}50%{opacity:0}}.top-left-btns{position:fixed;top:50px;left:10px;z-index:200}.top-right-btns{position:fixed;top:52px;right:10px;z-index:200;display:flex;align-items:center;gap:6px}.bottom-right-controls{position:fixed;bottom:10px;right:10px;z-index:200;display:flex;flex-direction:column;align-items:center;gap:8px}.float-btn{width:44px;height:44px;background:#0a0a0fd9;border:2px solid rgba(201,168,76,.4);border-radius:6px;color:var(--horror-gold);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.float-btn:hover{background:#c9a84c26;border-color:var(--horror-gold);transform:scale(1.08)}.float-btn:active{transform:scale(.95)}.back-btn{font-size:22px}.buku-panduan-btn{background:none;border:none;cursor:pointer;padding:0;animation:bukuIdle 3s ease-in-out infinite;transition:transform .2s ease}.buku-panduan-btn:hover{transform:scale(1.1) rotate(-3deg)}.buku-panduan-btn:active{transform:scale(.95)}.buku-panduan-img{width:120px;height:auto;image-rendering:pixelated;filter:drop-shadow(2px 3px 6px rgba(0,0,0,.8))}@keyframes bukuIdle{0%,to{transform:rotate(2deg) translateY(0)}50%{transform:rotate(2deg) translateY(-4px)}}.game-message{position:fixed;bottom:clamp(80px,15vh,140px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#0a0a14f2,#140f0af2);border:2px solid var(--horror-gold);border-radius:4px;padding:clamp(8px,1.5vh,12px) clamp(14px,3vw,24px);font-family:var(--font-pixel);font-size:clamp(7px,1.5vw,10px);color:var(--horror-gold);z-index:100;text-align:center;box-shadow:0 0 20px #c9a84c4d,inset 0 0 20px #00000080;animation:messageSlideIn .3s ease-out;white-space:nowrap}.game-message.danger{border-color:var(--horror-blood);color:var(--horror-blood);box-shadow:0 0 20px #c006;animation:messageSlideIn .3s ease-out,dangerPulse .5s ease-in-out infinite}.game-message.victory{border-color:#4f4;color:#4f4;box-shadow:0 0 20px #4f46}@keyframes messageSlideIn{0%{transform:translate(-50%) translateY(20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes dangerPulse{0%,to{opacity:1}50%{opacity:.6}}.bomoh-popup .bomoh-portrait{background:linear-gradient(135deg,#2a1a3e,#1a0a2e);border-color:#a060ff}.bomoh-popup-img{width:90px!important;height:auto!important;filter:drop-shadow(0 0 6px rgba(160,80,255,.5))!important}.bomoh-dialog-box{border-color:#a060ff!important;box-shadow:0 4px 12px #000c,inset 0 0 20px #0006,0 0 20px #a050ff33!important}.bomoh-dialog-box:before{border-color:#a050ff33!important}.bomoh-typing{white-space:normal!important;display:block!important;overflow:visible!important;border-right:none!important;animation:bomohFadeIn 1s ease-out forwards!important;opacity:0}@keyframes bomohFadeIn{0%{opacity:0}to{opacity:1}}.bomoh-death-popup .nangis-portrait{border-color:#f64}.bomoh-death-popup .dialog-box{border-color:#f64;box-shadow:0 4px 12px #000c,inset 0 0 20px #0006,0 0 20px #ff643c33}.death-typing{animation:typing 1s steps(20,end) forwards,blinkCaret .5s step-end infinite!important}.dpad{display:grid;grid-template-columns:50px 50px 50px;grid-template-rows:50px 50px 50px;gap:2px}.dpad-btn{background:#1e1e14d9;border:2px solid var(--horror-gold);border-radius:4px;color:var(--horror-gold);font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.dpad-btn:active{background:#c9a84c4d}.dpad-up{grid-column:2;grid-row:1}.dpad-left{grid-column:1;grid-row:2}.dpad-right{grid-column:3;grid-row:2}.dpad-down{grid-column:2;grid-row:3}@media(max-width:768px),(pointer:coarse){.top-left-btns{top:44px}.buku-panduan-img{width:100px}}@media(max-width:768px){.nangis-popup{left:10px;bottom:10px}.nangis-portrait{width:70px;height:70px}.nangis-img{width:60px}.dialog-box{min-width:180px;max-width:220px;padding:10px 14px}.dialog-text{font-size:8px}}@media(max-width:480px){.top-left-btns{top:38px}.nangis-popup{left:5px;bottom:5px;flex-direction:column;align-items:flex-start}.nangis-portrait{width:50px;height:50px;border-radius:6px 6px 0 0;border-right:3px solid #c9a84c;border-bottom:none}.nangis-img{width:44px}.dialog-box{min-width:160px;max-width:180px;padding:8px 10px;border-radius:0 8px 8px}.dialog-text{font-size:6px}.game-message{white-space:normal;max-width:90vw}.dpad{grid-template-columns:44px 44px 44px;grid-template-rows:44px 44px 44px}.float-btn{width:32px;height:32px;font-size:14px}.buku-panduan-img{width:100px}}.selipar-choice-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;z-index:400;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-out}.selipar-choice-box{display:flex;flex-direction:column;align-items:center;gap:16px;padding:30px 40px;background:linear-gradient(180deg,#2a1a0a,#1a0e05);border:3px solid #ff8833;border-radius:8px;box-shadow:0 0 40px #ff88334d,0 8px 32px #000c,inset 0 0 30px #00000080;animation:contentSlideUp .4s ease-out}.selipar-choice-title{font-family:Creepster,cursive;font-size:36px;color:#f83;letter-spacing:4px;text-shadow:2px 2px 0 #000,0 0 15px rgba(255,136,51,.5);animation:titlePulse 2s ease-in-out infinite}.selipar-choice-subtitle{font-family:var(--font-pixel);font-size:9px;color:#c8bea0cc;letter-spacing:1px;text-align:center}.selipar-choice-buttons{display:flex;gap:20px;margin-top:10px}.selipar-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 20px;background:linear-gradient(180deg,#1e140ae6,#0f0a05f2);border:2px solid rgba(201,168,76,.4);border-radius:6px;cursor:pointer;transition:all .2s ease;min-width:160px}.selipar-btn:hover{transform:scale(1.05) translateY(-2px);box-shadow:0 6px 20px #00000080}.selipar-btn:active{transform:scale(.97)}.selipar-btn-campak{border-color:#ff503299}.selipar-btn-campak:hover{border-color:#f53;box-shadow:0 0 20px #ff50324d,0 6px 20px #00000080}.selipar-btn-lari{border-color:#50c86499}.selipar-btn-lari:hover{border-color:#4c6;box-shadow:0 0 20px #50c8644d,0 6px 20px #00000080}.selipar-btn-img{width:80px;height:auto;image-rendering:pixelated;filter:drop-shadow(2px 3px 6px rgba(0,0,0,.7))}.selipar-btn-label{font-family:var(--font-pixel);font-size:9px;color:var(--horror-gold);letter-spacing:1px;text-align:center;text-shadow:1px 1px 0 #000}.selipar-btn-desc{font-family:var(--font-pixel);font-size:7px;color:#c8bea080;letter-spacing:1px}.selipar-throw-anim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:450;pointer-events:none;display:flex;align-items:center;justify-content:center}.selipar-flying{width:80px;height:auto;image-rendering:pixelated;animation:seliparFly 1s ease-in forwards;filter:drop-shadow(0 0 12px rgba(255,136,51,.8))}@keyframes seliparFly{0%{transform:translate(-200px) translateY(100px) rotate(0) scale(.5);opacity:1}30%{transform:translate(-50px) translateY(-30px) rotate(360deg) scale(1.2);opacity:1}60%{transform:translate(100px) translateY(-10px) rotate(720deg) scale(1);opacity:1}85%{transform:translate(180px) translateY(20px) rotate(1080deg) scale(1.3);opacity:1}to{transform:translate(200px) translateY(30px) rotate(1440deg) scale(.3);opacity:0}}@media(max-width:768px){.selipar-choice-box{padding:20px 16px;gap:12px}.selipar-choice-title{font-size:26px}.selipar-choice-subtitle{font-size:7px}.selipar-choice-buttons{gap:12px}.selipar-btn{min-width:130px;padding:12px 14px}.selipar-btn-img{width:60px}.selipar-btn-label{font-size:7px}.selipar-btn-desc{font-size:6px}}@media(max-width:480px){.selipar-choice-box{padding:14px 10px;gap:8px;max-width:90vw}.selipar-choice-title{font-size:20px}.selipar-choice-buttons{flex-direction:column;gap:10px}.selipar-btn{min-width:unset;width:100%;flex-direction:row;gap:10px;padding:10px 12px}.selipar-btn-img{width:44px}.selipar-btn-label{font-size:7px;text-align:left}.selipar-flying{width:50px}}@media(max-height:600px){.game-message{bottom:60px}}*{margin:0;padding:0;box-sizing:border-box}:root{--horror-bg: #0a0a0f;--horror-green: #2d4a1e;--horror-dark-green: #1a2e10;--horror-brown: #3d2b1f;--horror-dark-brown: #2a1a0e;--horror-gold: #c9a84c;--horror-red: #8b0000;--horror-blood: #cc0000;--horror-mist: rgba(100, 180, 100, .15);--horror-glow: rgba(100, 255, 100, .3);--tile-light: #4a6b2a;--tile-dark: #3a2a1a;--tile-moss: #3d5a22;--tile-mud: #4a3520;--board-border: #2a1a0a;--font-horror: "Creepster", cursive;--font-pixel: "Press Start 2P", cursive}body{background-color:var(--horror-bg);color:#e0d8c0;font-family:var(--font-pixel);overflow:hidden;height:100vh;width:100vw}#root{width:100%;height:100%}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.1) 0px,rgba(0,0,0,.1) 1px,transparent 1px,transparent 3px);pointer-events:none;z-index:9999}