*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}html,body{touch-action:none;overscroll-behavior:none;color:#fff;background:#16121e;height:100%;margin:0;font-family:Arial Rounded MT Bold,Nunito,Trebuchet MS,system-ui,sans-serif;overflow:hidden}#game{touch-action:none;display:block;position:fixed;inset:0}#ui{touch-action:none;display:none;position:fixed;inset:0}#ui.show{background:repeating-conic-gradient(#1d1828 0% 25%,#16121e 0% 50%) 0 0/70px 70px;justify-content:center;align-items:center;display:flex}.menu{flex-direction:column;align-items:center;gap:2vh;width:100%;padding:2vh 2vw;display:flex}.menu-top{align-items:center;gap:3vw;display:flex}.title{color:#ffd400;text-shadow:0 .06em #b8860b,0 .12em #1a0f2e,0 0 .4em #ffd40059;margin:0;font-size:min(13vh,9vw);font-weight:900;line-height:.95;animation:2.4s ease-in-out infinite wobble;transform:rotate(-4deg)}@keyframes wobble{0%,to{transform:rotate(-4deg)scale(1)}50%{transform:rotate(-1deg)scale(1.04)}}.colors{grid-template-columns:repeat(7,auto);gap:1.6vh 1.4vw;display:grid}.color-btn{border:.7vh solid var(--c);box-shadow:0 .8vh 0 #00000073, 0 0 2vh color-mix(in srgb, var(--c) 40%, transparent);cursor:pointer;background:radial-gradient(circle at 50% 40%,#ffffff29,#ffffff0a);border-radius:24%;justify-content:center;align-items:center;padding:.6vh;transition:transform 80ms;display:flex}.color-btn.sel{outline-offset:.5vh;outline:.7vh dashed #fff}.color-btn.down{transform:translateY(.6vh)scale(.94)}.results{flex-direction:column;align-items:center;gap:2.4vh;width:100%;padding:2vh 3vw;display:flex}.res-title{color:#ffd400;text-shadow:0 .08em #1a0f2e;font-size:10vh;font-weight:900;animation:.5s cubic-bezier(.2,1.6,.4,1) both pop}.podium{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:1.2vw;max-width:96vw;display:flex}.pod{background:color-mix(in srgb, var(--c) 22%, transparent);border:.5vh solid var(--c);border-radius:2vh;flex-direction:column;align-items:center;padding:.6vh .6vw 1vh;animation:.45s cubic-bezier(.2,1.6,.4,1) both pop;display:flex;position:relative}.pod .num{font-size:5.5vh;font-weight:900;line-height:1.1}.pod.me{box-shadow:0 0 3vh #fff, 0 0 6vh var(--c);animation:.45s cubic-bezier(.2,1.6,.4,1) both pop,.8s ease-in-out .6s infinite bounce}.me-star{font-size:6vh;position:absolute;top:-3vh;right:-1.5vh}@keyframes pop{0%{opacity:0;transform:scale(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-1.5vh)}}.none{font-size:6vh}.eaten{background:#8a3ffc2e;border-radius:3vh;align-items:center;gap:1vw;padding:.5vh 2vw .5vh .5vw;display:flex}.tummy{flex-wrap:wrap;gap:.4vw;max-width:62vw;display:flex}.gulp{background:color-mix(in srgb, var(--c) 30%, transparent);border-radius:50%;animation:.4s cubic-bezier(.2,1.6,.4,1) both pop}.gulp.me{outline:.5vh solid #fff}.btns{align-items:center;gap:3vw;display:flex}.again{font:inherit;color:#fff;text-shadow:0 .06em #12632a;cursor:pointer;background:linear-gradient(#34d058,#1f9d3a);border:none;border-radius:6vh;padding:2vh 6vh;font-size:8vh;font-weight:900;animation:1.4s ease-in-out infinite breathe;box-shadow:0 1.4vh #12632a,0 2vh 3vh #00000080}.again .ic{font-size:1.1em;display:inline-block}.again.down,.to-menu.down{animation:none;transform:translateY(1vh)scale(.96)}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.to-menu{cursor:pointer;background:#ffffff1a;border:.6vh solid #ffffff80;border-radius:3vh;padding:1vh}.modes{gap:3vw;margin-top:.5vh;display:flex}.mode{font:inherit;color:#fff;cursor:pointer;text-shadow:0 .06em #00000059;border:none;border-radius:5vh;padding:1.6vh 5vh;font-size:7vh;font-weight:900;animation:1.6s ease-in-out infinite breathe}.mode .ic{margin-right:.3em;display:inline-block}.mode.solo{background:linear-gradient(#34d058,#1f9d3a);box-shadow:0 1.2vh #12632a,0 2vh 3vh #00000080}.mode.online{background:linear-gradient(#5aa8ff,#2d6fe0);animation-delay:.4s;box-shadow:0 1.2vh #1b4596,0 2vh 3vh #00000080}.mode.down{animation:none;transform:translateY(1vh)scale(.96)}.lobby{flex-direction:column;gap:2vh;width:100%;height:100%;padding:2vh 3vw;display:flex}.lobby-bar{align-items:center;gap:2vw;display:flex}.back{font:inherit;color:#fff;cursor:pointer;background:#ffffff1a;border:.6vh solid #ffffff80;border-radius:50%;width:12vh;height:12vh;font-size:7vh;font-weight:900}.lobby-title{color:#ffd400;text-shadow:0 .08em #1a0f2e;margin:0;font-size:8vh}.net-status{opacity:.8;font-size:4vh}.rooms{flex-wrap:wrap;align-content:flex-start;gap:2.5vh 2vw;display:flex;overflow-y:auto}.room{font:inherit;color:#fff;background:#ffffff12;border:.6vh solid #ffffff40;border-radius:3vh;flex-direction:column;align-items:center;gap:1.4vh;width:30vw;min-height:34vh;padding:2vh 1.5vw;animation:.35s cubic-bezier(.2,1.6,.4,1) both pop;display:flex}.room.mine{background:#ffd4001f;border-color:#ffd400;box-shadow:0 0 4vh #ffd40059}.room.busy{opacity:.5}.room .clock{font-variant-numeric:tabular-nums;font-size:11vh;font-weight:900;line-height:1}.room .who{flex-wrap:wrap;justify-content:center;gap:.8vh;min-height:6vh;display:flex}.room .dot{background:var(--c);border:.5vh solid #00000059;border-radius:50%;width:5.5vh;height:5.5vh}.room .dot.me{border-color:#fff;box-shadow:0 0 2vh #fff}.room .bots{opacity:.75;font-size:4vh}.room-btn{font:inherit;color:#fff;cursor:pointer;border:none;border-radius:3vh;padding:1.2vh 3vh;font-size:5vh;font-weight:900}.room-btn.join{background:linear-gradient(#5aa8ff,#2d6fe0);box-shadow:0 .8vh #1b4596}.room-btn.leave{background:#ffd40040;border:.4vh solid #ffd400}.room-btn.wait{opacity:.7;font-size:4vh}.room.new{cursor:pointer;border-style:dashed;justify-content:center;font-size:6vh;font-weight:900}.room.new .plus{font-size:16vh;line-height:.8}.room.down,.room-btn.down,.back.down{transform:scale(.95)}.version{opacity:.45;font-family:system-ui,sans-serif;font-size:2.4vh;position:fixed;bottom:1.2vh;right:1.5vw}.update-btn{font:inherit;color:#1a0f2e;cursor:pointer;background:linear-gradient(#ffe45c,#ffc400);border:none;border-radius:3vh;flex-direction:column;align-items:center;padding:1.2vh 3vh;font-size:4.5vh;font-weight:900;animation:1s ease-in-out infinite breathe;display:flex;position:fixed;top:2vh;right:2vw;box-shadow:0 .9vh #b8860b,0 0 4vh #ffd40099}.update-btn small{opacity:.8;font-size:2.6vh}.update-btn.in-lobby{margin:6vh auto;padding:3vh 6vh;font-size:7vh;position:static}.spectate{z-index:5;touch-action:none;pointer-events:none;justify-content:center;gap:8vw;animation:.4s cubic-bezier(.2,1.6,.4,1) both pop;display:flex;position:fixed;top:16vh;left:0;right:0}.spec-btn{pointer-events:auto;font:inherit;color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:26vh;height:26vh;font-size:13vh;line-height:1;animation:1.4s ease-in-out infinite breathe;display:flex}.spec-btn.watch{background:linear-gradient(#5aa8ff,#2d6fe0);box-shadow:0 1.2vh #1b4596,0 2vh 3vh #00000080}.spec-btn.skip{background:linear-gradient(#34d058,#1f9d3a);animation-delay:.3s;box-shadow:0 1.2vh #12632a,0 2vh 3vh #00000080}.spec-btn.down{animation:none;transform:translateY(1vh)scale(.94)}.spectate.corner{animation:none;inset:11vh 2vw auto auto}.spectate.corner .spec-btn{opacity:.85;width:12vh;height:12vh;font-size:6vh;animation:none}.riding{flex-wrap:wrap;justify-content:center;gap:.6vw;max-width:90vw;display:flex}.ride{border:.4vh dashed var(--c);background:color-mix(in srgb, var(--c) 14%, transparent);border-radius:2vh;animation:.4s cubic-bezier(.2,1.6,.4,1) both pop;position:relative}.ride.me{outline:.5vh solid #fff}.bike-badge{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:5.2vh;height:5.2vh;font-size:3.2vh;display:flex;position:absolute;bottom:-1.2vh;right:-1.2vh;box-shadow:0 .4vh #00000059}