@font-face{font-family:Lilita One;src:url(./lilita-one-87r-Z-Re.woff2)format("woff2");font-display:swap}:root{--volt:#2f7fe8;--champ:#2f7fe8;--champ-hi:#5aa8ff;--champ-lo:#1f64c4;--good:#4cd137;--bad:#ff4a3d;--warn:#ffc531;--late:#ff8a1f;--hazard:#e8332a;--font:"Lilita One", "Arial Rounded MT Bold", system-ui, sans-serif;--body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--o:#1b2747;--o2:#0f1830;--outline:0 2px 0 var(--o), 2px 0 0 var(--o), -2px 0 0 var(--o), 0 -2px 0 var(--o), 2px 2px 0 var(--o), -2px 2px 0 var(--o), 2px -2px 0 var(--o), -2px -2px 0 var(--o), 0 4px 0 var(--o);--outline-lg:0 3px 0 var(--o), 3px 0 0 var(--o), -3px 0 0 var(--o), 0 -3px 0 var(--o), 3px 3px 0 var(--o), -3px 3px 0 var(--o), 3px -3px 0 var(--o), -3px -3px 0 var(--o), 0 6px 0 var(--o);--outline-sm:0 1.5px 0 var(--o), 1.5px 0 0 var(--o), -1.5px 0 0 var(--o), 0 -1.5px 0 var(--o), 0 3px 0 var(--o);--chip:linear-gradient(180deg, #2c4174, #1b2747);--hard:0 4px 0 var(--o2);--yellow:linear-gradient(180deg, #ffe46b, #ffc531 55%, #f5ad12);--blue:linear-gradient(180deg, #5aa8ff, #2f7fe8 55%, #1f64c4);--champ-grad:linear-gradient(180deg, var(--champ-hi), var(--champ) 55%, var(--champ-lo));--spring:cubic-bezier(.3, 1.6, .5, 1)}*{box-sizing:border-box}html,body{color:#fff;height:100%;font-family:var(--font);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;background:#bfe3ff;margin:0;font-weight:400;overflow:hidden}#game{touch-action:none;position:fixed;top:0;bottom:0;left:0;right:0}#c{width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.hidden{display:none!important}#hud{pointer-events:none;text-shadow:var(--outline-sm);position:absolute;top:0;bottom:0;left:0;right:0}#top{top:calc(env(safe-area-inset-top) + 10px);animation:dropin .45s var(--spring) both;justify-content:space-between;align-items:flex-start;gap:8px;display:flex;position:absolute;left:12px;right:12px}@keyframes dropin{0%{transform:translateY(-80px)}}@keyframes risein{0%{transform:translateY(140px)}}#placebox{flex-direction:column;align-items:flex-start;gap:5px;display:flex}#place{text-align:center;border:3px solid var(--o);min-width:78px;box-shadow:var(--hard);text-shadow:var(--outline);background:linear-gradient(#a9b9cf,#6f84a3);border-radius:16px;padding:4px 12px 2px;line-height:1}#placebox[data-place="1"] #place{background:linear-gradient(#ffe46b,#f5b20f)}#placebox[data-place="2"] #place{background:linear-gradient(#f2f6fb,#b4c2d4)}#placebox[data-place="3"] #place{background:linear-gradient(#f8b47c,#c9692a)}#place b{font-size:52px;font-weight:400}#place i{vertical-align:top;margin-left:1px;font-size:22px;font-style:normal}@keyframes bump{0%{transform:scale(1.35)rotate(-4deg)}}#placebox.up #place{animation:placeup .55s var(--spring)}#placebox.down #place{animation:.5s ease-out placedown}@keyframes placeup{0%{transform:scale(.6)translateY(10px)}35%{transform:scale(1.4)rotate(-8deg)}60%{transform:scale(.94)rotate(3deg)}to{transform:none}}@keyframes placedown{0%{border-color:var(--bad);transform:translateY(-10px)scale(1.15)}25%{transform:translateY(6px)scale(.92,1.06)rotate(4deg)}45%{border-color:var(--bad);transform:translate(-6px)rotate(-3deg)}65%{transform:translate(4px)}to{transform:none}}#time{font-variant-numeric:tabular-nums;background:var(--chip);border:2px solid var(--o2);border-radius:10px;padding:2px 10px;font-size:17px}#gaps{font-variant-numeric:tabular-nums;flex:1;grid-template-columns:1fr 1fr;row-gap:3px;max-width:240px;margin-top:8px;font-size:16px;display:grid}#gaps .line{border:2px solid var(--o);background:#1b27478c;border-radius:6px;grid-area:1/1/auto/-1;height:12px;position:relative}#gaps .line i{background:var(--c);border:2px solid var(--o);border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;transition:left .1s linear;position:absolute;top:50%}#gaps .line i.me{border:4px solid var(--c);z-index:1;width:20px;height:20px;box-shadow:0 2px 0 var(--o);background:#fff;margin:-10px 0 0 -10px}#gaps .behind{text-align:left;grid-row:2}#gaps .ahead{text-align:right;grid-area:2/2}#draft{border:3px solid var(--o);width:170px;height:30px;box-shadow:var(--hard);letter-spacing:1px;opacity:0;transition:opacity .15s, transform .2s var(--spring);background:#1b2747b3;border-radius:15px;justify-content:center;align-items:center;margin-left:-85px;font-size:15px;display:flex;position:absolute;top:31%;left:50%;overflow:hidden;transform:scale(.7)}#draft .fill{opacity:.45;background:linear-gradient(#fff,#cfe6ff);width:0;position:absolute;top:0;bottom:0;left:0}#draft span{text-shadow:var(--outline-sm);position:relative}#draft.on{opacity:1;transform:none}#draft.full{animation:.3s ease-in-out infinite alternate ready}#draft.full .fill{opacity:.75}#draft.pop{opacity:1;animation:.45s ease-out forwards slingshot}#draft.pop .fill{background:var(--yellow);opacity:1}#draft.pop span{color:var(--o);text-shadow:none}@keyframes slingshot{0%{transform:scale(1.5)}30%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(1.35)translateY(-14px)}}#ahead{flex-direction:column;align-items:flex-end;gap:6px;min-width:90px;display:flex}.ah{background:var(--chip);border:3px solid var(--o2);box-shadow:var(--hard);letter-spacing:.5px;animation:slidein .3s var(--spring);border-radius:14px;align-items:center;gap:6px;padding:3px 10px 3px 4px;font-size:15px;display:flex}@keyframes slidein{0%{opacity:0;transform:translate(60px)}}.ah .ic{color:#fff;background:var(--c,#888);border:2px solid var(--o2);width:26px;height:26px;text-shadow:none;border-radius:50%;place-items:center;font-size:16px;display:grid}.ah small{opacity:.8;font-size:12px;font-family:var(--body);font-weight:800}.ah.bend{--c:#e0a21a}.ah.jump{--c:var(--volt)}.ah.split{--c:#f28a1a}.ah.crane{--c:var(--hazard)}.ah.finish{--c:#26262b}#banner{opacity:0;justify-content:center;display:flex;position:absolute;top:21%;left:0;right:0}#banner span{letter-spacing:2px;text-shadow:var(--outline);background:var(--blue);border-top:3px solid var(--o);border-bottom:3px solid var(--o);clip-path:polygon(0 0,100% 0,calc(100% - 16px) 50%,100% 100%,0 100%,16px 50%);padding:6px 34px 4px;font-size:24px}#banner span:before,#banner span:after{content:"★";color:#ffd23f;vertical-align:2px;margin:0 10px;font-size:20px;display:inline-block}#banner.on span:before,#banner.on span:after{animation:1.9s linear spinstar}@keyframes spinstar{to{transform:rotate(360deg)}}#banner.on{animation:1.9s both ribbon}@keyframes ribbon{0%{opacity:1;transform:translate(-110vw)skew(-12deg)}14%{opacity:1;transform:translate(0)skew(0)}82%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(110vw)skew(-12deg)}}#lights{background:var(--chip);border:4px solid var(--o2);box-shadow:inset 0 3px 0 #ffffff24, 0 6px 0 var(--o2);animation:lightsin .6s var(--spring) .15s both;border-radius:40px;gap:10px;padding:10px 14px;transition:opacity .3s,translate .45s cubic-bezier(.5,-.4,.7,.6),scale .45s;display:flex;position:absolute;top:27%;left:50%;transform:translate(-50%)}@keyframes lightsin{0%{translate:0 -180px;scale:.7}}#lights.gogo{animation:gopunch .4s var(--spring)}@keyframes gopunch{0%{scale:1.25}40%{scale:.95}to{scale:1}}#lights.out{opacity:0;translate:0 -150px;scale:.75}#lights i{--k:0;background:conic-gradient(#ffd23f calc(var(--k) * 1turn), #3a3434 0);border:4px solid var(--o2);border-radius:50%;place-items:center;width:50px;height:50px;font-style:normal;display:grid;position:relative;box-shadow:inset 0 -6px #00000040}#lights i b{color:#fff;text-shadow:var(--outline-sm);font-size:24px;font-weight:400}#lights i.go{background:linear-gradient(90deg, #ffd23f calc(var(--k) * 100%), #3a3434 0);border-radius:25px;width:74px}#lights i.r{animation:lamp .3s var(--spring);background:#f0402f}#lights i.g{animation:lamp .3s var(--spring);background:#47cf3a}#lights i.go.g{animation:golamp .45s var(--spring)}#lights i.g b{font-size:28px}#lights i.go.g b{animation:golamp .45s var(--spring) 50ms both}@keyframes lamp{0%{transform:scale(1.45)}50%{transform:scale(.9)}to{transform:none}}@keyframes golamp{0%{transform:scale(1.7)rotate(-8deg)}45%{transform:scale(.88)rotate(3deg)}to{transform:none}}#flash{opacity:0;background:var(--f,#fff);position:absolute;top:0;bottom:0;left:0;right:0}#flash.on{animation:.45s ease-out blink-flash}@keyframes blink-flash{0%{opacity:.38}to{opacity:0}}#green.soon{animation:.12s ease-in-out infinite alternate beat}@keyframes beat{to{filter:brightness(1.25);transform:scaleY(1.08)}}#judge{text-align:center;letter-spacing:1px;opacity:0;white-space:nowrap;text-shadow:var(--outline-lg);font-size:clamp(30px,10vw,54px);position:absolute;top:40%;left:0;right:0}#judge.quiet{text-shadow:var(--outline);font-size:clamp(20px,6.5vw,28px)}#judge.pop{animation:.8s ease-out forwards pop}#judge.perfect.pop{animation:.9s ease-out forwards perfect}#judge.early.pop{animation:.7s ease-out forwards early}#judge.late.pop{animation:.9s ease-out forwards late}#judge.miss.pop{animation:.9s ease-out miss,.25s .9s forwards fadeout}@keyframes pop{0%{opacity:1;transform:scale(1.7)}18%{opacity:1;transform:scale(1)}75%{opacity:1;transform:scale(1)}to{opacity:0;transform:translateY(-24px)}}@keyframes perfect{0%{opacity:1;transform:scale(2.2)rotate(-8deg)}15%{opacity:1;transform:scale(.92)rotate(2deg)}25%{opacity:1;transform:scale(1.08)rotate(0)}75%{opacity:1;transform:scale(1)}to{opacity:0;transform:translateY(-40px)scale(1.1)}}@keyframes early{0%{opacity:1;transform:translateY(16px)scale(.8)}20%{opacity:1;transform:none}70%{opacity:1}to{opacity:0;transform:translateY(-12px)}}@keyframes late{0%{opacity:1;transform:scale(1.3)}15%{opacity:1;transform:scale(1)}45%{opacity:1;transform:translateY(10px)rotate(-7deg)}80%{opacity:1;transform:translateY(14px)rotate(-7deg)}to{opacity:0;transform:translateY(40px)rotate(-12deg)}}@keyframes miss{0%,to{opacity:1;transform:none}8%{transform:translate(-16px)rotate(-3deg)}16%{transform:translate(14px)rotate(3deg)}24%{transform:translate(-10px)}32%{transform:translate(8px)}40%{transform:none}}@keyframes fadeout{to{opacity:0}}#judge.perfect:before{content:"";z-index:-1;opacity:0;clip-path:polygon(50% 0,58% 32%,85% 15%,70% 42%,100% 50%,70% 58%,85% 85%,58% 68%,50% 100%,42% 68%,15% 85%,30% 58%,0 50%,30% 42%,15% 15%,42% 32%);background:#ffd23f;width:220px;height:220px;margin:-110px 0 0 -110px;position:absolute;top:50%;left:50%}#judge.perfect.pop:before{animation:.6s ease-out forwards star}@keyframes star{0%{opacity:.95;transform:scale(.2)rotate(0)}40%{opacity:.95;transform:scale(1.1)rotate(25deg)}to{opacity:0;transform:scale(1.4)rotate(45deg)}}#warn{background:repeating-linear-gradient(-45deg, #1b274729 0 9px, transparent 9px 18px), linear-gradient(180deg, #ff6a5a, var(--hazard));border:3px solid var(--o);color:#fff;letter-spacing:1px;white-space:nowrap;opacity:0;box-shadow:var(--hard);text-shadow:var(--outline-sm);border-radius:18px;padding:8px 18px 6px;font-size:21px;transition:opacity .15s;position:absolute;top:52%;left:50%;transform:translate(-50%)}#warn.on{opacity:1;animation:warnin .3s var(--spring), blink .25s .3s infinite alternate}@keyframes warnin{0%{transform:translate(-50%)scale(.4)rotate(-6deg)}60%{transform:translate(-50%)scale(1.15)rotate(2deg)}}@keyframes blink{to{transform:translate(-50%)scale(1.07)}}#edges{height:0;position:absolute;bottom:250px;left:0;right:0}#edges .edge{text-shadow:var(--outline);font-size:46px;line-height:1;animation:.2s infinite alternate nudge;position:absolute;bottom:0;left:50%;translate:-50%}@keyframes nudge{to{translate:-50% -8px}}#coach{z-index:5;opacity:0;flex-direction:column;align-items:center;gap:6px;transition:opacity .15s;display:flex;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)}#coach.on{opacity:1;animation:coachin .3s var(--spring)}#coach.at-mid{top:58%}#coach.at-bar,#coach.at-ability,#coach.at-super,#coach.at-item{flex-direction:column-reverse;transform:translate(-50%,-100%)}@keyframes coachin{0%{scale:.6}}#coach .txt{color:var(--o);white-space:nowrap;border:3px solid var(--o);box-shadow:var(--hard);text-shadow:none;background:#fff;border-radius:14px;padding:6px 14px 4px;font-size:22px}#coach .icon{gap:8px;display:flex;position:relative}#coach.at-bar .icon{transform:rotate(180deg)}#coach .hand{transform-origin:50% 5%;width:62px;height:78px;display:block}#coach.g-tap .hand{animation:.9s ease-in-out infinite press}#coach.g-tap.m-touch .icon:after{content:"";border:4px solid #fff;border-radius:50%;width:44px;height:44px;margin:-22px 0 0 -22px;animation:.9s ease-out infinite ripple;position:absolute;top:0;left:50%}#coach.g-swipe-x .hand{animation:1.1s ease-in-out infinite swipex}#coach.g-swipe-up .hand{animation:1s ease-in infinite swipeup}#coach.g-swipe-down .hand{animation:1s ease-in infinite swipedown}@keyframes swipedown{0%{opacity:0;transform:translateY(-34px)}25%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(30px)}}@keyframes press{0%,to{transform:scale(1)}40%,55%{transform:scale(.84)}}@keyframes ripple{0%,35%{opacity:0;transform:scale(.3)}45%{opacity:1}to{opacity:0;transform:scale(1.5)}}@keyframes swipex{0%{opacity:0;transform:translate(-48px)rotate(-10deg)}15%{opacity:1}50%{transform:translate(48px)rotate(10deg)}65%{opacity:1}to{opacity:0;transform:translate(-48px)rotate(-10deg)}}@keyframes swipeup{0%{opacity:0;transform:translateY(30px)}25%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(-40px)}}#coach kbd{min-width:54px;height:54px;color:var(--o);font:26px var(--font);text-shadow:none;border:3px solid var(--o);background:linear-gradient(#fff,#dfe7f2);border-bottom-width:8px;border-radius:12px;place-items:center;padding:0 10px;display:grid}#coach kbd.wide{padding:0 22px;font-size:20px}#coach.at-bar kbd{transform:rotate(180deg)}#coach.g-tap kbd,#coach.g-swipe-up kbd,#coach.g-swipe-down kbd{animation:.9s ease-in-out infinite key}#coach.g-swipe-x kbd{animation:1.1s ease-in-out infinite key}#coach.g-swipe-x kbd+kbd{animation-delay:.55s}@keyframes key{0%,to{border-bottom-width:8px;translate:0}40%,55%{border-bottom-width:3px;translate:0 5px}}#bottom{left:0;right:0;bottom:calc(env(safe-area-inset-bottom) + 12px);animation:risein .5s var(--spring) both;flex-direction:column;align-items:center;gap:10px;padding:0 12px;display:flex;position:absolute}#kit{justify-content:space-between;align-items:flex-end;gap:10px;width:min(560px,100%);display:flex}#ability{--cd:0;flex:none;align-items:center;gap:8px;display:flex;position:relative}#ability .ring{background:var(--blue);border:4px solid var(--o);width:62px;height:62px;box-shadow:0 4px 0 var(--o2);border-radius:50%;place-items:center;transition:filter .2s;display:grid;position:relative;overflow:hidden}#ability .ring:after{content:"";background:conic-gradient(#0f1830b8 calc(var(--cd) * 360deg), transparent 0);border-radius:50%;position:absolute;top:0;bottom:0;left:0;right:0}#ability .ic{filter:drop-shadow(0 2px 0 var(--o));font-size:28px;line-height:1;position:relative}#ability .secs{z-index:1;text-shadow:var(--outline);font-size:26px;font-weight:400;position:absolute}#ability.cd .ring{filter:grayscale(.65)brightness(.85)}#ability.cd .ic{opacity:.35}#ability.ready .ring{box-shadow:0 0 0 4px #ffd23f, 0 7px 0 var(--o2);overflow:visible}@keyframes ringout{0%{outline-offset:0;outline:5px solid #ffd23f}to{outline-offset:24px;outline:5px solid #ffd23f00}}@keyframes icpop{0%{transform:scale(.4)rotate(-30deg)}60%{transform:scale(1.3)rotate(8deg)}to{transform:none}}#ability.on .ring{background:var(--yellow)}@keyframes ready{to{transform:translateY(-4px)scale(1.06)}}#ability .lbl{flex-direction:column;align-items:flex-start;gap:3px;display:flex}#ability .nm{font-size:15px}#ability .hint{border:2px solid var(--o2);text-shadow:none;background:#5d6a83;border-radius:8px;padding:1px 7px;font-size:12px}#ability.ready .hint{color:var(--o);background:#ffd23f}#ability.on .hint{background:var(--good)}#super{align-items:center;gap:8px;display:flex}#super .lbl{flex-direction:column;align-items:flex-end;gap:3px;display:flex}#super .nm{font-size:15px}#super .hint{border:2px solid var(--o2);text-shadow:none;background:#5d6a83;border-radius:8px;padding:1px 7px;font-size:12px}#super .ring{pointer-events:auto;border:5px solid var(--o);width:84px;height:84px;box-shadow:inset 0 6px 0 #00000040, 0 5px 0 var(--o2);background:#2a3556;border-radius:50%;place-items:center;display:grid;position:relative;overflow:hidden}#super .fill{background:var(--blue);height:0;transition:height .2s;position:absolute;bottom:0;left:0;right:0;box-shadow:inset 0 6px #ffffff47}#super .ic{color:#fff;opacity:.45;filter:drop-shadow(0 2px 0 var(--o));font-size:34px;line-height:1;position:relative}#super .secs{z-index:1;text-shadow:var(--outline);font-size:28px;font-weight:400;position:absolute}#super.full .ring{box-shadow:0 0 0 5px #ffd23f, 0 8px 0 var(--o2)}#super:not(.full):not(.active) .ring{filter:grayscale(.7)brightness(.9)}#super.full .ring,#super.active .ring{background:#ffb20f}#super.full .fill,#super.active .fill{background:repeating-linear-gradient(-45deg,#ffd23f 0 12px,#ffb20f 12px 24px) 0 0/34px 34px;animation:.5s linear infinite pole}#super.full .ic{opacity:1;color:var(--o);filter:drop-shadow(0 2px #fff);font-size:40px}@keyframes starwob{0%{transform:rotate(-14deg)scale(.95)}to{transform:rotate(14deg)scale(1.08)}}#super.active .ring{animation:.25s ease-in-out infinite alternate ready}#super.active .ic{opacity:0}#super.full .hint{color:var(--o);background:#ffd23f}#super.active .hint{background:var(--good)}@keyframes pole{to{background-position:34px 0}}#kit{position:relative}#item{align-items:center;gap:8px;transition:opacity .2s;display:flex;position:absolute;bottom:calc(100% + 14px);right:4px}#item .box{border:4px solid var(--o);width:62px;height:62px;box-shadow:inset 0 5px 0 #00000040, 0 4px 0 var(--o2);background:#2a3556;border-radius:16px;place-items:center;display:grid;position:relative}#item .ic,#item svg{width:44px;height:44px;display:block}#item .lbl{flex-direction:column;align-items:flex-end;gap:3px;display:flex}#item .nm{font-size:15px}#item .hint{border:2px solid var(--o2);text-shadow:none;background:#5d6a83;border-radius:8px;padding:1px 7px;font-size:12px}#item.empty{opacity:.55;filter:grayscale()}#item.empty .box{border-style:dashed}#item.empty .hint{display:none}#item.roll .box{background:#3a4670}#item.roll .ic{animation:.14s linear infinite roll}#item.ready .box{background:var(--yellow);box-shadow:0 0 0 4px #ffd23f, 0 7px 0 var(--o2)}#item.ready .hint{color:var(--o);background:#ffd23f}#item.flash .box{animation:itempop .35s var(--spring)}@keyframes roll{0%{transform:translateY(-6px)}to{transform:translateY(6px)}}@keyframes itempop{0%{scale:.6}60%{scale:1.2}to{scale:1}}#rev{align-items:center;gap:10px;width:min(560px,100%);display:flex}#gear{border:4px solid var(--o);width:62px;height:62px;box-shadow:0 4px 0 var(--o2);color:var(--o);text-shadow:none;background:linear-gradient(#fff,#d9e3f0);border-radius:16px;flex-direction:column;flex:none;justify-content:center;align-items:center;display:flex}#gear small{letter-spacing:1px;margin-bottom:-4px;font-size:10px}#gear b{font-size:38px;font-weight:400;line-height:1;display:block}#gear b.roll{animation:gearroll .32s var(--spring)}@keyframes gearroll{0%{opacity:0;transform:translateY(-70%)scale(.5)}60%{opacity:1;transform:translateY(6%)scale(1.15)}to{transform:none}}#gear.f-perfect{animation:gpop .45s var(--spring);background:linear-gradient(180deg, #a6f08c, var(--good))}#gear.f-early{background:linear-gradient(180deg, #ffe58a, var(--warn));animation:.35s gpop}#gear.f-late{background:linear-gradient(180deg, #ffc08a, var(--late));animation:.35s gpop}@keyframes gpop{0%{transform:scale(1.4)}}#gear{position:relative}#streak{background:var(--yellow);border:3px solid var(--o);box-shadow:0 3px 0 var(--o2);opacity:0;pointer-events:none;border-radius:10px;padding:1px 6px 0;font-style:normal;position:absolute;top:-18px;right:-20px}#streak b{color:var(--o);font-size:18px;line-height:1.1}#streak.on{opacity:1;animation:streakon .45s var(--spring)}@keyframes streakon{0%{transform:scale(1.9)rotate(-20deg)}55%{transform:scale(.9)rotate(6deg)}to{transform:rotate(-4deg)}}#streak.on{transform:rotate(-4deg)}#streak.lost{animation:.6s ease-in forwards lost}@keyframes lost{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(40px)rotate(40deg)}}#bar{border:4px solid var(--o);height:48px;box-shadow:inset 0 6px 0 #00000040, 0 4px 0 var(--o2);background:#2a3556;border-radius:16px;flex:1;position:relative;overflow:hidden}#green{background:linear-gradient(180deg, #8ae86b 0 45%, var(--good) 45%);border-left:3px solid #fff;border-right:3px solid #fff;position:absolute;top:0;bottom:0}#green.wide{background:linear-gradient(180deg, #8cc4ff 0 45%, var(--volt) 45%)}#limit{background:repeating-linear-gradient(-45deg, var(--bad) 0 6px, #b72a20 6px 12px);background-size:16.97px 16.97px;width:4%;position:absolute;top:0;bottom:0;right:0}#needle.hot~#limit{width:6%;animation:.25s linear infinite limitpole}@keyframes limitpole{to{background-position:16.97px 0}}#bar:before{content:"";background:repeating-linear-gradient(90deg,#0000 0 calc(10% - 2px),#ffffff29 calc(10% - 2px) 10%);height:38%;position:absolute;bottom:0;left:0;right:0}#needle{width:0;box-shadow:3px 0 0 var(--o);background:linear-gradient(90deg,#fff0,#ffffff59);border-right:7px solid #fff;position:absolute;top:0;bottom:0;left:0}#needle.hot{border-right-color:var(--bad)}#needle.ingreen{border-right-color:#ffd23f}#bar.f-perfect{--f:var(--good);animation:.45s ease-out flash}#bar.f-early{--f:var(--warn);animation:.35s ease-out flash}#bar.f-late{--f:var(--late);animation:.45s ease-out flash,.45s ease-out sag}#bar.f-miss{--f:var(--bad);animation:.6s ease-out flash,.4s ease-out shake}@keyframes flash{0%,40%{border-color:var(--f);box-shadow:0 0 0 4px var(--f), 0 4px 0 var(--o2)}}@keyframes sag{40%{transform:translateY(5px)rotate(-1.5deg)}}@keyframes shake{15%{transform:translate(-10px)}35%{transform:translate(9px)}55%{transform:translate(-6px)}75%{transform:translate(4px)}}#bottom .key{z-index:2;pointer-events:none;letter-spacing:.5px;white-space:nowrap;text-shadow:none;color:var(--o);border:2px solid var(--o);box-shadow:0 2px 0 var(--o2);background:#fff;border-radius:7px;padding:3px 6px 2px;font-size:11px;font-style:normal;line-height:1;transition:background .15s,color .15s;position:absolute}#bar .key{top:50%;left:8px;translate:0 -50%}#ability .key{top:54px;left:31px;translate:-50%}#item .box .key{top:calc(100% - 8px);left:50%;translate:-50%}#super{position:relative}#super .key{top:74px;right:42px;translate:50%}#ability.cd .key,#super:not(.full):not(.active) .key,#item.empty .key,#item.roll .key{color:#5d6a83;box-shadow:none;background:#c9d1de;border-color:#5d6a83}#item.empty .key{display:none}#bottom[data-loud=shift] #bar{box-shadow:0 0 0 4px #ffd23f, 0 4px 0 var(--o2);border-color:#ffd23f}#bottom[data-loud=shift] #green{animation:.12s ease-in-out infinite alternate beat}#bottom[data-loud=shift] #bar .key,#bottom[data-loud=ability] #ability .key,#bottom[data-loud=item] #item .key,#bottom[data-loud=super] #super .key{background:#ffd23f;animation:.3s ease-in-out infinite alternate ready}#bottom[data-loud=ability] #ability.ready .ring{animation:.5s ease-in-out infinite alternate ready}#bottom[data-loud=item] #item.ready .box{animation:.45s ease-in-out infinite alternate ready}#bottom[data-loud=super] #super.full .ring{animation:.35s ease-in-out infinite alternate ready}#bottom[data-loud=super] #super.full .ic{animation:.7s ease-in-out infinite alternate starwob}#bottom[data-loud=ability] #ability.ready .ring.pop{animation:ringout .6s ease-out, itempop .4s var(--spring), ready .5s ease-in-out .4s infinite alternate}#bottom[data-loud=item] #item.ready .box.pop{animation:ringout .6s ease-out, itempop .4s var(--spring), ready .45s ease-in-out .4s infinite alternate}#bottom[data-loud=super] #super.full .ring.pop{animation:ringout .7s ease-out, itempop .45s var(--spring), ready .35s ease-in-out .45s infinite alternate}#speed{text-align:right;width:64px;line-height:.9}#speed b{font-variant-numeric:tabular-nums;text-shadow:var(--outline);font-size:32px;font-weight:400;display:block}#speed i{font-size:12px;font-style:normal}#tags{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.tag{background:var(--chip);white-space:nowrap;will-change:transform;box-shadow:var(--hard);text-shadow:var(--outline-sm);border:3px solid;border-radius:9px;padding:1px 8px;font-size:13px;position:absolute;top:0;left:0;transform:translate(-50%,-100%)}.tag.ghost{color:#fff;opacity:.9;background:#1b27478c;border-style:dashed}.panel{text-align:center;background:linear-gradient(#2f86e099,#bfe3ff33 55%,#7cc04f73);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px 16px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.panel>*{animation:rise .5s var(--spring) both}.panel>:nth-child(2){animation-delay:60ms}.panel>:nth-child(3){animation-delay:.12s}.panel>:nth-child(4){animation-delay:.18s}.panel>:nth-child(5){animation-delay:.24s}.panel>:nth-child(6){animation-delay:.3s}@keyframes rise{0%{opacity:0;transform:translateY(46px)scale(.86)}60%{opacity:1;transform:translateY(-4px)scale(1.02)}to{transform:none}}.panel.leave{pointer-events:none;z-index:1;background:0 0!important}.panel.leave>*{animation:.2s ease-in both sink!important}@keyframes sink{to{opacity:0;transform:translateY(24px)scale(.94)}}#wipe{z-index:30;pointer-events:none;visibility:hidden;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}#wipe i{background:conic-gradient(#1b2747 25%, #f4efe2 0 50%, #1b2747 0 75%, #f4efe2 0) 0 0 / 64px 64px;width:calc(140% + 40vh);box-shadow:14px 0 0 var(--o);border-right:28px solid #ffc531;position:absolute;top:-20%;bottom:-20%;left:calc(-20% - 20vh);transform:skew(-14deg)}#wipe.on{visibility:visible;animation:.55s step-end forwards wipehide}#wipe.on i{animation:.55s cubic-bezier(.6,0,.4,1) forwards wipeoff}@keyframes wipeoff{0%,12%{translate:0}to{translate:calc(130vw + 10vh)}}@keyframes wipehide{to{visibility:hidden}}.logo{flex-direction:column;align-items:center;gap:4px;display:flex}.panel h1 .ch{animation:letterin .55s var(--spring) calc(.1s + var(--i) * 50ms) both, wave 2.6s ease-in-out calc(1.2s + var(--i) * .11s) infinite;display:inline-block}.panel h1 .ch:nth-child(odd){color:#fff}.panel h1 .ch:nth-child(2n){color:#ffe46b}@keyframes letterin{0%{opacity:0;transform:translateY(-120px)rotate(-25deg)scale(.6)}55%{opacity:1;transform:translateY(8px)scale(1.1,.9)}80%{transform:translateY(-4px)scale(.97,1.03)}to{transform:none}}@keyframes wave{0%,60%,to{transform:none}20%{transform:translateY(-7px)rotate(-3deg)}40%{transform:translateY(2px)}}h2 .ch{animation:stamp .45s var(--spring) calc(.25s + var(--i) * 60ms) both;display:inline-block}@keyframes stamp{0%{opacity:0;transform:scale(2.4)rotate(-12deg)}60%{opacity:1;transform:scale(.9)rotate(2deg)}to{transform:none}}.panel h1{letter-spacing:1px;text-shadow:var(--outline-lg), 0 10px 0 var(--o), 0 13px 0 var(--o2);margin:0;font-size:clamp(58px,17vw,112px);font-weight:400;line-height:.9;transform:rotate(-3deg)}.sub{background:var(--blue);border:3px solid var(--o);box-shadow:var(--hard);letter-spacing:4px;text-shadow:var(--outline-sm);border-radius:12px;padding:4px 18px 2px;font-size:15px}.card{text-align:left;width:min(420px,100%);color:var(--o);border:4px solid var(--o);box-shadow:0 6px 0 var(--o2);background:#fff;border-radius:22px;overflow:hidden}.cardhead{border-bottom:4px solid var(--o);background:repeating-linear-gradient(-45deg, #ffffff21 0 14px, transparent 14px 28px), var(--champ-grad);background-size:39.6px 39.6px,auto;justify-content:space-between;align-items:center;padding:8px 14px 6px;animation:2.4s linear infinite roll28;display:flex}.champ{color:#fff;text-shadow:var(--outline);animation:champin .45s var(--spring) both;font-size:32px}@keyframes roll28{to{background-position:39.6px 0,0 0}}@keyframes champin{0%{opacity:0;transform:translate(-30px)scale(1.25)rotate(-6deg)}60%{opacity:1;transform:scale(.96)}to{transform:none}}.role{border:2px solid var(--o);letter-spacing:1px;animation:icpop .4s var(--spring) .12s both;background:#ffd23f;border-radius:9px;padding:2px 9px;font-size:13px}.kitlist>div{animation:slidein .35s var(--spring) both}.kitlist>div:nth-child(2){animation-delay:60ms}.kitlist>div:nth-child(3){animation-delay:.12s}.kitlist .badge{animation:icpop .4s var(--spring) .1s both}.kitlist>div:nth-child(2) .badge{animation-delay:.16s}.kitlist>div:nth-child(3) .badge{animation-delay:.22s}.kitlist{gap:7px;padding:10px 14px 4px;display:grid}.kitlist>div{align-items:center;gap:10px;display:flex}.kitlist p{font:600 14px/1.3 var(--body);margin:0}.kitlist b{font:15px var(--font);color:var(--champ);margin-right:3px}.badge{color:#fff;background:var(--champ-grad);border:3px solid var(--o);width:34px;height:34px;text-shadow:var(--outline-sm);border-radius:50%;flex:none;place-items:center;font-size:16px;display:grid}.badge.gold{background:var(--yellow)}.rivals{font:600 13px/1.3 var(--body);color:#4a5672;padding:6px 14px 10px}.rv{font-weight:800}#picker,.picker{flex-wrap:wrap;justify-content:center;gap:8px;max-width:440px;display:flex}.panel .pick{letter-spacing:1px;color:#fff;background:linear-gradient(180deg, var(--c-hi), var(--c) 55%, var(--c-lo));border:3px solid var(--o);min-width:0;box-shadow:0 5px 0 var(--o2);text-shadow:var(--outline-sm);opacity:.7;transition:transform .2s var(--spring), opacity .15s, box-shadow 80ms;border-radius:14px;padding:6px 12px 3px;font-size:17px;transform:scale(.92)}.panel .pick.on{opacity:1;box-shadow:inset 0 3px 0 #ffffff4d, 0 0 0 4px #ffd23f, 0 7px 0 var(--o2);animation:pickpop .4s var(--spring);transform:scale(1.06)rotate(-2deg)}@keyframes pickpop{0%{transform:scale(.85)rotate(4deg)}55%{transform:scale(1.18)rotate(-4deg)}to{transform:scale(1.06)rotate(-2deg)}}.panel .pick .lk{filter:none;width:20px;height:20px;position:absolute;top:-10px;left:-8px;transform:rotate(-12deg)}.panel .pick:disabled{position:relative}.panel .pick:active{box-shadow:0 2px 0 var(--o2);transform:translateY(3px)scale(.95)}.panel .pick:disabled{filter:grayscale();opacity:.5}.controls{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.controls>div{background:var(--chip);border:3px solid var(--o2);box-shadow:var(--hard);border-radius:14px;align-items:center;gap:6px;padding:4px 10px 4px 4px;font-size:15px;display:flex}.controls .k{color:var(--o);text-shadow:none;background:#fff;border-radius:9px;padding:2px 8px;font-size:13px}.panel button{pointer-events:auto;font:inherit;letter-spacing:2px;border:4px solid var(--o);min-width:220px;color:var(--o);cursor:pointer;background:var(--yellow);box-shadow:inset 0 3px 0 #ffffff73, inset 0 -6px 0 #0000001f, 0 7px 0 var(--o2);transition:transform 80ms, box-shadow 80ms, translate .15s var(--spring);border-radius:20px;padding:12px 44px 8px;font-size:34px}.panel button:active{box-shadow:inset 0 3px 0 #ffffff73, inset 0 -6px 0 #0000001f, 0 2px 0 var(--o2);transform:translateY(5px)scale(.97,.94)}.panel .boing{animation:boing .42s var(--spring)!important}@keyframes boing{0%{transform:translateY(5px)scale(1.06,.86)}45%{transform:translateY(-3px)scale(.96,1.06)}75%{transform:scale(1.02,.98)}to{transform:none}}@media (hover:hover){.panel button:not(:disabled):hover{translate:0 -3px}.panel button:not(:disabled):active{translate:0}}#go{background:repeating-linear-gradient(-60deg, #ffffff2e 0 18px, transparent 18px 36px), var(--yellow);animation:rise .5s var(--spring) .24s both, breathe 1.1s ease-in-out .8s infinite alternate, roll36 1.4s linear infinite;background-size:41.57px 72px,auto}@keyframes roll36{to{background-position:41.57px 0,0 0}}.panel button.big{min-width:min(300px,100%);padding:14px 48px 10px;font-size:40px}.panel button.blue{background:var(--blue);color:#fff;text-shadow:var(--outline-sm);min-width:130px;box-shadow:inset 0 3px 0 #ffffff4d, inset 0 -6px 0 #00000024, 0 7px 0 var(--o2);padding:10px 24px 7px;font-size:24px}.panel .gap{flex:1;animation:none}.ptitle{text-shadow:var(--outline-lg);margin:0;font-size:40px;font-weight:400;transform:rotate(-2deg)}.panel>.ptitle{animation:titlein .5s var(--spring) both}@keyframes titlein{0%{opacity:0;transform:translateY(-40px)rotate(-8deg)scale(1.3)}60%{opacity:1;transform:rotate(0)scale(.95)}to{transform:rotate(-2deg)}}#start .btnrow{flex-wrap:nowrap}#start .btnrow .big{min-width:0;padding:12px 30px 8px;font-size:32px}#start .btnrow .blue{min-width:0;font-size:20px}.btnrow{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}body.keys .panel button.focus{outline-offset:3px;transition:outline-offset .15s var(--spring);outline:4px solid #ffd23f}body.keys .panel .pick.focus{outline-offset:2px}#home{padding-top:max(28px, env(safe-area-inset-top));padding-bottom:max(22px, env(safe-area-inset-bottom));background:linear-gradient(#2f86e073,#bfe3ff00 35% 55%,#1b274759)}.homebar{grid-template-columns:1fr 1fr;gap:10px;width:min(440px,100%);display:grid}.panel button.chip{text-align:left;letter-spacing:.5px;color:#fff;min-width:0;text-shadow:var(--outline-sm);background:var(--chip);box-shadow:0 5px 0 var(--o2);border-width:3px;border-radius:18px;flex-direction:column;align-items:flex-start;gap:1px;padding:7px 12px 6px;font-size:20px;display:flex;position:relative}.panel button.chip:after{content:"›";opacity:.8;font-size:30px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.panel button.chip small{letter-spacing:2px;opacity:.8;font-size:11px}.panel button.chip b{white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 16px);font-weight:400;line-height:1;overflow:hidden}.panel button.chip i{letter-spacing:1px;color:#ffd23f;font-size:12px;font-style:normal}#hchamp{background:repeating-linear-gradient(-45deg, #ffffff1a 0 12px, transparent 12px 24px), var(--champ-grad)}.panel button.chip{box-shadow:inset 0 3px 0 #ffffff2e, 0 5px 0 var(--o2)}.panel button.chip:after{transition:translate .2s var(--spring)}@media (hover:hover){.panel button.chip:hover:after{translate:4px}}.panel .pick.new:after,#hchamp.new:before{animation:.6s ease-in-out infinite alternate newbob}@keyframes newbob{0%{transform:rotate(-8deg)}to{transform:rotate(6deg)scale(1.12)}}.ti{vertical-align:-.15em;width:1.05em;height:1.05em;margin-right:2px}#home .logo{margin-bottom:-4px}.panel button#hprog{color:#fff;background:var(--chip);min-width:0;box-shadow:0 4px 0 var(--o2);text-shadow:var(--outline-sm);letter-spacing:1px;border-width:3px;border-radius:16px;align-items:center;gap:10px;padding:5px 12px 4px 8px;font-size:18px;display:flex}#hprog .tt{font-size:24px}#hprog .nu{flex-direction:column;align-items:flex-start;gap:3px;font-size:12px;display:flex}#hprog .bar{border:2px solid var(--o2);background:#ffffff40;border-radius:5px;width:120px;height:9px;overflow:hidden}#hprog .bar i{transform-origin:0;height:100%;animation:.8s cubic-bezier(.2,.8,.3,1) .45s both fillin;display:block;box-shadow:inset 0 2px #ffffff59}#hprog .tt .ti{animation:icpop .5s var(--spring) .35s both}.panel .pick{flex-direction:column;align-items:center;line-height:1.05;display:inline-flex}.panel .pick small{letter-spacing:0;opacity:.95;font-size:12px}.panel .pick:disabled small{color:#ffd23f}.panel .pick.new:after,#hchamp.new:before{content:"NEW";color:#fff;border:2px solid var(--o);text-shadow:none;letter-spacing:1px;background:#e8332a;border-radius:7px;padding:1px 5px;font-size:10px;position:absolute;top:-9px;right:-6px}.panel .pick.new{position:relative}.quests{gap:4px;padding:6px 14px 2px;display:grid}.qhead{letter-spacing:2px;color:var(--o);justify-content:space-between;font-size:13px;display:flex}.qhead span{font:700 11px var(--body);letter-spacing:0;color:#4a5672}.quest{border:2px solid var(--o);font:700 12px/1.3 var(--body);color:var(--o);background:#e9eef6;border-radius:9px;justify-content:space-between;gap:8px;padding:3px 9px;display:flex;position:relative;overflow:hidden}.quest i{background:var(--champ-hi);opacity:.35;transform-origin:0;animation:fillin .6s cubic-bezier(.2, .8, .3, 1) calc(.2s + var(--i,0) * 80ms) both;position:absolute;top:0;bottom:0;left:0}@keyframes fillin{0%{transform:scaleX(0)}}.quest span,.quest b{position:relative}.quest b{font:13px var(--font)}.quest.done{background:#d9f2cf}.quest.done i{background:#4cd137}.gains{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.gains:empty{display:none}.gains>span{border:3px solid var(--o);box-shadow:0 3px 0 var(--o2);letter-spacing:1px;text-shadow:var(--outline-sm);animation:bump .5s var(--spring) .3s both;border-radius:11px;padding:3px 10px 2px;font-size:15px;position:relative}.tgain{background:var(--chip);font-size:18px!important}.tgain small{opacity:.85;margin-left:4px;font-size:12px}.qdone{background:#3f9a35;animation-delay:.5s!important}.gains>span.unlock{letter-spacing:2px;box-shadow:0 5px 0 var(--o2);background:repeating-linear-gradient(-45deg, #ffffff29 0 12px, transparent 12px 24px), linear-gradient(180deg, var(--c-hi), var(--c) 55%, var(--c-lo));animation:stamp .55s var(--spring) .75s both, shimmy 1.6s ease-in-out 1.4s infinite;border-width:4px;border-radius:16px;flex-direction:column;flex-basis:100%;align-items:center;padding:6px 14px 4px;display:flex;position:relative;transform:rotate(-2deg);font-size:30px!important}.unlock small{letter-spacing:3px;color:var(--o);border:2px solid var(--o);text-shadow:none;background:#ffd23f;border-radius:8px;margin-bottom:2px;padding:1px 10px;font-size:13px}.unlock:before,.unlock:after{content:"★";color:#ffd23f;font-size:30px;animation:3s linear infinite spinstar;position:absolute;top:50%;translate:0 -50%}.unlock:before{left:14px}.unlock:after{animation-direction:reverse;right:14px}@keyframes shimmy{0%,to{transform:rotate(-2deg)}50%{transform:rotate(1.5deg)scale(1.03)}}#tlist{gap:10px;width:min(440px,100%);display:grid}.panel button.tcard{text-align:left;letter-spacing:1px;min-width:0;color:var(--o);border-left:14px solid var(--t,#2f7fe8);box-shadow:inset 0 -5px 0 #1b274714, 0 6px 0 var(--o2);animation:slidein .4s var(--spring) both;background:#fff;border-radius:18px;grid-template-columns:1fr auto;align-items:baseline;gap:2px 10px;padding:10px 14px 9px;font-size:26px;display:grid;position:relative}.tcard:nth-child(2){animation-delay:50ms}.tcard:nth-child(3){animation-delay:.1s}.tcard:nth-child(4){animation-delay:.15s}.tcard:nth-child(5){animation-delay:.2s}.tcard:nth-child(6){animation-delay:.25s}.panel button.tcard.on{box-shadow:inset 0 -5px 0 #1b274714, 0 0 0 4px #ffd23f, 0 6px 0 var(--o2);background:#fff6d0}.panel button.tcard.on:after{content:"✓";color:#fff;border:3px solid var(--o);width:34px;height:34px;box-shadow:0 3px 0 var(--o2);text-shadow:var(--outline-sm);animation:icpop .45s var(--spring) .3s both;background:#3f9a35;border-radius:50%;place-items:center;font-size:20px;display:grid;position:absolute;top:-12px;right:-10px}.tcard b{font-weight:400}.tcard i{letter-spacing:2px;border:2px solid var(--o);background:#ffd23f;border-radius:8px;padding:2px 8px;font-size:13px;font-style:normal}.tcard p{font:600 13px/1.3 var(--body);color:#4a5672;letter-spacing:0;grid-column:1/-1;margin:0}.tcard small{font:700 12px var(--body);color:#2f7fe8;letter-spacing:0;grid-column:1/-1}@keyframes breathe{to{transform:scale(1.05)}}#best{min-height:1em;text-shadow:var(--outline-sm);font-size:15px}.mk{color:#fff;white-space:nowrap;border-radius:6px;padding:0 5px;font-size:11px;font-style:normal;font-weight:800}.mk.good{background:#3f9a35}.mk.bad{background:#d24b2f}#matchups{padding-top:max(24px, env(safe-area-inset-top));justify-content:flex-start;overflow-y:auto}#mutitle{text-shadow:var(--outline-lg);margin:0;font-size:44px;font-weight:400}#mutitle span{color:inherit}#mutitle small{letter-spacing:3px;color:#fff;text-shadow:var(--outline-sm);font-size:14px;display:block}#mulist{gap:7px;width:min(440px,100%);display:grid}.murow{text-align:left;color:var(--o);border:3px solid var(--o);border-left:12px solid var(--c);box-shadow:0 4px 0 var(--o2);animation:slidein .35s var(--spring) calc(var(--i,0) * 40ms) both;background:#fff;border-radius:16px;grid-template-columns:82px 1fr;align-items:center;column-gap:10px;padding:7px 12px;display:grid}.murow b{font:13px var(--font);letter-spacing:1px;text-align:center;background:#e6e3da;border-radius:8px;grid-row:span 2;padding:2px 6px}.murow.good b{color:#fff;background:#3f9a35}.murow.bad b{color:#fff;background:#d24b2f}.murow .nm{font-size:18px}.murow p{font:600 13px/1.3 var(--body);color:#4a5672;margin:0}#muback{min-width:160px;padding:9px 30px 6px;font-size:26px}#results{padding-top:max(24px, env(safe-area-inset-top));padding-bottom:max(18px, env(safe-area-inset-bottom));background:linear-gradient(#2f86e059,#bfe3ff00 30% 45%,#1b274773)}#rbadge,#cbadge{isolation:isolate;position:relative}#rbadge{flex-direction:column;align-items:center;gap:6px;display:flex}#rbadge[data-place="1"]:before,#cbadge[data-place="1"]:before{content:"";z-index:-1;background:repeating-conic-gradient(#ffe46b80 0 9deg, #ffe46b00 9deg 22.5deg);width:440px;height:440px;animation:raysin .7s var(--spring) .2s both, rays 24s linear .9s infinite;border-radius:50%;margin:-220px 0 0 -220px;position:absolute;top:42%;left:50%;-webkit-mask:radial-gradient(closest-side,#000 30%,#0000 100%);mask:radial-gradient(closest-side,#000 30%,#0000 100%)}@keyframes raysin{0%{transform:scale(0)rotate(-90deg)}}@keyframes rays{to{transform:rotate(360deg)}}#rsheet{flex-direction:column;align-items:center;gap:10px;width:min(420px,100%);display:flex}#rsheet>*,#csheet>*{animation:rise .45s var(--spring) .45s both}#rsheet>#rlist,#csheet>#clist{animation:none}#rsheet>#rstats{animation-delay:.5s}#rsheet>.gains,#csheet>.gains{animation:none}#rsheet>.btnrow,#csheet>.btnrow{animation-delay:.6s}#rsheet>.keyhint{animation-delay:.7s}#results #rtitle[data-place="2"]{background:linear-gradient(#f2f6fb,#b4c2d4)}#results #rtitle[data-place="3"]{background:linear-gradient(#f8b47c,#c9692a)}#results #rtitle[data-place="4"]{background:linear-gradient(#a9b9cf,#6f84a3)}#results .row{padding:5px 12px;font-size:17px}#results .row.cup{grid-template-columns:30px 1fr auto 62px}.row .pts{text-align:right;color:#ffd23f}.row .pts i{color:#fff;opacity:.8;margin-right:4px;font-size:12px;font-style:normal}#cupend{padding-top:max(24px, env(safe-area-inset-top));padding-bottom:max(18px, env(safe-area-inset-bottom));background:linear-gradient(#2f86e059,#bfe3ff00 30% 45%,#1b274773)}#cbadge{flex-direction:column;align-items:center;gap:6px;display:flex}#csheet{flex-direction:column;align-items:center;gap:10px;width:min(420px,100%);display:flex}#clist{gap:7px;width:100%;display:grid}#clist .row{animation-duration:.5s}#clist .row:first-child{animation:slidein .5s var(--spring) .55s both}#clist .row:nth-child(2){animation-delay:.4s}#clist .row:nth-child(3){animation-delay:.25s}#clist .row:nth-child(4){animation-delay:.1s}#cupend h2{background:var(--yellow);border:4px solid var(--o);box-shadow:inset 0 4px 0 #ffffff73, inset 0 -7px 0 #0000001a, 0 7px 0 var(--o2);text-shadow:var(--outline-lg);animation:badgein .6s var(--spring) 50ms both;border-radius:24px;margin:0;padding:8px 26px 2px;font-size:58px;font-weight:400;line-height:1;transform:rotate(-3deg)}#cbadge[data-place="1"] h2{animation:badgein .6s var(--spring) 50ms both, champwob 2.2s ease-in-out .8s infinite}#cupend #ctitle:not([data-place="1"]){background:linear-gradient(#f2f6fb,#b4c2d4);font-size:40px}#cupend .row{padding:6px 12px;font-size:18px}.homerow{width:min(440px,100%)}.panel button.mode{flex:1;justify-content:center;align-items:baseline;gap:8px;font-size:24px;display:flex}.panel button.mode b{font-weight:400}.panel button.mode small{letter-spacing:1px;color:#ffd23f;font-size:12px}#results h2{background:var(--yellow);border:4px solid var(--o);box-shadow:inset 0 4px 0 #ffffff73, inset 0 -7px 0 #0000001a, 0 7px 0 var(--o2);text-shadow:var(--outline-lg);animation:badgein .6s var(--spring) 50ms both;border-radius:26px;margin:0;padding:6px 30px 0;font-size:80px;font-weight:400;line-height:1;transform:rotate(-3deg)}@keyframes badgein{0%{opacity:0;transform:translateY(-60px)scale(.3)rotate(-25deg)}55%{opacity:1;transform:scale(1.15)rotate(2deg)}80%{transform:scale(.96)rotate(-4deg)}to{transform:rotate(-3deg)}}#rbadge[data-place="1"] h2{animation:badgein .6s var(--spring) 50ms both, champwob 2.2s ease-in-out .8s infinite}@keyframes champwob{0%,to{transform:rotate(-3deg)}50%{transform:rotate(1deg)scale(1.04)}}#rbadge .sub,#cbadge .sub{animation:rise .45s var(--spring) .35s both}#rlist{gap:7px;width:min(420px,100%);display:grid}.row{background:var(--chip);border:3px solid var(--o2);box-shadow:var(--hard);text-shadow:var(--outline-sm);animation:slidein .4s var(--spring) both;border-left:10px solid;border-radius:16px;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:8px 12px;font-size:19px;display:grid}.row:nth-child(2){animation-delay:80ms}.row:nth-child(3){animation-delay:.16s}.row:nth-child(4){animation-delay:.24s}.row.you{background:var(--champ-grad);box-shadow:0 0 0 3px #ffd23f, var(--hard)}.row>span:first-child{border:2px solid var(--o2);background:#0f183080;border-radius:50%;place-items:center;width:30px;height:30px;font-size:17px;display:grid}#rlist .row:first-child>span:first-child,#clist .row:first-child>span:first-child{background:linear-gradient(#ffe46b,#f5b20f)}#rlist .row:nth-child(2)>span:first-child,#clist .row:nth-child(2)>span:first-child{background:linear-gradient(#f2f6fb,#b4c2d4)}#rlist .row:nth-child(3)>span:first-child,#clist .row:nth-child(3)>span:first-child{background:linear-gradient(#f8b47c,#c9692a)}.row span:nth-child(2){text-align:left}.row small{opacity:.8;margin-left:6px;font-size:12px}#rstats{font:600 15px/1.6 var(--body);text-shadow:var(--outline-sm)}#rcost{text-align:center;letter-spacing:.5px;background:linear-gradient(180deg, #ff7a5c, var(--hazard));border:3px solid var(--o);width:min(420px,100%);box-shadow:var(--hard);text-shadow:var(--outline-sm);animation:slidein .4s var(--spring) .3s both;border-radius:16px;padding:8px 14px 6px;font-size:20px}#rcost:before{content:"COST YOU MOST";letter-spacing:2px;opacity:.85;font-size:11px;display:block}#rstats b{font:17px var(--font);color:#ffd23f}#debug{color:#fff;pointer-events:none;white-space:pre;text-shadow:none;background:#0009;border-radius:4px;padding:4px 6px;font:11px/1.3 ui-monospace,monospace;position:absolute;bottom:50%;left:6px}@media (min-aspect-ratio:1){#bottom{bottom:14px}#edges{bottom:196px}}@media (max-height:560px) and (min-aspect-ratio:1){.kitlist,.rivals{display:none}.panel{gap:8px}.panel h1{font-size:64px}}@media (max-height:760px) and (max-aspect-ratio:1){.panel{gap:10px}#start .controls{display:none}}@media (max-height:700px) and (max-aspect-ratio:1){.ptitle{font-size:30px}.kitlist{gap:4px;padding-top:6px}.quests{gap:2px}.panel button.big{min-width:0;padding:10px 30px 7px;font-size:32px}.kitlist p{font-size:13px}}body.keys .controls.touch,body:not(.keys) .controls.keys,body:not(.keys) .keyhint{display:none}.keyhint{letter-spacing:1px;text-shadow:var(--outline-sm);font-size:13px}.keyhint .k{color:var(--o);text-shadow:none;background:#fff;border-radius:7px;margin:0 2px 0 8px;padding:1px 6px}.controls .k+.k{margin-left:-2px}@media (min-width:900px) and (min-height:540px) and (min-aspect-ratio:5/4){#home,#start,#tracks,#results,#cupend{background:linear-gradient(90deg,#2f86e08c,#2f86e04d 70%,#2f86e000);width:min(560px,46vw);padding:24px 28px;right:auto}}#lobby{padding-top:max(20px, env(safe-area-inset-top));padding-bottom:max(18px, env(safe-area-inset-bottom));justify-content:flex-start;gap:10px;overflow-y:auto}#lobby .ptitle{font-size:34px}#lcode{letter-spacing:4px;color:var(--o);text-shadow:none;background:var(--yellow);border:3px solid var(--o);box-shadow:inset 0 3px 0 #ffffff73, 0 5px 0 var(--o2);border-radius:12px;margin-left:4px;padding:2px 12px 0;display:inline-block;transform:rotate(3deg)}#lcode:empty{display:none}#lshare{align-items:center;gap:8px;max-width:min(440px,100%);display:flex}#lshare.hidden{display:none}#llink{font:700 13px var(--body);background:var(--chip);border:3px solid var(--o2);text-overflow:ellipsis;white-space:nowrap;border-radius:10px;min-width:0;padding:6px 10px;overflow:hidden}#lshare button{flex:none;min-width:0;padding:8px 14px 5px;font-size:18px}#lseats{grid-template-columns:1fr 1fr;gap:7px;width:min(440px,100%);display:grid}.seat{text-align:left;color:var(--o);border:3px solid var(--o);border-left:10px solid var(--c,#b9c3d3);box-shadow:0 4px 0 var(--o2);background:#fff;border-radius:14px;flex-wrap:wrap;align-items:baseline;gap:2px 7px;padding:6px 10px;display:flex}.seat b{text-overflow:ellipsis;max-width:100%;font-size:18px;font-weight:400;overflow:hidden}.seat span{font:700 12px var(--body);color:#4a5672}.seat i{letter-spacing:1px;border:2px solid var(--o);background:#ffd23f;border-radius:6px;padding:1px 5px;font-size:10px;font-style:normal}.seat i.you{background:var(--blue);color:#fff}.seat i.off{color:#fff;background:#d24b2f}.seat.me{box-shadow:0 0 0 3px #ffd23f, 0 4px 0 var(--o2);background:#fff6d0}.seat.away{opacity:.6}.seat.bot{box-shadow:none;background:#ffffff8c;border-style:dashed}.seat.bot b{color:#6f7c93}#lname{letter-spacing:2px;text-shadow:var(--outline-sm);align-items:center;gap:8px;font-size:13px;display:flex}#lnamein{width:170px;font:inherit;letter-spacing:2px;text-transform:uppercase;text-align:center;border:3px solid var(--o);color:var(--o);box-shadow:0 4px 0 var(--o2);background:#fff;border-radius:12px;outline:none;padding:6px 10px 3px;font-size:22px}#lnamein:focus{border-color:#ffc531}#lpicker .pick{padding:5px 10px 2px;font-size:15px}#lhost{gap:6px;width:min(440px,100%);display:grid}.lrow{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.panel button.lt{letter-spacing:1px;min-width:0;box-shadow:0 4px 0 var(--o2);background:#fff;border-width:3px;border-radius:12px;padding:6px 10px 4px;font-size:14px}.panel button.lt.on{background:#ffd23f}.linfo{text-shadow:var(--outline-sm);font-size:18px}.linfo small{letter-spacing:1px;color:#ffd23f;font-size:12px}#lstatus{min-height:1.2em;font:700 14px var(--body);text-shadow:var(--outline-sm)}#lstart.hidden{display:none}#hfriends{padding:9px 22px 6px;font-size:20px}@media (min-width:900px) and (min-height:540px) and (min-aspect-ratio:5/4){#lobby{background:linear-gradient(90deg,#2f86e08c,#2f86e04d 70%,#2f86e000);width:min(560px,46vw);padding:24px 28px;right:auto}}#netwarn{left:50%;top:calc(max(14px, env(safe-area-inset-top)) + 96px);color:#fff;border:3px solid var(--o);letter-spacing:2px;text-shadow:var(--outline-sm);background:#d24b2f;border-radius:12px;padding:4px 14px 2px;font-size:16px;position:absolute;transform:translate(-50%)}#cuplist{gap:12px;width:min(440px,100%);display:grid}.ccard:nth-child(2){animation-delay:50ms}.ccard:nth-child(3){animation-delay:.1s}.panel button.ccard:disabled{filter:grayscale(.7);opacity:.72}.ccard .ctracks{font:700 13px/1.35 var(--body);color:var(--o);flex-wrap:wrap;gap:2px 12px;display:flex}.ccard .ctracks .soon{color:#7a849a}.ccard .lk{vertical-align:-2px;width:15px;height:15px;margin-right:3px}.ccard i.medal{background:#eef1f6;align-items:center;gap:3px;display:inline-flex}.ccard i.medal.gold{background:#ffe9a8}.ccard i.medal.silver{background:#e8edf4}.ccard i.medal.bronze{background:#f3cfae}.ccard i.medal .ti,.cmedal .ti{width:18px;height:18px}.gains>span.cmedal{background:#f2b81d;align-items:center;gap:4px;font-size:18px;display:inline-flex}.gains>span.cmedal.silver{background:#9aa8ba}.gains>span.cmedal.bronze{background:#cd7a3e}.cmedal small{letter-spacing:2px;color:var(--o);text-shadow:none;background:#fff;border-radius:6px;padding:0 6px;font-size:11px}#hcup small .ti{vertical-align:-2px;width:14px;height:14px}@media (min-width:900px) and (min-height:540px) and (min-aspect-ratio:5/4){#cups{background:linear-gradient(90deg,#2f86e08c,#2f86e04d 70%,#2f86e000);width:min(560px,46vw);padding:24px 28px;right:auto}}#threats{pointer-events:none;z-index:4;height:0;position:absolute;top:25%;left:0;right:0}#threats .thr{width:0;height:0;position:absolute;top:0;left:0}#threats .thr>*{position:absolute;top:0;left:0}#threats .badge{background:var(--c);border:4px solid var(--o);width:60px;height:60px;box-shadow:var(--hard);border-radius:50%;place-items:center;margin:-30px 0 0 -30px;display:grid}#threats .ic{color:#fff;text-shadow:var(--outline-sm);font-size:30px;line-height:1}#threats .ic svg{width:38px;height:38px;display:block}#threats .ring{box-sizing:border-box;border:5px solid var(--c);width:60px;height:60px;box-shadow:0 0 0 2px var(--o), inset 0 0 0 2px var(--o);border-radius:50%;margin:-30px 0 0 -30px}#threats .lb{white-space:nowrap;letter-spacing:.5px;color:#fff;background:var(--o);border-bottom:3px solid var(--c);border-radius:9px;padding:3px 9px 2px;font-size:15px;top:36px;transform:translate(-50%)}#threats .go{color:#fff;text-shadow:var(--outline);font-size:44px;font-style:normal;line-height:1;top:-24px}#threats .go.l{animation:.3s ease-in-out infinite alternate goL;left:-84px}#threats .go.r{animation:.3s ease-in-out infinite alternate goR;left:40px}#threats .go.wait{color:#ffd23f;text-shadow:var(--outline-sm);font-size:16px;animation:none;top:-10px;left:38px}@keyframes goL{to{translate:-10px}}@keyframes goR{to{translate:10px}}#threats .block .badge{background:repeating-linear-gradient(-45deg, #1b274747 0 7px, transparent 7px 14px), var(--c)}#threats .block .ring{border-style:dashed}#threats .block .go{width:34px;height:34px;animation:none;top:4px;left:18px}#threats .block .go svg{width:34px;height:34px;display:block}#threats .weak .badge,#threats .weak .ring{scale:.8}#threats .weak .lb{opacity:.85}#threats .now .badge{animation:80ms linear infinite alternate thrshake}#threats .pop .badge{animation:thrpop .35s var(--spring)}@keyframes thrpop{0%{scale:.3}60%{scale:1.2}to{scale:1}}@keyframes thrshake{0%{rotate:-7deg}to{rotate:7deg}}@media (min-aspect-ratio:1){#threats{top:30%}}