:root{--void:#05030a;--night:#0e0919;--plum:#241036;--bruise:#45195a;--ember:#ff7a14;--ember-hot:#ffb347;--ember-dark:#b84a00;--ecto:#8dff6a;--ecto-dim:#3e8f2c;--blood:#e0293f;--bone:#f4ead6;--gold:#ffcf4a;--text:#f4ead6;--muted:#b6a6cf;--glass:#120a20b8;--glass-line:#c8aaff29;--radius:22px;--fs:clamp(16px, 1.25vw, 24px);color:var(--text);font-family:Gowun Dodum,system-ui,sans-serif;font-size:var(--fs);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--void);min-height:100vh;margin:0;overflow-x:hidden}h1,h2,h3,.btn,.chip,.tab,strong{font-family:Jua,Gowun Dodum,sans-serif;font-weight:400}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}input,textarea{font:inherit;color:var(--bone);border:2px solid var(--bruise);background:#05030ab3;border-radius:14px;width:100%;padding:.5em .75em}input::placeholder{color:#7d6e96}input:focus,textarea:focus{border-color:var(--ember);outline:none;box-shadow:0 0 0 3px #ff7a1440,0 0 20px #ff7a1440}.app{min-height:100vh;position:relative}.scene{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.scene-sky{background:radial-gradient(60% 50% at 78% 12%,#78a0ff2e,#0000 70%),radial-gradient(90% 70% at 50% 110%,#ff6e1429,#0000 70%),linear-gradient(#0a0614 0%,#1b0c2c 45%,#2a1036 70%,#12081d 100%);position:absolute;inset:0}.scene-img{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}.scene-img~.scene-sky{display:none}.star{background:#fff;border-radius:50%;animation:4s ease-in-out infinite twinkle;position:absolute;box-shadow:0 0 6px #fff}@keyframes twinkle{50%{opacity:.15}}.moon{aspect-ratio:1;background:radial-gradient(circle at 62% 38%,#00000014 0 10%,#0000 11%),radial-gradient(circle at 38% 62%,#0000001a 0 7%,#0000 8%),radial-gradient(circle at 30% 30%,#fffdf0,#f6e7b0 55%,#d9c27a);border-radius:50%;width:clamp(90px,11vw,200px);animation:8s ease-in-out infinite moon-breathe;position:absolute;top:7%;right:9%;box-shadow:0 0 80px 30px #ffecaa2e,0 0 200px 80px #a0b4ff14}.moon-img{object-fit:contain;width:100%;height:100%}@keyframes moon-breathe{50%{box-shadow:0 0 100px 40px #ffecaa3d,0 0 220px 90px #a0b4ff1a}}.cloud{filter:blur(6px);background:radial-gradient(#28183cf2,#28183c00 70%);border-radius:50%;height:60px;animation:linear infinite drift;position:absolute}.cloud.c1{width:380px;animation-duration:70s;top:9%}.cloud.c2{width:260px;height:44px;animation-duration:95s;animation-delay:-40s;top:16%}.cloud.c3{width:520px;height:80px;animation-duration:120s;animation-delay:-80s;top:4%}@keyframes drift{0%{transform:translate(-40vw)}to{transform:translate(140vw)}}.mansion{opacity:.95;width:min(1100px,120vw);position:absolute;bottom:9vh;left:50%;transform:translate(-50%)}.win{fill:#ffb347;filter:drop-shadow(0 0 6px #ff8a1f);animation:3s infinite candle}.win.w2{animation-delay:-1.2s}.win.w3{fill:var(--ecto);filter:drop-shadow(0 0 8px var(--ecto));animation:7s infinite haunt}.win.w4{animation-duration:2.2s;animation-delay:-2.1s}.win.w5{animation:11s -4s infinite haunt}@keyframes candle{0%,to{opacity:1}20%{opacity:.75}22%{opacity:.95}60%{opacity:.8}}@keyframes haunt{0%,40%,to{opacity:.05}45%,70%{opacity:1}}.graveyard{width:100%;height:18vh;position:absolute;bottom:0;left:0}.jacks ellipse{filter:drop-shadow(0 0 10px #ff7a14);animation:2.4s infinite candle}.bats{position:absolute;inset:0}.bat{fill:#07040d;width:clamp(28px,3vw,54px);animation:18s linear infinite bat-fly;position:absolute}.bat .wing{transform-origin:32px 16px;animation:.25s ease-in-out infinite alternate flap}@keyframes flap{to{transform:scaleY(.4)}}.bat-0{top:18%}.bat-1{width:clamp(18px,2vw,34px);animation-duration:22s;animation-delay:-4s;top:24%}.bat-2{animation-duration:15s;animation-delay:-9s;top:12%}.bat-3{width:clamp(16px,1.6vw,28px);animation-delay:-13s;top:30%}.bat-4{width:clamp(14px,1.4vw,24px);animation-duration:26s;animation-delay:-6s;top:21%}@keyframes bat-fly{0%{left:-6%;transform:translateY(0)}25%{transform:translateY(-40px)}50%{transform:translateY(20px)}75%{transform:translateY(-25px)}to{left:106%;transform:translateY(0)}}.wisp{background:var(--ecto);opacity:0;border-radius:50%;width:8px;height:8px;animation:ease-in-out infinite wisp;position:absolute;box-shadow:0 0 12px 4px #8dff6a99}@keyframes wisp{0%{opacity:0;transform:translate(0)scale(.5)}30%{opacity:.9}70%{opacity:.6}to{opacity:0;transform:translate(40px,-80px)scale(1)}}.fog{filter:blur(14px);background:radial-gradient(25% 50% at 20% 60%,#b4aadc2e,#0000 70%),radial-gradient(30% 45% at 55% 55%,#b4aadc24,#0000 70%),radial-gradient(20% 50% at 85% 65%,#b4aadc29,#0000 70%);width:200%;height:40vh;animation:40s linear infinite fog;position:absolute;bottom:-8vh;left:-50%}.fog.f2{opacity:.8;animation-duration:60s;animation-direction:reverse;bottom:-14vh}.fog.f3{opacity:.5;height:30vh;animation-duration:90s;bottom:10vh}@keyframes fog{0%{transform:translate(0)}to{transform:translate(25%)}}.lightning{mix-blend-mode:screen;z-index:5;background:#dfe6ff;animation:1.1s ease-out forwards lightning;position:absolute;inset:0}@keyframes lightning{0%{opacity:0}4%{opacity:.85}10%{opacity:.1}16%{opacity:.7}30%{opacity:0}to{opacity:0}}.swoop{z-index:30;pointer-events:none;position:fixed;inset:0}.swoop-img,.swoop .ghost-svg{filter:drop-shadow(0 0 30px #c8dcffcc);width:clamp(160px,22vw,380px);animation:1.6s cubic-bezier(.5,0,.3,1) forwards swoop;position:absolute;top:30%;left:-30%}@keyframes swoop{0%{opacity:0;top:55%;left:-30%;transform:rotate(-15deg)scale(.7)}20%{opacity:.95}50%{top:20%;transform:rotate(8deg)scale(1.2)}to{opacity:0;top:40%;left:120%;transform:rotate(20deg)scale(.8)}}.vignette{z-index:4;background:radial-gradient(at 50% 45%,#0000 45%,#000000bf 100%);position:absolute;inset:0}.grain{z-index:6;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:.6s steps(4,end) infinite grain;position:absolute;inset:-50%}@keyframes grain{25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-2%,-1%)}}.topbar,.stage{z-index:2;position:relative}.topbar{justify-content:space-between;align-items:center;gap:12px;padding:14px clamp(16px,2vw,32px);display:flex}.band-chip{background:var(--glass);border:1px solid var(--glass-line);border-radius:999px;padding:.3em 1em;font-family:Jua}.stage{max-width:1600px;margin:0 auto;padding:0 clamp(16px,2vw,32px) 18vh}.shake-a{animation:.5s shake-a}.shake-b{animation:.5s shake-b}@keyframes shake-a{10%,50%,90%{transform:translate(-10px,4px)rotate(-.6deg)}30%,70%{transform:translate(10px,-4px)rotate(.6deg)}}@keyframes shake-b{10%,50%,90%{transform:translate(10px,-4px)rotate(.6deg)}30%,70%{transform:translate(-10px,4px)rotate(-.6deg)}}.btn{background:var(--bone);color:var(--night);border:none;border-radius:16px;padding:.6em 1.2em;font-size:1em;transition:transform .1s,box-shadow .2s,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 24px #ff7a1473}.btn.primary:active{box-shadow:0 1px 0 var(--ember-dark), 0 0 24px #ff7a1473}.btn.ghost{background:var(--glass);color:var(--text);border:1px solid var(--glass-line);box-shadow:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.btn.icon{padding:.5em .7em}.btn.big{padding:.6em 1.6em;font-size:1.4em}.row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.panel{background:var(--glass);border:1px solid var(--glass-line);border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:900px;margin:0 auto;padding:clamp(20px,2.5vw,40px);position:relative;box-shadow:0 30px 80px #00000080,inset 0 1px #ffffff0f}.panel h2{margin-top:0;font-size:1.8em}.chips{flex-wrap:wrap;gap:10px;display:flex}.chip{border:1px solid var(--glass-line);background:#ffffff0d;border-radius:999px;padding:.4em 1.1em}.chip.on{background:var(--ember);border-color:var(--ember-hot);color:#2a0e00;box-shadow:0 0 18px #ff7a1480}.home{--mx:50vw;--my:30vh;flex-direction:column;align-items:center;gap:clamp(16px,2.6vh,34px);padding-top:clamp(20px,4vh,60px);display:flex}.flashlight{z-index:-1;pointer-events:none;background:radial-gradient(circle 32vmax at var(--mx) var(--my), #ffc8781a, #00000073 70%);transition:background 50ms;position:fixed;inset:0}.title-wrap{text-align:center}.title{cursor:pointer;-webkit-user-select:none;user-select:none;margin:0;line-height:.95}.t-mumu{color:var(--ecto);text-shadow:0 0 18px #8dff6ab3;letter-spacing:6px;font-family:East Sea Dokdo,Jua,sans-serif;font-size:clamp(36px,4vw,72px);animation:6s infinite flicker;display:block;transform:rotate(-4deg)}.t-main{background:linear-gradient(#ffd27a 0%,#ff8a1f 45%,#c43d00 100%);color:#0000;filter:drop-shadow(0 6px #2a0e00)drop-shadow(0 0 40px #ff7a148c);letter-spacing:4px;-webkit-background-clip:text;background-clip:text;font-family:Black Han Sans,Jua,sans-serif;font-size:clamp(72px,10vw,190px);display:inline-block;position:relative}.t-main:after{content:"";background:radial-gradient(circle at 12% 0,#c43d00 0 .06em,#0000 .065em),radial-gradient(circle at 45% 0,#c43d00 0 .05em,#0000 .055em),radial-gradient(circle at 78% 0,#c43d00 0 .07em,#0000 .075em);height:.3em;animation:4s ease-in infinite drip;position:absolute;bottom:-.12em;left:8%;right:8%}@keyframes drip{0%{opacity:0;transform:translateY(-.1em)}20%{opacity:1}to{opacity:0;transform:translateY(.4em)}}@keyframes flicker{0%,19%,21%,62%,64%,to{opacity:1}20%,63%{opacity:.3}}.subtitle{color:var(--muted);margin:.2em 0 0;font-family:East Sea Dokdo,Gowun Dodum,sans-serif;font-size:2em}.host{align-items:center;gap:14px;max-width:760px;display:flex}.host-img{filter:drop-shadow(0 0 20px #8dff6a59);width:clamp(80px,8vw,140px);animation:3s ease-in-out infinite bob}.host-emoji{filter:drop-shadow(0 0 16px #8dff6a80);font-size:clamp(56px,5vw,96px);animation:3s ease-in-out infinite bob;display:inline-block}.bubble{color:var(--night);background:#f4ead6f2;border-radius:18px;margin:0;padding:.7em 1.1em;font-family:East Sea Dokdo,Gowun Dodum,sans-serif;font-size:1.7em;line-height:1.1;animation:.5s cubic-bezier(.2,1.6,.4,1) bubble-in;position:relative}.bubble:before{content:"";border:8px solid #0000;border-right:12px solid #f4ead6f2;position:absolute;top:50%;left:-12px;transform:translateY(-50%)}@keyframes bubble-in{0%{opacity:0;transform:scale(.7)}}@keyframes bob{50%{transform:translateY(-10px)rotate(-3deg)}}.band-pick{text-align:center;width:100%}.band-pick h2{color:var(--muted);letter-spacing:2px;margin:0 0 12px;font-size:1.1em}.band-row{grid-template-columns:repeat(3,minmax(0,260px));justify-content:center;gap:clamp(10px,1.5vw,24px);display:grid}.band-card{border-radius:var(--radius);background:var(--glass);border:2px solid var(--glass-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-direction:column;align-items:center;gap:4px;padding:16px 12px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.band-card:hover{transform:translateY(-4px)}.band-card.on{border-color:var(--ecto);box-shadow:0 0 0 1px var(--ecto), 0 0 40px #8dff6a4d, inset 0 0 30px #8dff6a1f}.band-img{object-fit:contain;width:72px;height:72px}.band-emoji{font-size:2.2em}.band-card strong{font-size:1.4em}.band-label{color:var(--ecto)}.band-card small{color:var(--muted)}.menu{grid-template-columns:repeat(2,minmax(0,460px));justify-content:center;gap:clamp(14px,2vw,32px);width:100%;display:grid}.menu-card{border:2px solid #ffffff1f;border-radius:28px;flex-direction:column;align-items:center;gap:6px;padding:clamp(20px,2.5vw,36px);transition:transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.menu-card:before{content:"";opacity:0;background:radial-gradient(circle at 50% 30%,#ffffff2e,#0000 60%);transition:opacity .25s;position:absolute;inset:0}.menu-card:hover{transform:translateY(-6px)scale(1.02)}.menu-card:hover:before{opacity:1}.menu-card.m-door{background:linear-gradient(160deg,#7a2a05,#3a1102 70%);box-shadow:0 0 0 1px #ff7a1466,0 20px 60px #ff5a0040}.menu-card.m-door:hover{box-shadow:0 0 0 2px var(--ember), 0 20px 80px #ff5a0080}.menu-card.m-monster{background:linear-gradient(160deg,#1f5a24,#0b2410 70%);box-shadow:0 0 0 1px #8dff6a59,0 20px 60px #50ff502e}.menu-card.m-monster:hover{box-shadow:0 0 0 2px var(--ecto), 0 20px 80px #50ff5066}.menu-img{object-fit:contain;filter:drop-shadow(0 10px 20px #0009);width:clamp(110px,11vw,190px);height:clamp(110px,11vw,190px);transition:transform .3s}.menu-card:hover .menu-img{transform:scale(1.08)rotate(-3deg)}.menu-emoji{font-size:clamp(64px,6vw,110px)}.menu-card strong{font-size:1.9em}.menu-card small{opacity:.85}.home-foot{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.field{margin-bottom:20px}.field>label{color:var(--ecto);margin-bottom:8px;font-family:Jua;display:block}.team-names{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;display:grid}.team-name{align-items:center;gap:8px;font-size:1.4em;display:flex}.team-name input{font-size:.7em}.legend{color:var(--muted);flex-wrap:wrap;gap:8px 18px;margin:10px 0 24px;display:flex}.setup .btn.big{margin:0 auto;display:block}.play{flex-direction:column;gap:14px;display:flex}.scoreboard{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.team{background:var(--glass);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:2px solid #0000;border-radius:18px;align-items:center;gap:8px;padding:.4em 1em;transition:all .3s;display:flex;position:relative}.team.now{border-color:var(--ember);transform:scale(1.1);box-shadow:0 0 30px #ff7a1473}.team-emoji{font-size:1.6em}.team-label{font-family:Jua}.team-score{color:var(--gold);text-shadow:0 0 12px #ffcf4a99;font-family:Jua;font-size:1.6em}.team-score small{font-size:.6em}.crown{font-size:1.2em;animation:2s ease-in-out infinite bob;position:absolute;top:-.9em;left:50%;transform:translate(-50%)}.turn-msg{text-align:center;margin:0;font-size:1.3em}.turn-msg b{color:var(--ember-hot);text-shadow:0 0 14px #ff7a14b3;font-family:Jua;font-weight:400}.doors{gap:clamp(10px,1.4vw,22px);width:100%;max-width:1400px;margin:0 auto;display:grid}.door{--wood-a:#6b3a1f;--wood-b:#3e1d0c;--trim:#24100a;aspect-ratio:3/4.4;perspective:900px;background:0 0;border:none;border-radius:50% 50% 8px 8px/26% 26% 8px 8px;padding:0;transition:transform .2s,filter .2s;position:relative;box-shadow:0 0 0 6px #120a08,0 0 0 8px #2b1b14,0 12px 24px #000000b3}.door.style-1{--wood-a:#6e1b22;--wood-b:#380a10}.door.style-2{--wood-a:#3d4a32;--wood-b:#1c2416}.door.style-3{--wood-a:#3a2350;--wood-b:#1a0e26}.door:not(:disabled):hover{filter:brightness(1.15);transform:translateY(-5px)}.door-inside{border-radius:inherit;background:radial-gradient(at 50% 70%,#ffa03c59,#0a0612 70%);flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:clamp(22px,2.6vw,50px);display:flex;position:absolute;inset:0;overflow:hidden}.door-inside.kind-trap{background:radial-gradient(at 50% 70%,#e0293f66,#0a0612 70%)}.door-inside.kind-quiz{background:radial-gradient(at 50% 70%,#aa78ff66,#0a0612 70%)}.door-inside.kind-trick{background:radial-gradient(at 50% 70%,#8dff6a59,#0a0612 70%)}.door-inside.kind-golden{background:radial-gradient(at 50% 70%,#ffcf4a99,#0a0612 70%)}.inside-icon{filter:drop-shadow(0 0 12px #fff6);animation:.4s pop-in}.door-inside small{font-size:.55em}.door-leaf{border-radius:inherit;transform-origin:0;background:repeating-linear-gradient(90deg, transparent 0 22%, #00000040 22% 23%), linear-gradient(180deg, var(--wood-a), var(--wood-b));box-shadow:inset 0 0 0 5px var(--trim), inset 0 -30px 40px #0006;backface-visibility:hidden;transition:transform .75s cubic-bezier(.3,1.4,.5,1);position:absolute;inset:0;overflow:hidden}.door.opened .door-leaf{box-shadow:inset 0 0 0 5px var(--trim), inset 0 0 60px #000000e6;transform:rotateY(-105deg)}.door.opened{cursor:default}.door-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.door-face{position:absolute;inset:0}.door-window{aspect-ratio:1;width:42%;box-shadow:0 0 22px #ffaa46bf, inset 0 0 0 4px var(--trim);background:radial-gradient(circle,#ffe2a0,#ff9d3d 55%,#b84a00);border-radius:50%;animation:3.5s infinite candle;position:absolute;top:13%;left:50%;overflow:hidden;transform:translate(-50%)}.door-window:after{content:"";background:linear-gradient(90deg, transparent 46%, var(--trim) 46% 54%, transparent 54%), linear-gradient(0deg, transparent 46%, var(--trim) 46% 54%, transparent 54%);position:absolute;inset:0}.door-window.w-1{aspect-ratio:3/4;border-radius:50% 50% 6px 6px;width:34%}.door-window.w-2{background:radial-gradient(circle, #d6ffc4, var(--ecto) 55%, var(--ecto-dim));box-shadow:0 0 22px #8dff6ab3, inset 0 0 0 4px var(--trim)}.door-window.w-3{aspect-ratio:2;border-radius:50% 50% 0 0/100% 100% 0 0;width:50%}.door-window.w-3:after{background:repeating-conic-gradient(from -90deg at 50% 100%, var(--trim) 0 3deg, transparent 3deg 30deg)}.peek-eye{z-index:1;background:radial-gradient(circle,#000 0 22%,#fff 24% 60%,#000 62%);border-radius:50%;width:46%;height:26%;transition:transform .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scaleY(0)}.door:not(:disabled):hover .peek-eye{animation:2.4s .5s infinite blink;transform:translate(-50%,-50%)scaleY(1)}@keyframes blink{0%,90%,to{transform:translate(-50%,-50%)scaleY(1)}95%{transform:translate(-50%,-50%)scaleY(.1)}}.door-plank{background:var(--trim);opacity:.8;border-radius:2px;height:4%;position:absolute;top:56%;left:12%;right:12%}.door-knocker{aspect-ratio:1;border:3px solid #c99a2e;border-radius:50%;width:16%;position:absolute;top:64%;left:50%;transform:translate(-50%);box-shadow:0 0 6px #0009}.door.knocking .door-knocker{transform-origin:50% 0;animation:.25s ease-in-out 4 knocker}@keyframes knocker{50%{transform:translate(-50%)rotate(-25deg)}}.door-knob{aspect-ratio:1;background:radial-gradient(circle at 35% 35%,#ffe28a,#b8901c);border-radius:50%;width:10%;position:absolute;top:72%;right:12%;box-shadow:0 0 6px #ffc85080}.door-num{color:var(--bone);text-shadow:0 2px #000,0 0 10px #000c;font-family:Black Han Sans,Jua;font-size:clamp(18px,2vw,40px);position:absolute;bottom:6%;left:0;right:0}.door.knocking{animation:.25s ease-in-out 4 knock}@keyframes knock{25%{transform:rotate(-2.5deg)scale(1.04)}75%{transform:rotate(2.5deg)scale(1.04)}}.modal-back{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:radial-gradient(#14081e99,#000000e6);place-items:center;padding:16px;animation:.25s fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.modal{--glow:#ff7a1480;text-align:center;background:radial-gradient(ellipse at 50% 0%, var(--glow), transparent 60%), linear-gradient(170deg, #22102f, #0c0615);border:2px solid var(--glow);width:min(840px,100%);box-shadow:0 0 0 1px #ffffff0d, 0 0 80px var(--glow), 0 30px 80px #000000b3;border-radius:32px;padding:clamp(24px,3vw,48px);animation:.45s cubic-bezier(.2,1.6,.4,1) pop-in;position:relative;overflow:hidden}@keyframes pop-in{0%{opacity:0;transform:scale(.5)rotate(-4deg)}}.modal.kind-candy{--glow:#ff8c3c8c}.modal.kind-golden{--glow:#ffcf4ab3}.modal.kind-trick{--glow:#8dff6a80}.modal.kind-quiz{--glow:#aa78ff99}.modal.kind-trap{--glow:#e0293fa6;animation:.45s cubic-bezier(.2,1.6,.4,1) pop-in,1.2s ease-in-out .45s infinite trap-pulse}@keyframes trap-pulse{50%{box-shadow:0 0 0 1px #ffffff0d, 0 0 140px var(--glow), 0 30px 80px #000000b3}}.modal-art{object-fit:contain;width:clamp(140px,15vw,260px);height:clamp(140px,15vw,260px);filter:drop-shadow(0 0 30px var(--glow));animation:2.4s ease-in-out infinite bob}.modal-emoji{filter:drop-shadow(0 0 30px var(--glow));font-size:clamp(90px,10vw,170px);animation:2s ease-in-out infinite bob;display:inline-block}.modal h3{text-shadow:0 0 24px var(--glow);margin:.1em 0;font-family:Black Han Sans,Jua;font-size:2.6em}.big-text{word-break:keep-all;margin:.4em 0 .8em;font-size:1.8em;line-height:1.45}.big-text b{color:var(--gold);text-shadow:0 0 18px #ffcf4ab3;font-family:Black Han Sans,Jua;font-size:1.4em;font-weight:400}.answer{color:#1a0b00;background:linear-gradient(180deg, #ffe58a, var(--gold));border-radius:16px;margin:0;padding:.2em .9em;font-family:Jua;font-size:1.8em;animation:.35s pop-in;display:inline-block;box-shadow:0 0 30px #ffcf4a99}.modal-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:1.2em;display:flex}.modal-actions .btn{font-size:1.2em}.sparkles span{--angle:calc(var(--i) * 25.7deg);font-size:1.6em;animation:1.2s ease-out forwards burst;position:absolute;top:40%;left:50%}@keyframes burst{0%{transform:rotate(var(--angle)) translateY(0) scale(.4);opacity:1}to{transform:rotate(var(--angle)) translateY(-300px) scale(1.3);opacity:0}}.results{text-align:center}.trophy,.trophy-img{filter:drop-shadow(0 0 40px #ffcf4a99);width:180px;font-size:5em;animation:2s ease-in-out infinite bob;display:inline-block}.results h2{color:var(--gold);text-shadow:0 0 30px #ffcf4a99;font-family:Black Han Sans,Jua;font-size:2.6em}.rank{flex-direction:column;gap:10px;margin:0 0 28px;padding:0;list-style:none;display:flex}.rank li{text-align:left;background:#ffffff0d;border-radius:18px;grid-template-columns:3em 1fr auto;align-items:center;gap:12px;padding:.6em 1.2em;font-family:Jua;font-size:1.4em;animation:.5s backwards pop-in;display:grid}.rank li:nth-child(2){animation-delay:.15s}.rank li:nth-child(3){animation-delay:.3s}.rank li:nth-child(n+4){animation-delay:.45s}.rank li.first{border:2px solid var(--gold);background:#ffcf4a29;font-size:1.7em;box-shadow:0 0 40px #ffcf4a4d}.rank b{color:var(--gold);font-weight:400}.medal{font-size:1.3em}.maker{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start;gap:clamp(16px,2.5vw,40px);display:grid}.maker-preview{flex-direction:column;align-items:center;gap:14px;display:flex;position:sticky;top:16px}.preview-box{aspect-ratio:1;background:radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--mc) 40%, transparent), transparent 65%), radial-gradient(ellipse at 50% 100%, #8dff6a26, transparent 60%), var(--glass);border:1px solid var(--glass-line);border-radius:32px;place-items:center;width:100%;max-width:560px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 80px #0009}.preview-box:after{content:"";border:2px solid #8dff6a66;border-radius:50%;height:8%;position:absolute;bottom:6%;left:20%;right:20%;box-shadow:0 0 30px #8dff6a66}.preview-svg{z-index:1;width:88%;animation:3.5s ease-in-out infinite float;position:relative}@keyframes float{50%{transform:translateY(-12px)}}.wobble{animation:.45s cubic-bezier(.2,1.6,.4,1) wobble,3.5s ease-in-out .45s infinite float}@keyframes wobble{0%{transform:scale(.8,1.15)}}.maker-tools{flex-direction:column;gap:14px;display:flex}.tabs{flex-wrap:wrap;gap:8px;display:flex}.tab{border:1px solid var(--glass-line);background:var(--glass);border-radius:14px;align-items:center;gap:6px;padding:.5em 1em;display:flex}.tab.on{background:var(--ecto-dim);border-color:var(--ecto);box-shadow:0 0 20px #8dff6a59}.opt-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;display:grid}.opt{background:var(--glass);border:2px solid #0000;border-radius:18px;flex-direction:column;align-items:center;padding:8px;transition:transform .15s;display:flex}.opt:hover{transform:translateY(-3px)}.opt svg{width:100%}.opt.on{border-color:var(--ecto);background:#8dff6a1a;box-shadow:0 0 20px #8dff6a4d}.colors{flex-wrap:wrap;gap:10px;display:flex}.swatch{border:3px solid #fff3;border-radius:50%;width:48px;height:48px;transition:transform .15s}.swatch.on{border-color:#fff;transform:scale(1.15);box-shadow:0 0 18px}.info{flex-direction:column;gap:12px;display:flex}.info label{color:var(--ecto);flex-direction:column;gap:6px;font-family:Jua;display:flex}.name-row{gap:8px;display:flex}.stats-edit{background:var(--glass);border-radius:18px;padding:12px 16px}.stats-head{color:var(--ecto);margin-bottom:8px;font-family:Jua}.stats-head small{color:var(--muted);margin-left:8px}.stat-row{grid-template-columns:6em auto 1fr auto;align-items:center;gap:10px;margin:6px 0;display:grid}.mini{background:var(--bone);width:36px;height:36px;color:var(--night);border:none;border-radius:10px;font-size:1.2em}.mini:disabled{opacity:.3;cursor:default}.bar{gap:4px;display:flex}.bar i{background:#ffffff1a;border-radius:7px;flex:1;height:14px}.bar i.on{background:var(--ecto);box-shadow:0 0 8px #8dff6a99}.mcard{--mc:#9be35a;background:radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--mc) 45%, transparent), transparent 60%), linear-gradient(170deg, #1c0d2a, #08040f 80%);border:3px solid color-mix(in srgb, var(--mc) 70%, #fff);width:100%;box-shadow:0 0 30px color-mix(in srgb, var(--mc) 35%, transparent), inset 0 0 0 4px #0006;color:var(--text);text-align:left;border-radius:22px;padding:14px;position:relative;overflow:hidden}.mcard:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 40%,#ffffff1f 50%,#0000 60%);transition:transform .8s;position:absolute;inset:-50%;transform:translate(-60%)}.gallery-item:hover .mcard:after,.mcard.big:after{transform:translate(60%)}.mcard header{justify-content:space-between;align-items:center;font-size:.75em;display:flex}.mcard-tag{letter-spacing:1px;background:#00000073;border-radius:999px;padding:.2em .7em}.mcard-art{background:radial-gradient(circle at 50% 60%,#ffffff14,#0000004d);border:1px solid #ffffff14;border-radius:16px;margin:8px 0}.mcard-art svg{width:100%;display:block}.mcard h3{text-align:center;text-shadow:0 0 14px color-mix(in srgb, var(--mc) 60%, transparent);margin:.2em 0;font-family:Black Han Sans,Jua;font-size:1.5em}.mcard-power{margin:.3em 0;font-size:.9em}.mcard-power b{color:var(--ecto);margin-right:4px;font-family:Jua;font-weight:400}.mcard-stats{margin:6px 0 0;padding:0;font-size:.8em;list-style:none}.mcard-stats li{grid-template-columns:5.5em 1fr;align-items:center;gap:8px;margin:3px 0;display:grid}.mcard.big{max-width:380px;font-size:1.1em;animation:.7s cubic-bezier(.2,1.4,.4,1) card-in}@keyframes card-in{0%{opacity:0;transform:rotateY(180deg)scale(.6)}}.saved{perspective:1000px;flex-direction:column;align-items:center;gap:18px;display:flex}.saved h2{color:var(--ecto);text-shadow:0 0 24px #8dff6a99;margin:0;font-family:Black Han Sans,Jua;font-size:2.2em}.gallery h2{text-align:center;font-family:Black Han Sans,Jua;font-size:2.2em}.gallery h2 small{color:var(--muted);font-family:Jua;font-size:.5em}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px;display:grid}.gallery-item{background:0 0;border:none;padding:0;transition:transform .2s}.gallery-item:hover{transform:translateY(-6px)rotate(-1.5deg)}.empty{text-align:center;color:var(--muted)}.focus{flex-direction:column;align-items:center;gap:16px;width:min(420px,100%);display:flex}.teacher{max-width:1200px}.hint{color:var(--muted)}.editors{grid-template-columns:1fr 1fr;gap:16px;margin:16px 0;display:grid}.editors label{color:var(--ecto);flex-direction:column;gap:6px;font-family:Jua;display:flex}.editors small{color:var(--muted);font-family:Gowun Dodum}.editors textarea{resize:vertical;font-size:.8em;line-height:1.6}.msg{color:var(--ecto)}@media (width<=860px){.band-row{grid-template-columns:1fr;max-width:420px;margin:0 auto}.menu,.maker{grid-template-columns:1fr}.maker-preview{position:static}.preview-box{max-width:320px}.editors{grid-template-columns:1fr}.doors{grid-template-columns:repeat(4,1fr)!important}.host{text-align:center;flex-direction:column}.bubble:before{display:none}}@media print{body{background:#fff}body *{visibility:hidden}.card-print,.card-print *{visibility:visible}.card-print{-webkit-print-color-adjust:exact;print-color-adjust:exact;width:90mm;position:fixed;top:20mm;left:50%;transform:translate(-50%);animation:none!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}.picon{vertical-align:middle;object-fit:contain;pointer-events:none;-webkit-user-drag:none;display:inline-block}.picon.inl{width:1.3em;height:1.3em;margin:-.18em .06em 0}.host-emoji .picon.inl,.menu-emoji .picon.inl,.sub-emoji .picon.inl,.band-emoji .picon.inl,.story-emoji .picon.inl,.ld-emoji .picon.inl,.modal-emoji .picon.inl,.ox-big .picon.inl,.trophy .picon.inl,.legend-emoji .picon.inl{filter:drop-shadow(0 0 18px #ffaa5a40);height:auto;margin:0}.band-emoji .picon.inl{width:clamp(54px,5.5vw,76px)}.host-emoji .picon.inl{width:clamp(84px,8vw,124px)}.menu-emoji .picon.inl{width:clamp(100px,9.5vw,150px)}.sub-emoji .picon.inl{width:clamp(58px,5.5vw,80px)}.story-emoji .picon.inl{width:clamp(170px,19vw,280px)}.ld-emoji .picon.inl{width:clamp(160px,17vw,250px)}.modal-emoji .picon.inl{width:clamp(130px,13vw,200px)}.ox-big .picon.inl{width:clamp(110px,12vw,170px)}.trophy .picon.inl{width:clamp(110px,12vw,160px)}.legend-emoji .picon.inl{width:116px}.legend-emoji{line-height:1;display:block}.skulls i .picon.inl{width:1.15em;height:1.15em;margin:0}.menu-sub{grid-template-columns:repeat(2,minmax(0,460px));justify-content:center;gap:clamp(14px,2vw,32px);width:100%;display:grid}.sub-card{text-align:left;background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:22px;align-items:center;gap:14px;padding:14px 20px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.sub-card span{flex-direction:column;gap:2px;display:flex}.sub-card strong{font-size:1.25em}.sub-card small{color:var(--muted)}.sub-card:hover{transform:translateY(-4px)}.sub-card.s-story:hover{border-color:var(--gold);box-shadow:0 0 30px #ffcf4a4d}.sub-card.s-legend:hover{border-color:#b98aff;box-shadow:0 0 30px #aa78ff59}.sub-img{object-fit:contain;flex:none;width:64px;height:64px}.sub-emoji{flex:none;font-size:2.6em}.story{flex-direction:column;gap:18px;max-width:1200px;margin:0 auto;display:flex}.story-book{perspective:1400px;background:radial-gradient(at 30% 20%,#ffdca01f,#0000 60%),linear-gradient(160deg,#2a1a10,#140a06);border:3px solid #5a3a1a;border-radius:28px;min-height:60vh;padding:clamp(20px,3vw,48px);position:relative;box-shadow:inset 0 0 0 8px #1a0e06,inset 0 0 80px #000000b3,0 30px 80px #0009}.story-page{transform-origin:0;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;gap:clamp(20px,3vw,48px);animation:.6s cubic-bezier(.3,1.2,.5,1) page-turn;display:grid}@keyframes page-turn{0%{opacity:0;transform:rotateY(-40deg)}}.story-art{aspect-ratio:1;background:radial-gradient(circle at 50% 45%,#ffaa464d,#0006 70%);border:2px solid #ffd28c40;border-radius:24px;place-items:center;display:grid;position:relative;overflow:hidden}.story-img{object-fit:cover;width:100%;height:100%}.story-emoji{filter:drop-shadow(0 0 40px #ffaa4699);font-size:clamp(100px,14vw,240px);animation:3s ease-in-out infinite bob}.story-no{color:var(--gold);text-shadow:0 2px #000;font-family:East Sea Dokdo,Jua;font-size:2.4em;position:absolute;top:10px;left:14px}.story-text h2{color:var(--gold);text-shadow:0 0 20px #ffcf4a66;word-break:keep-all;margin:0 0 .4em;font-family:Black Han Sans,Jua;font-size:2.2em}.story-text p{color:#f7ecd6;word-break:keep-all;margin:0 0 1em;font-size:1.4em;line-height:1.75}.story-nav{justify-content:space-between;align-items:center;gap:12px;display:flex}.story-nav .btn:disabled{opacity:.35;cursor:default}.story-dots{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.dot{border:2px solid var(--glass-line);background:#ffffff1a;border-radius:50%;width:16px;height:16px;padding:0;font-size:10px;line-height:1;transition:all .2s}.dot.on{background:var(--ember);border-color:var(--ember-hot);box-shadow:0 0 12px var(--ember);transform:scale(1.3)}.dot.quiz{border-radius:8px;width:24px;height:24px;font-family:Jua;font-size:14px}.ox{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:2vh 0;animation:.4s pop-in;display:flex}.ox-count{color:var(--muted);font-family:Jua}.ox-q{word-break:keep-all;max-width:900px;margin:0;font-family:Jua;font-size:2.2em}.ox-btns{gap:clamp(20px,4vw,60px);display:flex}.ox-btn{aspect-ratio:1;color:#fff;border:4px solid #0000;border-radius:32px;width:clamp(120px,14vw,220px);font-family:Black Han Sans,Jua;font-size:clamp(60px,8vw,140px);line-height:1;transition:transform .15s;box-shadow:0 8px #0006}.ox-btn:hover{transform:translateY(-4px)scale(1.04)}.ox-btn.o{background:linear-gradient(160deg,#3fa0ff,#1f5fc4)}.ox-btn.x{background:linear-gradient(160deg,#ff5a6a,#c4243a)}.ox-btn.right{border-color:var(--gold);animation:.4s pop-in;box-shadow:0 0 50px #ffcf4ab3}.ox-btn.wrong{opacity:.45;animation:.4s shake-a}.ox-why{flex-direction:column;align-items:center;gap:12px;font-size:1.3em;animation:.3s pop-in;display:flex}.ox-why b{color:var(--gold)}.ox.done h2{margin:0;font-family:Jua;font-size:2em}.ox.done h2 b{color:var(--gold);font-size:1.4em}.ox-big{font-size:clamp(80px,10vw,160px);animation:2s ease-in-out infinite bob}.bestiary-head{text-align:center;margin-bottom:18px}.bestiary-head h2{color:#d9c4ff;text-shadow:0 0 30px #aa78ff99;margin:0;font-family:Black Han Sans,Jua;font-size:2.4em}.bestiary-head p{color:var(--muted);margin:.4em 0 0}.bestiary-head b{color:var(--ecto)}.legend-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px;display:grid}.legend-card{filter:grayscale(.6)brightness(.8);background:radial-gradient(circle at 50% 35%,#aa78ff38,#0000 60%),linear-gradient(170deg,#1d0e2c,#0a0512);border:2px solid #aa78ff40;border-radius:20px;flex-direction:column;align-items:center;gap:4px;padding:16px 10px 12px;transition:transform .2s,filter .3s,box-shadow .2s;animation:.5s backwards pop-in;display:flex;position:relative}.legend-card:hover{filter:none;transform:translateY(-6px)rotate(-1deg);box-shadow:0 0 30px #aa78ff66}.legend-card.seen{filter:none;border-color:#8dff6a73}.legend-no{color:var(--muted);font-family:Jua;font-size:.7em;position:absolute;top:8px;left:10px}.legend-img{object-fit:contain;width:110px;height:110px}.legend-emoji{filter:drop-shadow(0 0 16px #aa78ff80);font-size:4em;line-height:1.4}.legend-card strong{font-size:1.25em}.legend-card small{color:var(--muted);font-size:.75em}.skulls{gap:2px;font-size:.75em;display:flex}.skulls i{opacity:.18;filter:grayscale();font-style:normal}.skulls i.on{opacity:1;filter:none}.legend-detail{background:radial-gradient(at 20% 0,#aa78ff59,#0000 60%),linear-gradient(170deg,#22102f,#0c0615);border:2px solid #aa78ff80;border-radius:28px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(16px,2.5vw,40px);width:min(1000px,100%);max-height:90vh;padding:clamp(20px,3vw,40px);animation:.6s cubic-bezier(.2,1.4,.4,1) card-in;display:grid;overflow:auto;box-shadow:0 0 80px #aa78ff59,0 30px 80px #000000b3}.ld-art{aspect-ratio:1;background:radial-gradient(circle at 50% 45%,#aa78ff4d,#0006 70%);border-radius:22px;place-items:center;display:grid}.ld-img{object-fit:contain;width:100%;height:100%}.ld-emoji{filter:drop-shadow(0 0 40px #aa78ff99);font-size:clamp(100px,12vw,200px);animation:2.6s ease-in-out infinite bob}.ld-body h3{margin:0 0 .3em;font-family:Black Han Sans,Jua;font-size:2.4em}.ld-body h3 small{color:var(--muted);font-family:Jua;font-size:.45em}.ld-body dl{grid-template-columns:auto 1fr;gap:8px 14px;margin:0 0 1em;font-size:1.1em;line-height:1.55;display:grid}.ld-body dt{color:#d9c4ff;white-space:nowrap;font-family:Jua}.ld-body dd{word-break:keep-all;margin:0}.ld-fact{word-break:keep-all;background:#8dff6a1a;border:1px solid #8dff6a59;border-radius:16px;padding:12px 16px;line-height:1.55}.ld-fact b{color:var(--ecto)}@media (width<=860px){.menu-sub,.story-page,.legend-detail{grid-template-columns:1fr}.story-art,.ld-art{width:100%;max-width:280px;margin:0 auto}}.art-fallback{place-items:center;display:inline-grid}