@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}#placebox.bump #place{animation:bump .35s var(--spring)}@keyframes bump{0%{transform:scale(1.35)rotate(-4deg)}}#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.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:0 6px 0 var(--o2);border-radius:40px;gap:10px;padding:10px 14px;transition:opacity .3s;display:flex;position:absolute;top:27%;left:50%;transform:translate(-50%)}#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 .25s var(--spring);background:#f0402f}#lights i.g{animation:lamp .25s var(--spring);background:#47cf3a}#lights i.g b{font-size:28px}@keyframes lamp{0%{transform:scale(1.3)}}#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: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:.25s infinite alternate blink}@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);animation:.5s ease-in-out infinite alternate ready;overflow:visible}#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);animation:.35s ease-in-out infinite alternate ready}#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}#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}#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);animation:.45s ease-in-out infinite alternate ready}#item.ready .hint{color:var(--o);background:#ffd23f}#item.flash .box{animation:itempop .35s var(--spring), ready .45s ease-in-out .35s infinite alternate}@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}#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:gpop .4s var(--spring)}#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);width:4%;position:absolute;top:0;bottom: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)}}#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(40px)scale(.9)}}.logo{flex-direction:column;align-items:center;gap:4px;display:flex}.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{background:var(--champ-grad);border-bottom:4px solid var(--o);justify-content:space-between;align-items:center;padding:8px 14px 6px;display:flex}.champ{color:#fff;text-shadow:var(--outline);font-size:32px}.role{border:2px solid var(--o);letter-spacing:1px;background:#ffd23f;border-radius:9px;padding:2px 9px;font-size:13px}.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:0 0 0 4px #ffd23f, 0 7px 0 var(--o2);transform:scale(1.06)rotate(-2deg)}.panel .pick:active{box-shadow:0 2px 0 var(--o2);transform:translateY(3px)scale(.95)}.panel .pick:disabled{filter:grayscale();opacity:.45}.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 -6px 0 #0000001f, 0 7px 0 var(--o2);border-radius:20px;padding:12px 44px 8px;font-size:34px;transition:transform 80ms,box-shadow 80ms}.panel button:active{box-shadow:inset 0 -6px 0 #0000001f, 0 2px 0 var(--o2);transform:translateY(5px)}#go{animation:rise .5s var(--spring) .24s both, breathe 1.1s ease-in-out .8s infinite alternate}.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;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)}#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;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:var(--champ-grad)}.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{height:100%;display:block}.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;position:absolute;top:0;bottom:0;left: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}.tgain{background:var(--chip);font-size:18px!important}.tgain small{opacity:.85;margin-left:4px;font-size:12px}.qdone{background:#3f9a35}.unlock{background:linear-gradient(180deg, var(--c-hi), var(--c) 55%, var(--c-lo));font-size:18px!important;animation-delay:.6s!important}#tlist{gap:10px;width:min(440px,100%);display:grid}.panel button.tcard{text-align:left;letter-spacing:1px;min-width:0;color:var(--o);background:#fff;border-left:12px solid #2f7fe8;border-radius:18px;grid-template-columns:1fr auto;align-items:baseline;gap:2px 10px;padding:10px 14px 9px;font-size:26px;display:grid}.panel button.tcard.on{background:#fff6d0;border-left-color:#ffc531}.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);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{flex-direction:column;align-items:center;gap:6px;display:flex}#rsheet{flex-direction:column;align-items:center;gap:10px;width:min(420px,100%);display:flex}#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:26px 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}#cupend h2{background:var(--yellow);border:4px solid var(--o);box-shadow:0 7px 0 var(--o2);text-shadow:var(--outline-lg);animation:bump .5s var(--spring) .1s both;border-radius:24px;margin:0;padding:8px 26px 2px;font-size:58px;font-weight:400;line-height:1;transform:rotate(-3deg)}#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:0 7px 0 var(--o2);text-shadow:var(--outline-lg);animation:bump .5s var(--spring) .1s both;border-radius:26px;margin:0;padding:6px 30px 0;font-size:80px;font-weight:400;line-height:1;transform:rotate(-3deg)}#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)}.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{color:#ffd23f;letter-spacing:4px}#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{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%)}