@font-face{font-family:Fredoka;font-style:normal;font-weight:400 700;font-display:swap;src:url(./fredoka-latin-DM6njrJ3.woff2) format("woff2")}@font-face{font-family:Lilita One;font-style:normal;font-weight:400;font-display:swap;src:url(./lilita-one-latin-87r-Z-Re.woff2) format("woff2")}:root{--ink: #2a1a12;--paper: #fffaf0;--yellow: #ffd23f;--pink: #ff5d8f;--lime: #c8ff5a;--sky: #6fd0ff;--font-display: "Lilita One", "Comic Sans MS", "Trebuchet MS", sans-serif;--font-body: "Fredoka", "Trebuchet MS", "Segoe UI", sans-serif;color:var(--ink);font-family:var(--font-body)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#07031a}body{user-select:none;-webkit-user-select:none;touch-action:none}button{font-family:inherit;color:inherit;cursor:pointer}[hidden]{display:none!important}#stage{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(60% 60% at 20% 20%,rgba(255,93,143,.18),transparent),radial-gradient(60% 60% at 80% 80%,rgba(111,208,255,.14),transparent),#07031a}#cabinet{position:relative;width:min(100vw,calc(100vh * 16 / 9));width:min(100vw,calc(100dvh * 16 / 9));aspect-ratio:16 / 9;container-type:inline-size;overflow:hidden;background:#0b0626;border:5px solid var(--ink);border-radius:22px;box-shadow:0 0 0 3px #8a63ff,0 0 40px #8a63ff73}@media(max-width:900px),(max-height:520px){#cabinet{border-width:3px;border-radius:10px;box-shadow:none}}#game{position:absolute;left:0;right:0;bottom:0;width:100%;height:auto;aspect-ratio:2 / 1;display:block}.plate{background:linear-gradient(#fffdf6,#ffeec4);border:.28cqw solid var(--ink);border-radius:1.1cqw;box-shadow:0 .28cqw 0 var(--ink)}.logo,.brand h1{margin:0;font-family:var(--font-display);font-weight:400;letter-spacing:.01em;-webkit-text-stroke:.55cqw var(--ink);paint-order:stroke fill;filter:drop-shadow(0 .25cqw 0 var(--ink));white-space:nowrap}.t1{color:var(--lime)}.t2{color:#fff}.t3{color:var(--pink)}.hud{position:absolute;top:0;left:0;right:0;height:6cqw;padding:0 1.2cqw;z-index:5;display:flex;align-items:center;gap:.9cqw;background:linear-gradient(#1f1160,#120a38);border-bottom:.3cqw solid #8a63ff}.hud .spacer{flex:1}.brand{padding:.35cqw 1.1cqw .5cqw;background:linear-gradient(#ffe978,#ffb52e);transform:rotate(-1.6deg)}.brand h1{font-size:2.1cqw;line-height:1}.stat{display:flex;flex-direction:column;align-items:center;min-width:6.2cqw;padding:.25cqw 1cqw .35cqw}.stat span{font-size:.85cqw;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8a6a3a}.stat strong{font-family:var(--font-display);font-weight:400;font-size:2cqw;line-height:1.05}.stat.big{min-width:12cqw;padding:.6cqw 1.6cqw .8cqw}.stat.big span{font-size:1.1cqw}.stat.big strong{font-size:3.6cqw}.lives{display:flex;align-items:center;gap:.2cqw;min-height:3.6cqw;padding:.3cqw .8cqw}.lives svg{width:2.5cqw;height:2.5cqw;flex:none}.combo{align-self:center;padding:.1cqw 1cqw .25cqw;border:.28cqw solid var(--ink);border-radius:999px;background:var(--yellow);font-family:var(--font-display);font-size:1.9cqw;box-shadow:0 .28cqw 0 var(--ink);animation:comboPulse .5s ease-in-out infinite alternate}@keyframes comboPulse{to{transform:scale(1.12) rotate(-3deg)}}.tools{display:flex;gap:.7cqw}.tool{width:3.6cqw;height:3.6cqw;font-size:1.5cqw;line-height:1;padding:0;display:grid;place-items:center}.tool:active{transform:translateY(.2cqw);box-shadow:0 .08cqw 0 var(--ink)}.powers{display:flex;align-items:center;gap:.6cqw;pointer-events:none}.pill{position:relative;overflow:hidden;padding:.15cqw 1cqw .25cqw;border:.24cqw solid var(--ink);border-radius:999px;font-family:var(--font-display);font-size:1.05cqw;letter-spacing:.04em;color:var(--ink);background:#e3dcc8;box-shadow:0 .2cqw 0 var(--ink)}.pill b{position:relative;font-weight:400}.pill i{position:absolute;inset:0 auto 0 0;width:100%;background:var(--lime);transition:width .1s linear}.pill.warp:not(.ready){color:#6e6050}.pill.warp.ready{animation:comboPulse .6s ease-in-out infinite alternate}.pill.chili{background:#ff8a7a}.pill.prune{background:#c9a0ff}.pill.diaper{background:#9deeff}.banner{position:absolute;left:0;right:0;top:38%;z-index:6;text-align:center;pointer-events:none;opacity:0}.banner h2{margin:0;font-family:var(--font-display);font-weight:400;font-size:6.4cqw;line-height:1;color:#fff;-webkit-text-stroke:1cqw var(--ink);paint-order:stroke fill;filter:drop-shadow(0 .5cqw 0 var(--ink))}.banner p{display:inline-block;margin:1cqw 0 0;padding:.2cqw 2cqw .4cqw;border-radius:999px;background:var(--ink);color:var(--yellow);font-family:var(--font-display);font-size:2.2cqw;letter-spacing:.05em}.banner.show{animation:bannerIn 2.4s ease both}@keyframes bannerIn{0%{opacity:0;transform:scale(.5) rotate(-4deg)}12%{opacity:1;transform:scale(1.12) rotate(1.5deg)}20%{transform:scale(1) rotate(0)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.1) translateY(-2cqw)}}.screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.9cqw;padding:1.5cqw 3cqw;text-align:center;background:radial-gradient(70% 80% at 50% 45%,#08031cc7,#08031ce6)}.screen.small{gap:1.6cqw}.logo{font-size:8.6cqw;line-height:.95;transform:rotate(-2deg)}.tag{margin:0;color:#fff;font-size:1.7cqw;font-weight:600;text-shadow:0 .2cqw 0 var(--ink)}.tag em{color:var(--lime);font-style:normal;font-weight:700}.big-title{margin:0;font-family:var(--font-display);font-weight:400;font-size:7cqw;line-height:1;color:var(--yellow);-webkit-text-stroke:.9cqw var(--ink);paint-order:stroke fill;filter:drop-shadow(0 .4cqw 0 var(--ink))}.big-title.over{color:var(--pink)}.hero{height:13.75cqw;margin-top:-.2cqw}.hero canvas{width:30cqw;height:13.75cqw;display:block}.cast{display:flex;gap:.9cqw;justify-content:center}.card{width:13.2cqw;padding:.3cqw .4cqw .5cqw;border:.24cqw solid var(--ink);border-radius:1cqw;background:linear-gradient(#fffdf6,#ffeec4);box-shadow:0 .24cqw 0 var(--ink)}.card canvas{width:100%;height:6.6cqw;display:block;border-radius:.7cqw;background:#1c1048}.card h3{margin:.3cqw 0 0;font-family:var(--font-display);font-weight:400;font-size:1.25cqw}.card p{margin:0;font-size:.9cqw;font-weight:600;color:#7a5a30;line-height:1.15}.card .pts{color:#1f8a5a}.loot{margin:0;max-width:78cqw;color:#e7dcff;font-size:1.15cqw;font-weight:500}.loot b{font-weight:700}.c1{color:#ff8a7a}.c2{color:#c9a0ff}.c3{color:#9deeff}.c4{color:var(--yellow)}.keys{display:flex;flex-wrap:wrap;gap:.5cqw 1.4cqw;justify-content:center;color:#fff;font-size:1.1cqw;font-weight:600}kbd{display:inline-block;min-width:1.9cqw;margin-right:.3cqw;padding:.05cqw .5cqw .15cqw;border:.2cqw solid var(--ink);border-radius:.5cqw;background:#fffaf0;color:var(--ink);font-family:var(--font-display);font-size:1cqw;box-shadow:0 .2cqw 0 var(--ink)}.go{margin-top:.4cqw;padding:.5cqw 3cqw .8cqw;border:.35cqw solid var(--ink);border-radius:999px;background:linear-gradient(#d8ff7a,#8ee03a);font-family:var(--font-display);font-size:2.2cqw;box-shadow:0 .4cqw 0 var(--ink);animation:comboPulse .8s ease-in-out infinite alternate}.go:active{transform:translateY(.3cqw);box-shadow:0 .1cqw 0 var(--ink)}.hi{margin:0;color:#e7dcff;font-size:1.3cqw;font-weight:600}.hi strong{color:var(--yellow);font-family:var(--font-display);font-weight:400;font-size:1.6cqw}.results{display:flex;gap:1.4cqw}.newbest{margin:0;font-family:var(--font-display);font-size:2.6cqw;color:var(--yellow);-webkit-text-stroke:.5cqw var(--ink);paint-order:stroke fill;animation:comboPulse .5s ease-in-out infinite alternate}.touch{position:absolute;inset:auto 0 1.4cqw 0;z-index:7;display:flex;justify-content:space-between;padding:0 2cqw;pointer-events:none}.pad{display:flex;align-items:flex-end;gap:1.4cqw;pointer-events:auto}.pad button{width:10cqw;height:10cqw;border:.4cqw solid var(--ink);border-radius:50%;background:#fffaf08c;font-family:var(--font-display);font-size:2.6cqw;box-shadow:0 .4cqw 0 var(--ink);touch-action:none}.pad button.big{width:13cqw;height:13cqw;font-size:2.8cqw;background:#c8ff5ab3}.pad button.small{width:7.5cqw;height:7.5cqw;font-size:1.6cqw}.pad button.down{transform:translateY(.3cqw);background:#ffd23fd9}@media(pointer:coarse)and (max-width:900px){.loot,.keys{display:none}}