:root{--bg:#07080d;--line:#262b3d;--ink:#eef1fa;--soft:#9aa3bf;--gold:#ffd45c;--mint:#3ff0c8;--pink:#ff5ca8;--sky:#5ce1ff}*{box-sizing:border-box}html,body{height:100%}body{display:flex;background:var(--bg);color:var(--ink);background-image:radial-gradient(circle at 50% 42%,#5ce1ff17,#0000 55%),linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:auto,64px 64px,64px 64px;flex-direction:column;margin:0;font-family:IBM Plex Sans KR,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.top{display:flex;justify-content:space-between;align-items: center;padding:16px 28px}.brand{display:flex;letter-spacing:-.3px;align-items: center;gap:8px;font-size:20px;font-weight:700}.paw{color:var(--pink);filter:drop-shadow(0 0 8px #ff5ca899);width:24px;height:24px}.ball{position:fixed;pointer-events:none;z-index:5;width:100vw;height:100vh;inset:0}.right{display:flex;align-items: center;gap:14px}.snd{border:1px solid var(--line);color:var(--soft);cursor:pointer;background:0 0;border-radius:999px;width:34px;height:34px;padding:6px}.snd svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.snd .spk{fill:currentColor}.snd .wave{display:none}.snd.on .wave{display:inline}.snd.on .mute{display:none}.snd.on{color:#07080d;background:var(--sky);border-color:var(--sky);box-shadow:0 0 14px #5ce1ff80}.stats{display:flex;color:var(--soft);gap:14px;font-size:14px}.stats b{color:var(--gold);font-variant-numeric:tabular-nums;margin-left:4px}.stage{display:flex;flex-direction:column;flex:1;justify-content:center;align-items: center;gap:22px;padding:8px 20px 48px}.cat{filter:drop-shadow(0 0 48px #5ce1ff33);width:min(70vw,62vh,640px)}h1{letter-spacing:-.6px;text-align:center;margin:0;font-size:clamp(22px,3.4vw,34px)}.dl{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.btn{display:flex;text-decoration:none;color:#07080d;background:var(--mint);border-radius:18px;flex-direction:column;align-items: center;gap:2px;min-width:190px;padding:16px 30px;transition:transform .15s,box-shadow .15s;box-shadow:0 0 26px #3ff0c866}.btn+.btn{background:var(--gold);box-shadow:0 0 26px #ffd45c66}.btn:hover{transform:translateY(-2px);box-shadow:0 0 36px #3ff0c899}.btn+.btn:hover{box-shadow:0 0 36px #ffd45c99}.btn .lb{font-size:20px;font-weight:700}.btn .sz{opacity:.72;font-size:13px}.btn.off{color:var(--soft);border:1px solid var(--line);box-shadow:none;background:0 0}@media (max-width:520px){.top{padding:14px 16px}.cat{width:88vw}.btn{flex:1;min-width:0;padding:14px 18px}.dl{width:100%}}