.game-wrap{-webkit-user-select:none;user-select:none;isolation:isolate;position:fixed;inset:0;overflow:hidden}.game-wrap:before{content:"";z-index:-4;background:linear-gradient(#25186a 0%,#4d36b8 45%,#8c5fe0 75%,#ff8fc4 100%);position:absolute;inset:0}.is-zoomies:before,.is-zoomies .sky,.is-zoomies .game-moon,.is-zoomies .game-skyline{animation:.6s linear infinite zoom-bg}@keyframes zoom-bg{to{filter:hue-rotate(360deg)}}.game-wrap .sky{z-index:-3}.game-moon{z-index:-2;opacity:.9;filter:drop-shadow(0 0 40px #ffe58f80);width:clamp(120px,18vw,220px);position:absolute;top:12%;right:8%}.game-skyline{z-index:-1;opacity:.85;height:190px;position:absolute;bottom:0;left:0;right:0}.game-skyline svg{width:100%;height:100%;display:block}.game-skyline .win{animation:7s step-end infinite flicker;animation-delay:var(--wd)}.game-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.hud{pointer-events:none;z-index:2;justify-content:space-between;align-items:flex-start;padding:14px 16px;display:flex;position:absolute;top:0;left:0;right:0}.hud-left,.hud-right{align-items:center;gap:.6rem;display:flex}.hud-btn{pointer-events:auto;border:4px solid var(--ink);width:48px;height:48px;box-shadow:0 4px 0 var(--ink);transition:transform .15s var(--bounce);background:#fff;border-radius:50%;place-items:center;display:grid}.hud-btn svg{width:26px;height:26px}.hud-btn:hover{transform:scale(1.1)rotate(-6deg)}.hud-btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.hud-score{flex-direction:column;line-height:1;display:flex}.hud-score-num{font-family:var(--font-display);color:var(--gold);-webkit-text-stroke:9px var(--ink);paint-order:stroke fill;text-shadow:0 5px 0 var(--ink);animation:score-bump .3s var(--bounce);transform-origin:0;font-size:clamp(2.4rem,7vw,3.6rem);display:inline-block}@keyframes score-bump{0%{transform:scale(1.35)rotate(-6deg)}to{transform:scale(1)}}.hud-best{font-family:var(--font-display);color:#fff;-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;margin-top:.3rem;font-size:1rem}.hud-mult{font-family:var(--font-display);color:var(--mint);-webkit-text-stroke:7px var(--ink);paint-order:stroke fill;animation:score-bump .4s var(--bounce);font-size:1.8rem}.lives{gap:.2rem;display:flex}.life{width:34px;transition:transform .4s var(--bounce), opacity .3s, filter .3s}.life-lost{opacity:.35;filter:grayscale();transform:scale(.7)rotate(-20deg)}.zoomies-banner{font-family:var(--font-display);background:var(--pink);border:4px solid var(--ink);box-shadow:0 5px 0 var(--ink);pointer-events:none;z-index:2;border-radius:999px;padding:.3em 1em .2em;font-size:1.6rem;animation:.5s ease-in-out infinite wiggle;position:absolute;top:90px;left:50%;transform:translate(-50%)}.overlay{z-index:3;background:#1b123373;place-items:center;padding:80px 16px 24px;animation:.25s fade-in;display:grid;position:absolute;inset:0;overflow-y:auto}@keyframes fade-in{0%{opacity:0}}.card{background:var(--cream);border:5px solid var(--ink);width:100%;max-width:480px;box-shadow:10px 10px 0 var(--ink);text-align:center;animation:card-in .5s var(--bounce);border-radius:32px;padding:1.6rem 1.5rem 1.8rem;position:relative}@keyframes card-in{0%{opacity:0;transform:scale(.6)rotate(-6deg)}}.card-face{width:130px;margin:-80px auto .3rem;animation:3s ease-in-out infinite head-bob}.card-title{font-family:var(--font-display);color:var(--gold);-webkit-text-stroke:9px var(--ink);paint-order:stroke fill;text-shadow:0 6px 0 var(--ink);font-size:clamp(2.3rem,8vw,3.2rem);font-weight:400;line-height:1.05}.card-sub{margin:.8rem 0 1.2rem;font-size:1.15rem;font-weight:600;line-height:1.4}.legend{grid-template-columns:repeat(6,1fr);gap:.4rem;margin-bottom:1.4rem;list-style:none;display:grid}.legend li{border:3px solid var(--ink);background:#fff;border-radius:14px;flex-direction:column;justify-content:flex-end;align-items:center;gap:.3rem;padding:.5rem .2rem .3rem;font-size:.85rem;font-weight:800;display:flex}.legend li:nth-child(n+5){background:#ffd6dc}.legend-art{width:80%;max-width:46px}.legend-art>svg{max-height:44px}@media (max-width:420px){.legend{grid-template-columns:repeat(3,1fr)}}.card-actions{flex-wrap:wrap;justify-content:center;gap:.7rem;margin-top:1rem;display:flex}.card-over{padding-top:2rem}.new-best{font-family:var(--font-display);background:var(--pink);border:4px solid var(--ink);box-shadow:0 4px 0 var(--ink);white-space:nowrap;border-radius:999px;padding:.3em 1em .2em;animation:.9s ease-in-out infinite pulse-best;position:absolute;top:-22px;left:50%;transform:translate(-50%)rotate(-4deg)}@keyframes pulse-best{50%{transform:translate(-50%)rotate(4deg)scale(1.1)}}.final-score{font-family:var(--font-display);color:#fff;-webkit-text-stroke:12px var(--ink);paint-order:stroke fill;text-shadow:0 7px 0 var(--ink);animation:score-bump .6s var(--bounce);margin-top:.5rem;font-size:clamp(4rem,16vw,6rem);line-height:1}.rank{margin-top:.6rem;font-size:1.25rem;font-weight:700}.rank b{font-family:var(--font-display);background:var(--gold);border:3px solid var(--ink);border-radius:999px;padding:.1em .7em 0;font-weight:400}.over-stats{grid-template-columns:repeat(3,1fr);gap:.5rem;margin:1.2rem 0 .4rem;display:grid}.over-stats span{border:3px solid var(--ink);background:#fff;border-radius:14px;flex-direction:column;padding:.5rem .2rem .3rem;font-size:.9rem;font-weight:700;display:flex}.over-stats b{font-family:var(--font-display);font-size:1.5rem;font-weight:400}@media (max-width:520px){.hud{padding:10px}.hud-btn{width:42px;height:42px}.hud-left,.hud-right{gap:.4rem}.life{width:26px}.hud-mult{font-size:1.4rem}}