:root{--pink:#ff5fa2;--pink-hi:#ffb3d4;--pink-ink:#7a0a3c;--blue:#3db8ff;--blue-hi:#b5e6ff;--blue-ink:#0a3a78;--gold:#ffc93c;--gold-lo:#e08a00;--leaf:#3fae49;--leaf-hi:#8ee06a;--jungle:#1e6b2e;--jungle-ink:#0f3d1a;--cream:#fff8e6;--cream-2:#ffeec4;--font-display:"Lilita One", "Rubik", system-ui, sans-serif;--font-ui:"Rubik", system-ui, sans-serif;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--field-ar:.5625}*,:before,:after{box-sizing:border-box}html,body{background:var(--jungle-ink);color:#fff;height:100%;font-family:var(--font-ui);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:none;overscroll-behavior:none;margin:0;overflow:hidden}body{background:radial-gradient(120% 80% at 50% 45%,#2f7a33 0%,#1e5a26 55%,#0f3d1a 100%)}#stage{position:fixed;inset:0}#stage canvas{display:block}#ui{width:min(100vw, calc(100dvh * var(--field-ar)));height:min(100dvh, calc(100vw / var(--field-ar)));pointer-events:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);container-type:size}#ui [hidden]{display:none!important}kbd{font-family:var(--font-display);color:var(--jungle-ink);box-shadow:0 .12em 0 var(--jungle-ink);-webkit-text-stroke:0;text-shadow:none;background:#fff;border-radius:.3em;padding:0 .4em .08em;font-size:.9em}.hud{justify-items:center;gap:.6cqh;display:grid;position:absolute;inset:3.5cqh 0 auto}.score{font-family:var(--font-display);color:#fff;-webkit-text-stroke:.08em var(--jungle-ink);paint-order:stroke fill;text-shadow:0 .07em 0 var(--jungle-ink);font-variant-numeric:tabular-nums;font-size:15cqw;line-height:1}.combo{font-family:var(--font-display);color:var(--jungle-ink);background:linear-gradient(180deg, #fff1a8, var(--gold) 60%, var(--gold-lo));border:.7cqw solid var(--jungle-ink);box-shadow:0 .8cqw 0 var(--jungle-ink);border-radius:999px;padding:.3cqw 2.8cqw .7cqw;font-size:5.4cqw}.pop{animation:pop .28s var(--ease-spring)}.combo.break{animation:.45s ease-out forwards combo-break}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.2,1.12)}to{transform:scale(1)}}@keyframes combo-break{0%{opacity:1;transform:none}30%{transform:translate(-1.5cqw)rotate(-6deg)}60%{transform:translate(1.5cqw)rotate(6deg)}to{opacity:0;transform:translateY(3cqw)scale(.7)}}.mute{pointer-events:auto;z-index:3;border:.8cqw solid var(--jungle-ink);background:var(--cream);width:11cqw;height:11cqw;color:var(--jungle-ink);box-shadow:0 .8cqw 0 var(--jungle-ink);cursor:pointer;transition:transform .2s var(--ease-spring);border-radius:50%;place-items:center;display:grid;position:absolute;top:3.4cqw;right:3.4cqw}.mute:active{box-shadow:0 .2cqw 0 var(--jungle-ink);transform:translateY(.6cqw)scale(.92)}.mute:focus-visible{outline:.8cqw solid var(--gold);outline-offset:.6cqw}.mute svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:54%;height:54%}.mute .spk{fill:currentColor}.mute .x,.mute.is-muted .wave{display:none}.mute.is-muted .x{display:inline}.title{text-align:center;justify-items:center;gap:1.6cqh;display:grid;position:absolute;inset:11cqh 5cqw auto}.logo{font-family:var(--font-display);-webkit-text-stroke:.075em var(--jungle-ink);paint-order:stroke fill;filter:drop-shadow(0 .055em 0 var(--jungle-ink));margin:0;font-size:29cqw;font-weight:400;line-height:.95;display:flex}.logo span{animation:part 3.2s var(--ease-out) infinite;display:inline-block}.l-a{--dx:-4cqw;--rot:-5deg;color:var(--pink);background:linear-gradient(180deg, var(--pink-hi) 0%, var(--pink) 45%, #d6246f 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.l-b{--dx:4cqw;--rot:5deg;color:var(--blue);background:linear-gradient(180deg, var(--blue-hi) 0%, var(--blue) 45%, #1478d6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes part{0%,30%{transform:translate(0)rotate(0)}46%,70%{transform:translateX(var(--dx)) rotate(var(--rot))}80%{transform:translateX(calc(var(--dx) * -.18)) rotate(0)}88%,to{transform:translate(0)}}.tag{font-family:var(--font-display);color:var(--gold);-webkit-text-stroke:.14em var(--jungle-ink);paint-order:stroke fill;margin:-.5cqh 0 0;font-size:5.4cqw;transform:rotate(-3deg)}.rule{color:var(--jungle-ink);background:var(--cream);border:.7cqw solid var(--jungle-ink);box-shadow:0 .8cqw 0 var(--jungle-ink);border-radius:4cqw;margin:1cqh 0 0;padding:1.6cqw 4.4cqw 1.8cqw;font-size:5cqw;font-weight:700}.rule b{font-weight:800}.rule .p{color:#d6246f}.rule .b{color:#1478d6}.cta{font-family:var(--font-display);color:#fff;background:linear-gradient(180deg, #ff8cc0 0%, var(--pink) 50%, #d6246f 100%);border:.8cqw solid var(--jungle-ink);box-shadow:inset 0 .9cqw 0 #ffffff59, 0 1.1cqw 0 var(--jungle-ink);-webkit-text-stroke:.1em var(--pink-ink);paint-order:stroke fill;border-radius:999px;margin:2cqh 0 0;padding:2.4cqw 6.5cqw 2.8cqw;font-size:5.6cqw;animation:1.6s ease-in-out infinite breathe}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.06,1.03)}}.best-line{font-family:var(--font-display);color:#fff;-webkit-text-stroke:.14em var(--jungle-ink);paint-order:stroke fill;margin:.5cqh 0 0;font-size:5cqw}.best-val{color:var(--gold)}.over{background:radial-gradient(90% 60% at 50% 38%,#0f3d1a8c,#0f3d1a00 75%);place-items:center;padding-bottom:28cqh;display:grid;position:absolute;inset:0}.card{text-align:center;width:80cqw;color:var(--jungle-ink);background:linear-gradient(180deg, var(--cream) 0%, var(--cream-2) 100%);border:1.2cqw solid var(--jungle-ink);box-shadow:inset 0 -1.6cqw 0 #e08a002e, 0 1.8cqw 0 var(--jungle-ink);border-radius:8cqw;justify-items:center;padding:6cqw 6cqw 5.5cqw;display:grid;position:relative}.card:before{content:"";background:radial-gradient(50% 60% at 22% 70%, var(--leaf-hi) 0 58%, transparent 60%), radial-gradient(50% 60% at 78% 70%, var(--leaf-hi) 0 58%, transparent 60%), radial-gradient(40% 70% at 50% 55%, var(--leaf) 0 58%, transparent 60%);width:30cqw;height:10cqw;filter:drop-shadow(0 0 0 var(--jungle-ink)) drop-shadow(.5cqw 0 0 var(--jungle-ink)) drop-shadow(-.5cqw 0 0 var(--jungle-ink)) drop-shadow(0 -.5cqw 0 var(--jungle-ink));position:absolute;top:-5.5cqw;left:50%;transform:translate(-50%)}.over.in .card{animation:card-in .55s var(--ease-spring)}@keyframes card-in{0%{opacity:0;transform:translateY(6cqh)scale(.8,.9)}60%{opacity:1;transform:translateY(-.5cqh)scale(1.04,.97)}to{transform:none}}.line{font-family:var(--font-display);color:var(--pink);-webkit-text-stroke:.12em var(--jungle-ink);paint-order:stroke fill;margin:0;font-size:8cqw;line-height:1.05}.big-score{font-family:var(--font-display);color:#fff;-webkit-text-stroke:.08em var(--jungle-ink);paint-order:stroke fill;text-shadow:0 .06em 0 var(--jungle-ink);font-variant-numeric:tabular-nums;margin:1cqh 0 0;font-size:24cqw;line-height:1}.best-tag{font-family:var(--font-display);color:var(--jungle);margin:1.2cqh 0 0;font-size:4.8cqw}.best-tag.is-new{color:var(--jungle-ink);background:linear-gradient(180deg, #fff1a8, var(--gold) 60%, var(--gold-lo));border:.7cqw solid var(--jungle-ink);box-shadow:0 .7cqw 0 var(--jungle-ink);border-radius:999px;padding:.4cqw 3.4cqw .8cqw;animation:1.2s ease-in-out infinite wiggle}@keyframes wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)scale(1.05)}}.stats{grid-template-columns:repeat(3,1fr);gap:2cqw;width:100%;margin:3cqh 0 0;display:grid}.stats div{background:#3fae4924;border:.5cqw solid #0f3d1a40;border-radius:4cqw;padding:1.8cqw 0 2cqw}.stats dt{color:var(--jungle);font-size:3.2cqw;font-weight:700}.stats dd{font-family:var(--font-display);color:var(--jungle-ink);margin:.4cqw 0 0;font-size:7cqw}.again{opacity:0;margin-top:3.4cqh;transition:opacity .2s;animation:none}.over.ready .again{opacity:1;animation:1.6s ease-in-out infinite breathe}@media (prefers-reduced-motion:reduce){.logo span,.cta,.pop,.over.in .card,.over.ready .again,.best-tag.is-new{animation:none!important}.combo.break{opacity:0;animation:none}}