:root{--void:#04020a;--night:#0e0919;--ember:#ff7a14;--ember-hot:#ffb347;--ember-dark:#b84a00;--ecto:#8dff6a;--ice:#bfe8ff;--bone:#f4ead6;--gold:#ffcf4a;--muted:#b6a6cf;--glass:#0e081ac7;--glass-line:#c8aaff2e;color:var(--bone);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Gowun Dodum,system-ui,sans-serif;font-size:clamp(16px,1.2vw,24px)}*{box-sizing:border-box}html,body,#root{background:var(--void);height:100%;margin:0;overflow:hidden}h1,h2,h3,strong,.btn{font-family:Jua,sans-serif;font-weight:400}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.app{height:100%;position:relative}.btn{background:var(--bone);color:var(--night);border:none;border-radius:16px;padding:.6em 1.2em;transition:transform .1s,filter .2s;box-shadow:0 5px #8f8270}.btn:hover{filter:brightness(1.08)}.btn:active{transform:translateY(4px);box-shadow:0 1px #8f8270}.btn.primary{background:linear-gradient(180deg, var(--ember-hot), var(--ember));color:#2a0e00;box-shadow:0 5px 0 var(--ember-dark), 0 0 28px #ff7a1480}.btn.ghost{background:var(--glass);color:var(--bone);border:1px solid var(--glass-line);box-shadow:none}.btn.big{padding:.6em 1.5em;font-size:1.35em}.btn.huge{border-radius:22px;padding:.6em 1.8em;font-size:1.8em}.row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.mute{z-index:60;border:1px solid var(--glass-line);background:var(--glass);border-radius:50%;width:52px;height:52px;font-size:1.3em;position:fixed;bottom:14px;right:14px}.art-fallback{place-items:center;display:inline-grid}.title-screen{height:100%;position:relative;overflow:hidden auto}.title-bg,.title-img,.title-svg{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.t-moon{filter:drop-shadow(0 0 60px #ffecaa99)}.t-candle{animation:3s infinite candle}.t-haunt{animation:6s infinite haunt}.t-haunt2{animation:9s -3s infinite haunt}@keyframes candle{0%,to{opacity:1}20%{opacity:.7}60%{opacity:.85}}@keyframes haunt{0%,40%,to{opacity:.05}45%,75%{opacity:1}}.title-fog{filter:blur(14px);pointer-events:none;background:radial-gradient(25% 50% at 20% 60%,#b4aae638,#0000 70%),radial-gradient(30% 45% at 60% 55%,#b4aae629,#0000 70%),radial-gradient(20% 50% at 85% 65%,#b4aae633,#0000 70%);height:45%;animation:40s linear infinite fog;position:absolute;bottom:-5%;left:-50%;right:-50%}@keyframes fog{to{transform:translate(25%)}}.title-content{z-index:1;background:radial-gradient(at 50% 40%,#0000008c,#0000 70%);flex-direction:column;align-items:center;gap:clamp(12px,2.4vh,28px);min-height:100%;padding:clamp(24px,6vh,80px) 16px 40px;display:flex;position:relative}.logo{text-align:center;margin:0;line-height:.95}.logo-top{color:var(--ecto);text-shadow:0 0 20px #8dff6ab3;letter-spacing:6px;font-family:East Sea Dokdo,Jua;font-size:clamp(36px,4vw,72px);display:block}.logo-main{background:linear-gradient(#fff 0%,#cfe6ff 45%,#7aa8ff 100%);color:#0000;filter:drop-shadow(0 6px #0a0620)drop-shadow(0 0 40px #8cb4ff99);-webkit-background-clip:text;background-clip:text;font-family:Black Han Sans,Jua;font-size:clamp(64px,9vw,170px);animation:4s ease-in-out infinite float;display:block}@keyframes float{50%{transform:translateY(-10px)}}.logo-sub{color:var(--muted);margin:0;font-family:East Sea Dokdo,Jua;font-size:2.1em}.band-row{grid-template-columns:repeat(3,minmax(0,240px));gap:14px;display:grid}.band{background:var(--glass);border:2px solid var(--glass-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;flex-direction:column;align-items:center;gap:3px;padding:14px 10px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.band:hover{transform:translateY(-3px)}.band.on{border-color:var(--ice);box-shadow:0 0 36px #8cc8ff66,inset 0 0 24px #8cc8ff26}.band-emoji{font-size:2em}.band strong{font-size:1.3em}.band-label{color:var(--ice)}.band small{color:var(--muted)}.start{animation:2s ease-in-out infinite pulse}@keyframes pulse{50%{box-shadow:0 5px 0 var(--ember-dark), 0 0 60px #ff7a14cc}}.howto{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:8px 18px;margin:0;padding:0;list-style:none;display:flex}.howto b{color:var(--bone);margin-right:4px}.game{touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;position:fixed;inset:0;overflow:hidden}.world{position:absolute;inset:0}.shake-a{animation:.45s shake-a}.shake-b{animation:.45s shake-b}@keyframes shake-a{20%,60%{transform:translate(-12px,5px)rotate(-.6deg)}40%,80%{transform:translate(12px,-5px)rotate(.6deg)}}@keyframes shake-b{20%,60%{transform:translate(12px,-5px)rotate(.6deg)}40%,80%{transform:translate(-12px,5px)rotate(-.6deg)}}.room-bg,.room-img,.room-svg{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.candle{animation:2.4s infinite candle}.plate{transform-box:fill-box;transform-origin:50%;animation:1.6s ease-in-out infinite plate}.plate:nth-child(2n){animation-delay:-.8s}@keyframes plate{50%{transform:translateY(-14px)rotate(8deg)}}.portrait-eye{animation:5s infinite haunt}.pendulum{transform-box:view-box;transform-origin:30px 56px;animation:1.6s ease-in-out infinite alternate pendulum}@keyframes pendulum{0%{transform:rotate(-12deg)}to{transform:rotate(12deg)}}.furn{transform-origin:50% 100%;position:absolute;transform:translate(-50%,-50%)}.furn svg{filter:drop-shadow(0 10px 10px #0009);width:100%;height:100%;display:block}.furn.shaking{animation:.45s rattle}@keyframes rattle{20%,60%{transform:translate(-50%,-50%)rotate(-5deg)}40%,80%{transform:translate(-50%,-50%)rotate(5deg)}}.gh{pointer-events:none;will-change:transform, left, top;transition:opacity .15s;position:absolute}.ghost-img,.ghost-svg{width:100%;height:100%;filter:drop-shadow(0 0 18px var(--glow));animation:1.8s ease-in-out infinite ghost-bob;display:block}@keyframes ghost-bob{50%{transform:translateY(-8%)}}.gh.s-stun .ghost-svg,.gh.s-stun .ghost-img{animation:.5s ease-in-out infinite dizzy}.gh.s-suck .ghost-svg,.gh.s-suck .ghost-img{filter:drop-shadow(0 0 30px var(--ice)) brightness(1.2);animation:.12s linear infinite struggle}.gh.s-attack .ghost-svg,.gh.s-attack .ghost-img{filter:drop-shadow(0 0 26px #ff4a4a)}.gh.hit .ghost-svg{filter:brightness(3)drop-shadow(0 0 30px #fff)}@keyframes dizzy{25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}@keyframes struggle{25%{transform:translate(-3%,2%)}75%{transform:translate(3%,-2%)}}.darkness{pointer-events:none;position:absolute;inset:0}.eyes{transform:translate(-50%, -80%) scale(var(--s));pointer-events:none;gap:1.4vmin;display:flex;position:absolute}.eyes i{opacity:.75;background:#fff7c0;border-radius:50%;width:1.2vmin;height:1.6vmin;animation:3.2s infinite blink;box-shadow:0 0 10px 3px #fff096b3}.eyes.mad i{opacity:1;background:#ff5a5a;box-shadow:0 0 12px 4px #ff3c3ccc}@keyframes blink{0%,92%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}.hpring{width:var(--r);height:var(--r);pointer-events:none;background:conic-gradient(var(--ice) calc(var(--hp) * 360deg), #ffffff14 0);filter:drop-shadow(0 0 8px var(--ice));border-radius:50%;position:absolute;transform:translate(-50%,-50%);-webkit-mask:radial-gradient(circle closest-side,#0000 80%,#000 82% 97%,#0000 99%);mask:radial-gradient(circle closest-side,#0000 80%,#000 82% 97%,#0000 99%)}.hpring.suck{background:conic-gradient(#8dff6a calc(var(--hp) * 360deg), #ffffff14 0);filter:drop-shadow(0 0 10px #8dff6a)}.stars{pointer-events:none;font-size:3.4vmin;animation:1s linear infinite spin;position:absolute;transform:translate(-50%)}@keyframes spin{to{transform:translate(-50%)rotate(360deg)}}.particles{pointer-events:none;position:absolute;inset:0}.flash{pointer-events:none;mix-blend-mode:screen;background:#fff8e0;animation:.25s ease-out forwards flash;position:absolute;inset:0}@keyframes flash{0%{opacity:.55}to{opacity:0}}.player{pointer-events:none;z-index:3;filter:drop-shadow(0 0 20px #fff0c840);width:clamp(90px,11vmin,170px);position:absolute}.player-img,.player-svg{width:100%;display:block}.game.hurt .player{animation:.2s steps(2,end) infinite hurt}@keyframes hurt{50%{opacity:.3}}.game.sucking .nozzle-glow{animation:.15s linear infinite nozzle}@keyframes nozzle{50%{r:10}}.pop{white-space:nowrap;pointer-events:none;text-shadow:0 3px #000,0 0 14px #000000e6;z-index:5;font-family:Jua;font-size:1.6em;animation:1.1s ease-out forwards pop;position:absolute;transform:translate(-50%,-50%)}.pop.coin{color:var(--gold)}.pop.heart{color:#ff7b9a}.pop.ghost{color:var(--ecto);font-size:1.8em}.pop.info{color:var(--bone)}@keyframes pop{0%{opacity:0;transform:translate(-50%,-30%)scale(.6)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}to{opacity:0;transform:translate(-50%,-160%)scale(1)}}.hud{z-index:10;pointer-events:none;align-items:center;gap:12px;padding:12px 16px;display:flex;position:absolute;top:0;left:0;right:0}.hud>*{pointer-events:auto;background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:14px;padding:.4em 1em;font-family:Jua}.hud-room small{color:var(--muted);margin-right:8px}.hud-hearts span{opacity:.2;filter:grayscale()}.hud-hearts span.on{opacity:1;filter:none}.hud-coins{color:var(--gold)}.hud-left{color:var(--ecto);margin-left:auto}.tip{z-index:10;background:var(--glass);border:1px solid var(--glass-line);pointer-events:none;white-space:nowrap;border-radius:999px;padding:.5em 1.2em;animation:.5s .4s backwards tip-in;position:absolute;bottom:3vh;left:50%;transform:translate(-50%)}.tip b{color:var(--ice)}@keyframes tip-in{0%{opacity:0;transform:translate(-50%,20px)}}.overlay{z-index:20;background:radial-gradient(#0a041499,#000000eb);place-items:center;padding:16px;animation:.3s fade;display:grid;position:absolute;inset:0}@keyframes fade{0%{opacity:0}}.card{text-align:center;background:radial-gradient(at 50% 0,#8cb4ff40,#0000 60%),linear-gradient(170deg,#1c1030,#0a0614);border:2px solid #a0c8ff59;border-radius:30px;width:min(760px,100%);padding:clamp(24px,3vw,48px);animation:.5s cubic-bezier(.2,1.5,.4,1) card-in;box-shadow:0 0 80px #78a0ff40,0 30px 80px #000000b3}@keyframes card-in{0%{opacity:0;transform:scale(.6)rotate(-3deg)}}.card small{color:var(--ice);letter-spacing:4px}.card h2{text-shadow:0 0 30px #8cb4ff80;margin:.15em 0;font-family:Black Han Sans,Jua;font-size:2.6em}.card p{color:#e6dcf5;word-break:keep-all;font-size:1.35em;line-height:1.6}.card p b{color:var(--ecto)}.big-emoji{font-size:clamp(70px,9vw,140px);animation:2.4s ease-in-out infinite float;display:inline-block}.over-card{border-color:#ff5a5a80;box-shadow:0 0 80px #ff3c3c4d,0 30px 80px #000000b3}.result{background:radial-gradient(ellipse at 50% 30%, #24103a, var(--void) 70%);place-items:center;height:100%;padding:16px;display:grid;overflow:auto}.rank{color:#1a0b00;background:radial-gradient(circle at 35% 35%, #fff2b0, var(--gold));border-radius:50%;place-items:center;width:1.6em;height:1.6em;font-family:Black Han Sans,Jua;font-size:clamp(60px,8vw,120px);line-height:1;animation:.7s cubic-bezier(.2,1.6,.4,1) card-in;display:inline-grid;box-shadow:0 0 60px #ffcf4ab3}.rank.r-C,.rank.r-D{background:radial-gradient(circle at 35% 35%,#e0e0f0,#8a8aa8);box-shadow:0 0 40px #a0a0c880}.result-stats{justify-content:center;gap:clamp(16px,4vw,48px);margin:16px 0;display:flex}.result-stats div{flex-direction:column;display:flex}.result-stats b{color:var(--gold);font-family:Black Han Sans,Jua;font-size:2.4em}.result-stats small{letter-spacing:0;color:var(--muted)}.result-ghosts{flex-wrap:wrap;justify-content:center;gap:12px;margin:8px 0 22px;display:flex}.rg{flex-direction:column;align-items:center;width:110px;display:flex}.rg svg{width:70px;height:76px}.rg small{letter-spacing:0;color:var(--bone);font-size:.75em}.book{background:radial-gradient(ellipse at 50% 0%, #24103a, var(--void) 70%);height:100%;padding:16px clamp(16px,3vw,40px) 80px;overflow:auto}.book-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.book-head h2{margin:0;font-family:Black Han Sans,Jua;font-size:2.2em}.book-head span{color:var(--ecto);font-family:Jua}.book-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.book-card{text-align:center;background:linear-gradient(170deg,#1c1030,#0a0614);border:2px solid #ffffff1a;border-radius:22px;padding:16px}.book-card.got{border-color:var(--glow);box-shadow:0 0 30px color-mix(in srgb, var(--glow) 40%, transparent)}.book-card.unknown .book-art{filter:brightness(0)drop-shadow(0 0 6px #8c78c899)}.book-art{place-items:center;height:150px;display:grid}.book-img,.book-art svg{width:auto;max-width:100%;height:100%}.book-card h3{margin:.4em 0 .2em;font-size:1.3em}.book-card p{color:#d6cceb;word-break:keep-all;margin:0 0 .4em;font-size:.9em;line-height:1.5}.book-card small{color:var(--gold)}@media (width<=760px){.band-row{grid-template-columns:1fr;width:min(420px,100%)}.hud{flex-wrap:wrap}.tip{white-space:normal;text-align:center;width:90%}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}.dark-rect{transition:opacity 1.4s ease-out}.pool{animation:3s infinite candle}.game.lights-on .room-bg{filter:brightness(1.15)saturate(1.15);transition:filter 1.4s}.game.lights-on .pool{opacity:1;animation:none}.player.scared .player-svg,.player.scared .player-img{animation:90ms linear infinite shiver}@keyframes shiver{50%{transform:translate(3px)rotate(1.5deg)}}.scared-mark{color:#ff5a5a;text-shadow:0 3px #000;pointer-events:none;z-index:4;font-family:Black Han Sans,Jua;font-size:2.2em;animation:.25s pop-in;position:absolute;transform:translate(-50%,-260%)}@keyframes pop-in{0%{opacity:0;transform:translate(-50%,-200%)scale(.4)}}.lit-banner{color:#fff2b0;text-shadow:0 0 40px #ffcf4ae6,0 6px #3a1a00;pointer-events:none;z-index:6;font-family:Black Han Sans,Jua;font-size:clamp(40px,6vw,100px);animation:1.8s ease-out forwards lit;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}@keyframes lit{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}20%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-70%)scale(1)}}