@font-face{font-family:Titan One;src:url(/fonts/TitanOne-latin.woff2)format("woff2");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:Rubik;src:url(/fonts/Rubik-latin.woff2)format("woff2");font-weight:400 900;font-style:normal;font-display:block}:root{--u:max(6.2px, min(1vw, 1.7778vh));--k:#0b1016;--k2:#141c26;--k3:#1f2a36;--muted:#a9b8c2;--spring:cubic-bezier(.34, 1.56, .64, 1);--spring2:cubic-bezier(.26, 1.9, .5, 1);--out:cubic-bezier(.22, 1, .36, 1);--in:cubic-bezier(.6, 0, .8, .25);--fs-xs:max(10.5px, calc(var(--u) * .8));--fs-s:max(12px, calc(var(--u) * .95));--fs-m:max(13.5px, calc(var(--u) * 1.1));--fs-l:max(16px, calc(var(--u) * 1.4));--a:#ffc93c;--a-rgb:255, 201, 60;--a-light:#ffe28f;--a-dark:#d6980f;--a-deep:#6f4a06;--a-ink:#1a1204;--b:#2fc6ff;--b-rgb:47, 198, 255;--b-light:#a3e9ff;--b-dark:#1789bb;--b-deep:#0b4460;--b-ink:#03121a;--you:#46d7ff;--you-rgb:70, 215, 255;--rival:#ff6b4f;--rival-rgb:255, 107, 79;--good:#3ddc84;--bad:#ff3d5e;--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px);--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--gutter:max(10px, calc(var(--u) * 1.6));color:#fff;background:var(--k);font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-family:Rubik,ui-sans-serif,system-ui,sans-serif;font-weight:500;line-height:1.2}*{box-sizing:border-box}html,body{overscroll-behavior:none;touch-action:none;background:radial-gradient(at 50% 45%,#1b2733 0%,#0e141b 55%,#06090c 100%);width:100%;height:100%;margin:0;overflow:hidden}body{position:fixed;inset:0}.scroll{overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;overflow-y:auto}.game{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;position:fixed;inset:0;overflow:hidden}canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}[hidden]{display:none!important}button,input{font:inherit;color:inherit}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}svg{display:block}[data-icon] svg{width:100%;height:100%}body.capture :is(.hud,.menus,.rotate,.focus-ring){display:none!important}.display{letter-spacing:.015em;-webkit-text-stroke:.17em var(--k);paint-order:stroke fill;text-shadow:0 .085em 0 var(--k), 0 .16em .12em #00000047;font-family:Titan One,Rubik,sans-serif;font-weight:400}.kicker{font:900 var(--fs-xs) / 1 "Rubik", sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin:0}.btn{--bg:#10161eeb;--fill:var(--a);--fill-ink:var(--a-ink);--shadow:#00000080;align-items:center;gap:max(8px, calc(var(--u) * 1.1));min-height:max(46px, calc(var(--u) * 4.4));padding:max(8px, calc(var(--u) * .8)) max(14px, calc(var(--u) * 1.6));border-radius:max(12px, calc(var(--u) * 1.2));background:var(--bg);color:#fff;text-align:left;cursor:pointer;isolation:isolate;font:400 max(16px, calc(var(--u) * 1.75)) / 1 "Titan One", sans-serif;letter-spacing:.03em;text-transform:uppercase;transform:rotate(var(--tilt,0deg));box-shadow:inset 0 0 0 2px #ffffff1a, inset 0 3px 0 #ffffff0f, 0 max(4px, calc(var(--u) * .42)) 0 var(--shadow);transition:transform .42s var(--spring), box-shadow .25s, color .12s 40ms, opacity .2s;border:0;outline:none;text-decoration:none;display:flex;position:relative;overflow:hidden}.btn:after{content:"";z-index:-1;left:var(--mx,50%);top:var(--my,50%);aspect-ratio:1;background:radial-gradient(circle at 70% 30%, #ffffff47, transparent 40%), var(--fill);width:260%;transition:transform .55s var(--out);border-radius:43% 57% 51% 49%/47% 42% 58% 53%;position:absolute;transform:translate(-50%,-50%)scale(0)rotate(-40deg)}.btn-icon{width:1.35em;height:1.35em;transition:transform .45s var(--spring);flex:none;place-items:center;display:grid}.btn-icon svg{filter:drop-shadow(0 2px #0000004d)}.btn-text{flex-direction:column;min-width:0;display:flex}.btn-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.btn-sub{font:700 var(--fs-s) / 1 "Rubik", sans-serif;letter-spacing:.02em;text-transform:none;opacity:.85;white-space:nowrap;margin-top:.38em;display:block}@media (hover:hover){.btn:hover:not(:disabled){color:var(--fill-ink);transform:rotate(0deg) translateX(calc(var(--u) * .5)) scale(1.03)}.btn:hover:not(:disabled):after{transform:translate(-50%,-50%)scale(1)rotate(0)}.btn:hover:not(:disabled) .btn-icon{transform:rotate(-8deg)scale(1.12)}}.btn:focus-visible,.btn.is-down:not(:disabled){color:var(--fill-ink);transform:rotate(0deg) translateX(calc(var(--u) * .5)) scale(1.03);box-shadow:inset 0 0 0 2px #00000026, 0 max(4px, calc(var(--u) * .5)) 0 var(--k), 0 calc(var(--u) * 1) calc(var(--u) * 1.5) #0000004d}.btn:focus-visible:after,.btn.is-down:not(:disabled):after{transform:translate(-50%,-50%)scale(1)rotate(0)}.btn.is-down:not(:disabled){transition:transform .42s var(--spring), scale 80ms, box-shadow .25s, color .12s;scale:.955}@media (hover:none){.btn.is-down:not(:disabled){transform:rotate(0)scale(1.02)}}.btn:disabled{opacity:.45;cursor:default;filter:saturate(.4)}.is-press{animation:press .32s var(--spring)}@keyframes press{0%{scale:.93;translate:0 calc(var(--u) * .25)}}.is-shake{animation:.4s shake}@keyframes shake{20%{translate:-4px}40%{translate:4px}60%{translate:-3px}80%{translate:2px}}.btn-xl{min-height:max(58px, calc(var(--u) * 6.4));font-size:max(21px, calc(var(--u) * 2.9));padding-left:max(16px, calc(var(--u) * 1.8))}.btn-xl .btn-sub{font-size:var(--fs-m)}.btn-primary{--bg:var(--a);--fill:#fff;--fill-ink:var(--k);color:var(--a-ink);--shadow:var(--a-deep);box-shadow:inset 0 0 0 2px #ffffff4d, inset 0 -4px 0 #00000026, 0 max(4px, calc(var(--u) * .42)) 0 var(--a-deep)}.btn-primary:before,.btn-online:before{content:"";z-index:-2;border-radius:inherit;pointer-events:none;position:absolute;inset:0}.btn-primary:before{opacity:.35;background:repeating-linear-gradient(115deg,#ffffff59 0 10px,#0000 10px 24px) 0 0/200% 100%;animation:3s linear infinite stripes}@keyframes stripes{to{background-position:-48px 0}}.btn-online{--bg:var(--b);--fill:#fff;--fill-ink:var(--k);color:var(--b-ink);--shadow:var(--b-deep);box-shadow:inset 0 0 0 2px #ffffff47, inset 0 -4px 0 #0000002e, 0 max(4px, calc(var(--u) * .42)) 0 var(--b-deep)}.btn-online:before{opacity:.5;background:radial-gradient(#ffffff4d 1.4px,#0000 1.9px) 0 0/11px 11px;animation:6s linear infinite dots-drift}@keyframes dots-drift{to{background-position:44px -22px}}.btn-live{background:var(--k);color:#fff;font:900 var(--fs-xs) / 1 "Rubik", sans-serif;letter-spacing:.14em;border-radius:999px;align-items:center;gap:.45em;margin-left:auto;padding:.42em .7em .4em .55em;display:inline-flex;rotate:3deg;box-shadow:0 0 0 2px #ffffff38}.btn-live i{background:#3ddc84;border-radius:50%;width:.7em;height:.7em;animation:1.6s ease-out infinite live}@keyframes live{0%{box-shadow:0 0 #3ddc84bf}70%,to{box-shadow:0 0 0 .55em #3ddc8400}}.btn-gold{--bg:#281e08eb;color:var(--a-light);box-shadow:inset 0 0 0 2px rgba(var(--a-rgb), .45), inset 0 3px 0 #ffffff0f, 0 max(4px, calc(var(--u) * .42)) 0 #00000080}.btn-ghost{--bg:#ffffff14;box-shadow:inset 0 0 0 2px #ffffff29, 0 max(4px, calc(var(--u) * .42)) 0 #00000059}.btn-danger{--fill:var(--bad);--fill-ink:#fff}.btn-small{min-height:max(44px, calc(var(--u) * 3.8));font-size:max(15px, calc(var(--u) * 1.45));padding:0 max(14px, calc(var(--u) * 1.4));justify-content:center}.btn-wide{min-height:max(52px, calc(var(--u) * 5));font-size:max(18px, calc(var(--u) * 2.1));justify-content:center}.chip{font:400 var(--fs-m) / 1 "Titan One", sans-serif;letter-spacing:.03em;font-variant-numeric:tabular-nums;white-space:nowrap;background:#0000006b;border-radius:999px;align-items:center;gap:.35em;padding:.38em .7em .36em .45em;display:inline-flex;box-shadow:inset 0 0 0 1.5px #ffffff1a}.chip i{width:1.2em;height:1.2em}.chip.trophies i{color:var(--a)}.chip.coins i{color:var(--a);filter:drop-shadow(0 0 5px rgba(var(--a-rgb), .6))}.chip.big{font-size:var(--fs-l);padding:.4em .9em .38em .5em}.chip.bump{animation:count-pop .45s var(--spring2)}@keyframes count-pop{0%{scale:1.35}}.avatar{--c:var(--b);width:max(38px, calc(var(--u) * 4));aspect-ratio:1;background:var(--c);color:var(--k);font:400 max(18px, calc(var(--u) * 2)) / 1 "Titan One", sans-serif;box-shadow:0 0 0 2.5px var(--k), 0 3px 0 2.5px var(--k);border-radius:44% 56% 50% 50%/52% 44% 56% 48%;flex:none;place-items:center;display:grid;rotate:-6deg}.avatar.big{width:max(56px, calc(var(--u) * 6.4));font-size:max(26px, calc(var(--u) * 3.2))}.tier{font:900 var(--fs-xs) / 1 "Rubik", sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--tc,var(--muted));align-items:center;gap:.4em;display:inline-flex}.tier:before{content:"";background:var(--tc,var(--muted));width:.75em;height:.75em;box-shadow:0 0 8px var(--tc,transparent);border-radius:2px;rotate:45deg}.panel{border-radius:max(14px, calc(var(--u) * 1.5));box-shadow:inset 0 0 0 2px #ffffff14, inset 0 2px 0 #ffffff0f, 0 max(4px, calc(var(--u) * .45)) 0 #00000061, 0 calc(var(--u) * 1.4) calc(var(--u) * 3) #00000047;background:linear-gradient(170deg,#1e2936eb,#0c1118f0);position:relative}.panel:before{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(#ffffff12 1.1px,#0000 1.5px) 0 0/9px 9px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(135deg,#000 0%,#0000 55%);mask-image:linear-gradient(135deg,#000 0%,#0000 55%)}.menus{z-index:5;pointer-events:none;position:absolute;inset:0}.game[data-screen=match] .menus{display:none}.scrim{pointer-events:none;background:linear-gradient(90deg,#060a0ed1 0%,#060a0e8c 38%,#060a0e1f 64%,#060a0e00 76%),linear-gradient(#060a0e00 74%,#060a0e80);transition:background .4s;position:absolute;inset:0}.menus[data-view]:not([data-view=home]) .scrim{background:#060a0ec7}.screen{pointer-events:auto;padding:calc(var(--gutter) + var(--sat)) calc(var(--gutter) + var(--sar)) calc(var(--gutter) + var(--sab)) calc(var(--gutter) + var(--sal));display:none;position:absolute;inset:0}.screen.on{flex-direction:column;display:flex}.screen.leaving{pointer-events:none;animation:leave .28s var(--in) forwards;flex-direction:column;display:flex}.screen.leaving.is-back{animation-name:leave-back}@keyframes leave{to{opacity:0;translate:calc(var(--u) * -4) 0;scale:.985}}@keyframes leave-back{to{opacity:0;translate:calc(var(--u) * 4) 0;scale:.985}}.screen.on .in{animation:in-up .6s var(--spring) backwards;animation-delay:calc(var(--i,0) * 38ms + 40ms)}.screen.on .in-down{animation-name:in-down}.screen.on .in-left{animation-name:in-left}.screen.on .in-right{animation-name:in-right}.screen.on .in-pop{animation-name:in-pop}.screen.on .in-logo{animation:in-logo .9s var(--spring2) backwards 50ms}.screen.on.is-back .in-left{animation-name:in-right-soft}@keyframes in-up{0%{opacity:0;translate:0 calc(var(--u) * 3.2);scale:.94}}@keyframes in-down{0%{opacity:0;translate:0 calc(var(--u) * -2.6)}}@keyframes in-left{0%{opacity:0;translate:calc(var(--u) * -7) 0;scale:.9}}@keyframes in-right{0%{opacity:0;translate:calc(var(--u) * 7) 0;scale:.92}}@keyframes in-right-soft{0%{opacity:0;translate:calc(var(--u) * 4) 0}}@keyframes in-pop{0%{opacity:0;scale:.55}50%{opacity:1}}@keyframes in-logo{0%{opacity:0;rotate:-14deg;scale:.25}45%{opacity:1}}@keyframes fade{0%{opacity:0}}.screen-head{align-items:center;gap:max(10px, calc(var(--u) * 1.4));margin-bottom:max(8px, calc(var(--u) * 1.2));flex-wrap:wrap;display:flex}.back{height:max(44px, calc(var(--u) * 3.6));padding:0 max(14px, calc(var(--u) * 1)) 0 max(6px, calc(var(--u) * .5));color:#fff;cursor:pointer;font:800 var(--fs-s) / 1 "Rubik", sans-serif;letter-spacing:.08em;text-transform:uppercase;transition:transform .35s var(--spring), background .2s;background:#0e1218e0;border:0;border-radius:999px;align-items:center;gap:.55em;display:flex;box-shadow:inset 0 0 0 2px #ffffff1f,0 3px #00000059}.back i{width:max(32px, calc(var(--u) * 2.5));aspect-ratio:1;color:var(--k);background:#fff;border-radius:50%;place-items:center;padding:6px;display:grid}@media (hover:hover){.back:hover{background:var(--k);transform:translate(-3px)scale(1.06)}}.back:active{scale:.95}.back:focus-visible{outline:3px solid var(--a);outline-offset:3px}.title{font-size:max(26px, calc(var(--u) * 3.6));margin:0;line-height:1;transform:rotate(-1.5deg)}.subtitle{font:600 var(--fs-m) / 1.35 "Rubik", sans-serif;color:var(--muted);flex-basis:100%;margin:0}.screen-head .chip.big,.screen-head .season-banner{margin-left:auto}.home{align-items:stretch;gap:calc(var(--u) * 3);flex-direction:row!important}.home-main{flex:0 1 max(330px, calc(var(--u) * 46));justify-content:center;gap:max(8px, calc(var(--u) * 1));flex-direction:column;min-width:0;display:flex}.home-side{align-items:flex-end;gap:max(8px, calc(var(--u) * 1));flex-direction:column;flex:1;min-width:0;display:flex}.logo{margin:0 0 max(4px, calc(var(--u) * .6));font:400 max(40px, calc(var(--u) * 6.6)) / .95 "Titan One", sans-serif;letter-spacing:.01em;white-space:nowrap;flex-wrap:wrap;align-items:center;gap:0 .22em;display:flex}.logo-word{display:inline-flex}.logo-word i{--r:0deg;color:#fff;-webkit-text-stroke:.14em var(--k);paint-order:stroke fill;text-shadow:0 .06em 0 var(--k), 0 .1em 0 var(--k), 0 .16em .12em #0000004d;transform:rotate(var(--r));animation:3.4s ease-in-out infinite letter;animation-delay:calc(var(--i,0) * -.27s);padding:0 .005em;font-style:normal;display:inline-block}.logo-word i:nth-child(-n+4){color:var(--you)}.logo-word i:first-child{--r:-7deg;--i:0}.logo-word i:nth-child(2){--r:4deg;--i:1}.logo-word i:nth-child(3){--r:-3deg;--i:2}.logo-word i:nth-child(4){--r:6deg;--i:3}.logo-word i:nth-child(5){--r:-5deg;--i:4}.logo-word i:nth-child(6){--r:4deg;--i:5}@keyframes letter{0%,to{translate:0;rotate:0deg}50%{translate:0 -.045em;rotate:2.5deg}}.logo-ball{aspect-ratio:1;width:.9em;box-shadow:0 0 0 .07em #fff, 0 0 0 .14em var(--k), 0 .1em 0 .14em var(--k);background:radial-gradient(circle at 34% 28%,#8a8f99 0 6%,#2a2d33 32%,#0b0c0f 100%);border-radius:50%;place-items:center;margin-left:.06em;animation:2.6s ease-in-out infinite ball-bob;display:grid;rotate:12deg}.logo-ball b{aspect-ratio:1;width:56%;color:var(--k);background:#fff;border-radius:50%;place-items:center;font:400 .42em/1 Titan One,sans-serif;display:grid}@keyframes ball-bob{50%{translate:0 -.06em;rotate:-8deg}}.home-menu{gap:max(8px, calc(var(--u) * .95));flex-direction:column;display:flex}.home-row{gap:max(8px, calc(var(--u) * .95));display:flex}.home-row .btn{min-width:0;font-size:max(14px, calc(var(--u) * 1.55));padding-inline:max(12px, calc(var(--u) * 1.2));gap:max(7px, calc(var(--u) * .8));flex:1}.home-desc{margin:max(2px, calc(var(--u) * .3)) 0 0;min-height:1.4em;font:600 var(--fs-s) / 1.3 "Rubik", sans-serif;color:var(--muted);align-items:center;gap:.6em;display:flex}.home-desc i{background:var(--a);border-radius:50%;flex:none;width:.55em;height:.55em;animation:1.6s ease-in-out infinite descdot}.home-desc.swap span{animation:tip-in .45s var(--spring)}@keyframes descdot{50%{opacity:.5;scale:.6}}@keyframes tip-in{0%{opacity:0;translate:calc(var(--u) * 2) 0}}.status{min-height:1.2em;font:700 var(--fs-s) / 1.3 "Rubik", sans-serif;color:#fff;margin:0}.status:not(:empty){animation:tip-in .45s var(--spring);background:#00000080;border-radius:10px;align-self:flex-start;padding:.45em .9em;box-shadow:inset 0 0 0 1.5px #ffffff1f}.profile-panel{align-items:center;column-gap:max(10px, calc(var(--u) * 1.1));row-gap:max(6px, calc(var(--u) * .6));width:min(100%, max(250px, calc(var(--u) * 30)));padding:max(12px, calc(var(--u) * 1.3));color:#fff;text-align:left;cursor:pointer;transition:transform .4s var(--spring);border:0;grid-template-columns:auto 1fr;grid-template-areas:"a who""a stats""more more";display:grid}.profile-panel .avatar{grid-area:a}.profile-who{flex-direction:column;grid-area:who;gap:.35em;min-width:0;display:flex}.profile-name{font:400 max(17px, calc(var(--u) * 2)) / 1.05 "Titan One", sans-serif;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-stats{flex-wrap:wrap;grid-area:stats;gap:.5em;display:flex}.profile-more{font:800 var(--fs-xs) / 1 "Rubik", sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);grid-area:more;justify-content:flex-end;align-items:center;gap:.3em;display:flex}.profile-more i{width:1.1em;height:1.1em;transition:translate .3s var(--spring)}@media (hover:hover){.profile-panel:hover{transform:translateY(-3px)rotate(-.6deg)}.profile-panel:hover .profile-more i{translate:4px}}.profile-panel:active{scale:.97}.profile-panel:focus-visible{outline:3px solid var(--a);outline-offset:4px}.season-chip{cursor:pointer;background:var(--k);color:#fff;box-shadow:0 0 0 2px var(--a), 0 3px 0 2px var(--k);font:400 var(--fs-m) / 1 "Titan One", sans-serif;letter-spacing:.03em;border:0;border-radius:12px;flex-direction:column;align-items:flex-end;gap:.25em;padding:.6em 1em;display:flex;rotate:1.5deg}.season-chip span{font:800 var(--fs-xs) / 1 "Rubik", sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--a-light)}.season-chip:active{scale:.96}.friends{gap:max(12px, calc(var(--u) * 2));min-height:0;max-width:calc(var(--u) * 110);flex:1;grid-template-columns:1fr 1fr;align-items:stretch;width:100%;margin:0 auto;display:grid}.big-card{justify-content:center;align-items:center;gap:max(8px, calc(var(--u) * 1));padding:max(14px, calc(var(--u) * 2));border-radius:calc(var(--u) * 1.7) calc(var(--u) * 1) calc(var(--u) * 1.9) calc(var(--u) * 1.2) / calc(var(--u) * 1.4) calc(var(--u) * 1.8) calc(var(--u) * 1.1) calc(var(--u) * 1.7);color:#fff;text-align:center;rotate:var(--tilt,0deg);box-shadow:0 0 0 3px #fff, 0 0 0 7px var(--k), 0 calc(var(--u) * .8) 0 7px #00000059;font:600 var(--fs-s) / 1.35 "Rubik", sans-serif;transition:transform .4s var(--spring);background:linear-gradient(170deg,#1f2b38,#111820);border:0;flex-direction:column;display:flex;position:relative}.big-card .display{font-size:max(22px, calc(var(--u) * 2.8))}.big-card>span:not(.big-card-icon){color:var(--muted);max-width:26em}.big-card.create{cursor:pointer;background:linear-gradient(170deg, var(--b), var(--b-dark));color:var(--b-ink)}.big-card.create>span:not(.big-card-icon){color:var(--b-ink);opacity:.85}.big-card.create .display{color:#fff}.big-card-icon{width:max(48px, calc(var(--u) * 5.2));aspect-ratio:1;color:var(--k);box-shadow:0 0 0 3px var(--k), 0 4px 0 3px var(--k);background:#fff;border-radius:50%;place-items:center;padding:10px;animation:2.4s ease-in-out infinite ball-bob;display:grid}@media (hover:hover){.big-card.create:hover{transform:translateY(-4px)rotate(0)scale(1.02)}}.big-card.create:active{scale:.97}.big-card.create:focus-visible{outline:3px solid var(--a);outline-offset:10px}.code-tiles{gap:max(5px, calc(var(--u) * .6));cursor:text;display:flex;position:relative}.code-tiles input{opacity:0;z-index:2;cursor:text;border:0;width:100%;font-size:16px;position:absolute;inset:0}.code-tiles i{width:max(36px, calc(var(--u) * 4.2));aspect-ratio:.82;font:400 max(22px, calc(var(--u) * 2.6)) / 1 "Titan One", sans-serif;color:#fff;rotate:calc((var(--n,0) - 2.5) * 1.4deg);background:#0a0f14;border-radius:10px;place-items:center;font-style:normal;display:grid;box-shadow:inset 0 0 0 2px #ffffff24}.code-tiles i:first-of-type{--n:0}.code-tiles i:nth-of-type(2){--n:1}.code-tiles i:nth-of-type(3){--n:2}.code-tiles i:nth-of-type(4){--n:3}.code-tiles i:nth-of-type(5){--n:4}.code-tiles i:nth-of-type(6){--n:5}.code-tiles i.filled{color:var(--k);box-shadow:0 0 0 2px var(--k), 0 4px 0 2px var(--k);background:#fff}.code-tiles i.pop{animation:code-pop .4s var(--spring2)}.code-tiles i.caret:after{content:"";background:var(--a);border-radius:2px;width:3px;height:50%;animation:1s steps(2,end) infinite caret}.code-tiles:focus-within i.caret{box-shadow:inset 0 0 0 2px var(--a)}@keyframes code-pop{0%{rotate:-12deg;scale:.6}60%{scale:1.15}}@keyframes caret{50%{opacity:0}}.form-error{min-height:1.3em;font:700 var(--fs-s) / 1.3 "Rubik", sans-serif;color:#ff9a86;text-align:center;margin:0}.room{gap:max(12px, calc(var(--u) * 2));min-height:0;max-width:calc(var(--u) * 110);flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);width:100%;margin:0 auto;display:grid}.room-code-card{justify-content:center;align-items:center;gap:max(8px, calc(var(--u) * 1));padding:max(14px, calc(var(--u) * 2));flex-direction:column;display:flex;rotate:-1deg}.room-code{font:400 max(34px, calc(var(--u) * 5.4)) / 1 "Titan One", sans-serif;letter-spacing:.12em;color:var(--a);-webkit-user-select:all;user-select:all;-webkit-text-stroke:.1em var(--k);paint-order:stroke fill;text-shadow:0 .07em 0 var(--k);margin:0}.room-side{gap:max(8px, calc(var(--u) * 1));flex-direction:column;min-height:0;display:flex}.room-members{gap:max(6px, calc(var(--u) * .7));margin:0;padding:0;list-style:none;display:grid}.room-members li{align-items:center;gap:max(10px, calc(var(--u) * 1));min-height:max(46px, calc(var(--u) * 4.4));padding:0 max(12px, calc(var(--u) * 1.2)) 0 max(8px, calc(var(--u) * .8));font:400 var(--fs-l) / 1 "Titan One", sans-serif;letter-spacing:.02em;background:#0e141ce6;border-radius:14px;display:flex;box-shadow:inset 0 0 0 2px #ffffff1a,0 3px #00000059}.room-members li:nth-child(odd){rotate:-.6deg}.room-members li:nth-child(2n){rotate:.6deg}.room-members li .avatar{width:max(32px, calc(var(--u) * 3.2));font-size:max(15px, calc(var(--u) * 1.6))}.room-members li.you{box-shadow:inset 0 0 0 2px var(--you), 0 3px 0 #00000059}.room-members li button{all:unset;align-items:center;gap:inherit;cursor:pointer;flex:1;min-width:0;display:flex}.room-members li button span.name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.room-members li .tags{flex-wrap:wrap;justify-content:flex-end;gap:.35em;margin-left:auto;display:flex}.room-members li .tag{font:900 var(--fs-xs) / 1 "Rubik", sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:#ffffff1a;border-radius:6px;padding:.3em .55em}.room-members li .tag.host{background:var(--a);color:var(--a-ink)}.room-members li .tag.solids{background:rgba(var(--you-rgb), .18);color:var(--you)}.room-members li .tag.stripes{background:rgba(var(--rival-rgb), .18);color:var(--rival)}.room-members li.empty{color:#ffffff59;font:700 var(--fs-s) / 1 "Rubik", sans-serif;letter-spacing:.14em;text-transform:uppercase;background:0 0;border:2px dashed #0000;justify-content:center;box-shadow:inset 0 0 0 2px #ffffff1f}.room-members li.joined{animation:in-pop .5s var(--spring)}.room-status{font:600 var(--fs-m) / 1.35 "Rubik", sans-serif;color:var(--muted);margin:0}.difficulty{gap:max(12px, calc(var(--u) * 2));max-width:calc(var(--u) * 110);flex:1;grid-template-columns:repeat(3,1fr);align-items:center;width:100%;margin:0 auto;display:grid}.level-card{--c:var(--good);align-items:center;gap:max(8px, calc(var(--u) * 1));padding:max(16px, calc(var(--u) * 2.4)) max(12px, calc(var(--u) * 1.4));color:#fff;cursor:pointer;rotate:var(--tilt,0deg);box-shadow:0 0 0 3px #fff, 0 0 0 7px var(--k), 0 calc(var(--u) * .8) 0 7px #00000059;font:600 var(--fs-s) / 1.35 "Rubik", sans-serif;text-align:center;transition:transform .4s var(--spring);background:linear-gradient(170deg,#1f2b38,#111820);border:0;border-radius:18px;flex-direction:column;display:flex}.level-card.normal{--c:var(--a)}.level-card.hard{--c:var(--bad)}.level-card .display{font-size:max(24px, calc(var(--u) * 3.2));color:var(--c)}.level-card>span{color:var(--muted)}.level-card .pips{gap:6px;font-style:normal;display:flex}.level-card .pips>*{background:#ffffff26;border-radius:3px;width:14px;height:14px;rotate:45deg}.level-card .pips b{background:var(--c);box-shadow:0 0 8px var(--c)}@media (hover:hover){.level-card:hover{transform:translateY(-5px)scale(1.03)}}.level-card:active{scale:.96}.level-card:focus-visible{outline:3px solid var(--a);outline-offset:10px}.upgrades-text{margin-bottom:max(8px, calc(var(--u) * 1));flex-basis:auto}.upgrades{gap:max(10px, calc(var(--u) * 1.4));grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;min-height:0;margin:-10px -8px 0;padding:10px 8px 14px;display:grid}.upgrade{gap:max(6px, calc(var(--u) * .7));padding:max(12px, calc(var(--u) * 1.4));rotate:var(--tilt,0deg);background:linear-gradient(170deg,#1e2936f2,#0c1118f5);border-radius:16px;flex-direction:column;display:flex;position:relative;box-shadow:inset 0 0 0 2px #ffffff14,0 4px #0006}.upgrade-top{align-items:center;gap:.6em;display:flex}.upgrade-icon{width:max(34px, calc(var(--u) * 3.4));aspect-ratio:1;background:var(--a);color:var(--k);box-shadow:0 0 0 2px var(--k);border-radius:44% 56% 50% 50%/52% 44% 56% 48%;place-items:center;padding:7px;display:grid;rotate:-8deg}.upgrade h3{font:400 max(16px, calc(var(--u) * 1.7)) / 1 "Titan One", sans-serif;letter-spacing:.02em;margin:0}.upgrade h3 small{font:800 var(--fs-xs) / 1 "Rubik", sans-serif;letter-spacing:.14em;color:var(--muted);margin-top:.3em;display:block}.upgrade p{font:500 var(--fs-xs) / 1.4 "Rubik", sans-serif;color:var(--muted);flex:1;margin:0}.levels{gap:3px;display:flex}.levels i{background:#ffffff1a;border-radius:3px;flex:1;height:7px}.levels i.on{background:linear-gradient(180deg, var(--a-light), var(--a) 55%, var(--a-dark))}.levels i.fresh{animation:pip-on .6s var(--spring2)}@keyframes pip-on{0%{filter:brightness(2);scale:1 2.4}}.upgrade .value{font:400 var(--fs-m) / 1 "Titan One", sans-serif;letter-spacing:.02em;font-variant-numeric:tabular-nums}.upgrade .value em{color:#7ff0a8;font-style:normal}.upgrade .btn{width:100%}.upgrade .btn .btn-icon{width:1.1em;height:1.1em}.upgrade.bought{animation:bought .6s var(--spring2)}.screen[data-view=upgrades]{container:workshop/size}.screen[data-view=upgrades] .screen-head{flex:none}.career-strip{background:#0c121af5;border:2px solid #ffc93c38;border-radius:14px;flex:none;align-items:center;gap:14px;min-width:0;margin-bottom:12px;padding:10px 14px;display:flex}.career-level{color:var(--a);white-space:nowrap;flex:none;font-size:22px}.career-track{flex:1;min-width:80px;max-width:420px}.career-track>span{color:var(--muted);font-variant-numeric:tabular-nums;margin-bottom:5px;font:800 11px/1.2 Rubik,sans-serif;display:block}.career-meter{background:var(--k);border-radius:20px;height:7px;overflow:hidden}.career-meter>i{background:linear-gradient(90deg, #f49c36, var(--a));height:100%;scale:var(--xp,0) 1;transform-origin:0;transition:scale .35s var(--out);display:block}.workshop-loadout{color:var(--b);text-align:right;font:800 var(--fs-xs) / 1.3 "Rubik", sans-serif;min-width:0;margin-left:auto}.workshop-tabs{flex:none;gap:10px;margin-bottom:12px;display:flex}.workshop-tabs .btn{min-height:44px;font-size:max(14px, calc(var(--u) * 1.4));padding:10px 20px}.workshop-body{flex:1;min-height:0;margin:-6px -8px 0;padding:10px 8px 16px}.workshop-body .upgrades{margin:0;padding:0;overflow:visible}.workshop-body .upgrade p{display:block}.path-milestones{color:var(--muted);flex-direction:column;gap:5px;padding:10px 0;font-size:11px;font-weight:800;display:flex}.path-milestones .is-trained{color:var(--good)}.cue-rack{grid-template-columns:minmax(250px,.85fr) minmax(0,1.7fr);align-items:start;gap:18px;display:grid}.cue-preview{border-color:var(--cue-color);min-width:0;padding:18px}.cue-preview-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.cue-preview .kicker{color:var(--cue-color)}.cue-status{color:var(--muted);letter-spacing:.1em;font:900 9px/1 Rubik,sans-serif}.cue-preview h3{color:var(--cue-color);margin:4px 0 8px;font-size:30px}.cue-preview .cue-blurb{font:500 var(--fs-xs) / 1.45 "Rubik", sans-serif;color:var(--muted);margin:0 0 12px}.cue-modifiers{flex-wrap:wrap;gap:5px;margin-bottom:14px;display:flex}.cue-modifiers>span{color:var(--muted);background:#ffffff0f;border-radius:6px;padding:5px 7px;font:800 11px/1.2 Rubik,sans-serif}.cue-modifiers>.is-good{color:#87f3b0;background:#40d6801a}.cue-modifiers>.is-tradeoff{color:#ffbd98;background:#ff965a14}.cue-values{background:#00000038;border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px;display:grid}.cue-values div{min-width:0}.cue-values small{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:4px;font:800 9px/1 Rubik,sans-serif;display:block}.cue-values b{font-variant-numeric:tabular-nums;white-space:nowrap;font:400 18px/1 Titan One,sans-serif}.cue-requirement{color:var(--muted);font:700 11px/1.4 Rubik,sans-serif}.cue-preview .btn{width:100%;min-height:44px}.cue-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.cue-tile{text-align:left;min-width:0;box-shadow:0 4px 0 var(--k);cursor:pointer;color:#fff;background:linear-gradient(140deg,#1c2734,#0d131c);border:2px solid #ffffff1f;border-radius:15px;padding:13px;transition:border-color .15s,scale .15s}.cue-tile.is-selected{border-color:var(--cue-color);box-shadow:0 4px 0 var(--k), inset 0 0 20px #ffffff0a}.cue-tile:active{scale:.97}.cue-tile-label{color:var(--cue-color);letter-spacing:.12em;text-transform:uppercase;font:900 9px/1 Rubik,sans-serif}.cue-tile>b{color:var(--cue-color);font:400 19px/1.2 Titan One,sans-serif;display:block}.cue-tile>small{color:var(--muted);margin-top:5px;font:800 9px/1.4 Rubik,sans-serif;display:block}.cue-art{isolation:isolate;height:90px;position:relative;overflow:hidden}.cue-art.is-large{height:145px}.cue-art-glow{background:radial-gradient(ellipse, var(--cue-color), transparent 70%);opacity:.14;border-radius:50%;position:absolute;inset:10% 5%;rotate:-28deg}.cue-art-stick{background:linear-gradient(90deg, #7498b4 0 2%, #f0e6d6 2% 5%, #decbb0 5% 48%, var(--cue-accent) 48% 50%, var(--cue-color) 50% 57%, var(--cue-ink) 57% 61%, var(--cue-accent) 61% 63%, var(--cue-color) 63% 75%, var(--cue-accent) 75% 77%, var(--cue-ink) 77% 97%, #070d12 97%);border-radius:2px 8px 8px 2px;width:90%;height:9px;position:absolute;top:48%;left:6%;rotate:-28deg;box-shadow:0 2px #000,0 8px 8px #00000080,inset 0 2px #ffffff40}.cue-art.is-large .cue-art-stick{height:13px}.cue-art-mark{color:var(--cue-color);opacity:.13;font:400 45px/1 Titan One,sans-serif;position:absolute;bottom:4%;right:7%;rotate:-8deg}.perk-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.perk-card{flex-direction:column;gap:12px;min-width:0;padding:18px;display:flex}.perk-card.is-equipped{border-color:var(--a)}.perk-card h3{margin:0;font-size:23px}.perk-card p{color:var(--muted);font:500 var(--fs-xs) / 1.5 "Rubik", sans-serif;flex:1;margin:0}.perk-card .btn{min-height:44px}.workshop-note{color:var(--muted);font-size:var(--fs-xs);text-align:center;margin:16px 0 0}.result-xp{color:var(--b);margin:12px 0 0;font:800 14px/1.4 Rubik,sans-serif}.pc-loadout{color:var(--a);margin:10px 0;font:800 12px/1.4 Rubik,sans-serif}@container workshop (width<=900px){.cue-rack{grid-template-columns:minmax(220px,.85fr) minmax(0,1fr);gap:12px}.cue-grid,.perk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container workshop (width<=580px){.career-strip{gap:10px;margin-bottom:8px;padding:8px 10px}.workshop-loadout{max-width:36%;font-size:10px}.workshop-tabs{gap:8px;margin-bottom:8px}.workshop-tabs .btn{flex:1;padding:8px;font-size:13px}.cue-rack{grid-template-columns:1fr}.cue-preview{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 12px;padding:14px;display:grid}.cue-preview-top{grid-column:1/-1}.cue-preview .cue-art{grid-area:2/1/4;height:110px}.cue-preview h3{grid-column:2;margin:4px 0;font-size:26px}.cue-preview .cue-blurb{grid-column:2;margin:0}.cue-modifiers{grid-column:1/-1;margin:0}.cue-values{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:10px}.cue-values b{font-size:14px}.cue-preview .btn,.cue-requirement{grid-column:1/-1;margin:0}.workshop-body .upgrades{grid-template-columns:1fr}.cue-art{height:65px}.perk-card{padding:14px}.perk-card h3{font-size:19px}}@container workshop (height<=380px){.screen-head{gap:10px;margin-bottom:6px}.screen-head .title{font-size:24px}.career-strip{margin-bottom:8px;padding-block:6px}.workshop-tabs{margin-bottom:6px}.upgrades-text{margin-bottom:6px;font-size:11px}.cue-art.is-large{height:95px}}@keyframes bought{30%{scale:1.06}}.season-banner{background:var(--k);box-shadow:0 0 0 2px var(--a), 0 3px 0 2px var(--k);border-radius:12px;align-items:center;gap:.7em;padding:.55em 1em;display:flex;rotate:1.5deg}.season-banner b{font:400 var(--fs-l) / 1 "Titan One", sans-serif;letter-spacing:.03em;color:var(--a)}.season-banner span{font:800 var(--fs-xs) / 1 "Rubik", sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--a-light)}.board{width:100%;min-height:0;max-width:calc(var(--u) * 80);padding:max(8px, calc(var(--u) * 1));flex-direction:column;flex:1;margin:0 auto;display:flex}.board-head,.board-row{grid-template-columns:max(40px, calc(var(--u) * 4.5)) 1fr auto;align-items:center;gap:max(8px, calc(var(--u) * 1));display:grid}.board-head{padding:4px max(10px, calc(var(--u) * 1)) 8px;font:900 var(--fs-xs) / 1 "Rubik", sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.board-head [data-icon]{width:16px;height:16px;color:var(--a);justify-self:end}.board-list{flex-direction:column;flex:1;gap:5px;min-height:0;margin:0;padding:2px 4px 8px;list-style:none;display:flex}.board-row{width:100%;min-height:max(44px, calc(var(--u) * 4));padding:0 max(12px, calc(var(--u) * 1.2)) 0 max(6px, calc(var(--u) * .6));cursor:pointer;color:#fff;text-align:left;font:400 var(--fs-m) / 1 "Titan One", sans-serif;letter-spacing:.02em;animation:row-in .5s var(--spring) backwards;animation-delay:calc(var(--i,0) * 40ms);transition:background .2s, transform .35s var(--spring);background:#ffffff0d;border:0;border-radius:12px}@keyframes row-in{0%{opacity:0;translate:calc(var(--u) * 4) 0}}@media (hover:hover){.board-row:hover{background:rgba(var(--a-rgb), .14);transform:translateX(calc(var(--u) * .35))}}.board-row:active{scale:.98}.board-row:focus-visible{outline:3px solid var(--a);outline-offset:2px}.board-row.you{background:rgba(var(--you-rgb), .18);box-shadow:inset 0 0 0 2px var(--you)}.board-rank{min-width:2.1em;height:2.1em;font:400 var(--fs-m) / 1 "Titan One", sans-serif;color:var(--muted);font-variant-numeric:tabular-nums;border-radius:50%;justify-self:center;place-items:center;display:grid}.board-row[data-medal] .board-rank{color:var(--k);box-shadow:0 0 0 2px var(--k), 0 2px 0 2px var(--k);background:radial-gradient(circle at 35% 28%, var(--m1), var(--m2) 55%, var(--m3) 100%)}.board-row[data-medal="1"] .board-rank{--m1:#fff6c9;--m2:#fc3;--m3:#b8860b}.board-row[data-medal="2"] .board-rank{--m1:#fff;--m2:#c9d3dd;--m3:#7d8b99}.board-row[data-medal="3"] .board-rank{--m1:#ffe1c4;--m2:#d98a4a;--m3:#8a4f1f}.board-name{align-items:center;gap:.6em;min-width:0;display:flex}.board-name span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.board-name .avatar{width:max(30px, calc(var(--u) * 3));font-size:max(14px, calc(var(--u) * 1.5));box-shadow:0 0 0 2px var(--k)}.board-score{font-variant-numeric:tabular-nums;color:var(--a-light)}.board-you{border-top:2px dashed #ffffff1f;margin-top:6px;padding-top:8px}.board-note{text-align:center;font:600 var(--fs-s) / 1.4 "Rubik", sans-serif;color:var(--muted);margin:8px 4px 2px}.board-note:empty{display:none}.board.empty .board-list{flex:0}.board.empty .board-note{font-size:var(--fs-m);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;margin:0;padding:16px;display:flex}.board.empty .board-note:before{content:"";width:max(54px, calc(var(--u) * 6));aspect-ratio:1;box-shadow:0 0 0 3px var(--k), 0 5px 0 3px var(--k);background:center / 58% no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%230b1016' d='M9 5.5h6V21H9zM2.4 10.5h5.4V21H2.4zM16.2 13.5h5.4V21h-5.4z'/%3E%3C/svg%3E"), var(--a);border-radius:44% 56% 50% 50%/52% 44% 56% 48%;rotate:-8deg}.rules{gap:max(10px, calc(var(--u) * 1.4));flex:1;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;min-height:0;margin:-10px -8px 0;padding:10px 8px 16px;display:grid}.rule{padding:max(12px, calc(var(--u) * 1.4));rotate:var(--tilt,0deg);background:linear-gradient(170deg,#1e2936f2,#0c1118f5);border-radius:16px;grid-template-columns:auto 1fr;grid-template-areas:"i t""p p";align-items:center;gap:.5em .7em;display:grid;box-shadow:inset 0 0 0 2px #ffffff14,0 4px #0006}.rule-icon{width:max(34px, calc(var(--u) * 3.4));aspect-ratio:1;background:var(--b);color:var(--k);box-shadow:0 0 0 2px var(--k);border-radius:44% 56% 50% 50%/52% 44% 56% 48%;grid-area:i;place-items:center;padding:7px;display:grid;rotate:-8deg}.rule b{font:400 max(16px, calc(var(--u) * 1.7)) / 1.05 "Titan One", sans-serif;letter-spacing:.02em;grid-area:t}.rule p{font:500 var(--fs-s) / 1.45 "Rubik", sans-serif;color:#c9d4db;grid-area:p;margin:0}.rule.controls{grid-column:span 3}.rule.controls .rule-icon{background:var(--a)}.you-color{color:var(--you);font-weight:800}.swipe{z-index:30;pointer-events:none;display:none;position:absolute;inset:0;overflow:hidden}.swipe.run,.swipe.cover{display:block}.swipe i{border-radius:40%;width:70%;position:absolute;top:-30%;bottom:-30%;left:0;transform:translate(-160%)skew(-18deg)}.swipe-a{background:var(--a);box-shadow:0 0 0 10px var(--k)}.swipe-b{background:var(--b)}.swipe.run .swipe-a{animation:swipe .52s var(--out) forwards}.swipe.run .swipe-b{animation:swipe .52s var(--out) 60ms forwards}.swipe.run.is-back .swipe-a,.swipe.run.is-back .swipe-b{animation-name:swipe-back}@keyframes swipe{0%{transform:translate(-160%)skew(-18deg)}to{transform:translate(260%)skew(-18deg)}}@keyframes swipe-back{0%{transform:translate(260%)skew(-18deg)}to{transform:translate(-160%)skew(-18deg)}}.swipe.cover i{width:180%;left:-40%}.swipe.cover .swipe-b{animation:cover-in .38s var(--out) forwards}.swipe.cover .swipe-a{animation:cover-in .38s var(--out) 70ms forwards}.swipe.cover.out .swipe-a{animation:cover-out .5s var(--in) forwards}.swipe.cover.out .swipe-b{animation:cover-out .5s var(--in) 60ms forwards}@keyframes cover-in{0%{transform:translate(-120%)skew(-18deg)}to{transform:translate(0)skew(-18deg)}}@keyframes cover-out{0%{transform:translate(0)skew(-18deg)}to{transform:translate(130%)skew(-18deg)}}.swipe-mark{width:max(70px, calc(var(--u) * 9));aspect-ratio:1;box-shadow:0 0 0 4px var(--k), 0 6px 0 4px #0006;background:radial-gradient(circle at 35% 30%,#4a4f57,#0b0d10 70%);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%;scale:0}.swipe-mark b{aspect-ratio:1;width:52%;color:var(--k);font:400 max(22px, calc(var(--u) * 3)) / 1 "Titan One", sans-serif;background:#fff;border-radius:50%;place-items:center;display:grid}.swipe.cover .swipe-mark{animation:mark-in .55s var(--spring2) .18s forwards}.swipe.cover.out .swipe-mark{animation:mark-out .25s var(--in) forwards}@keyframes mark-in{0%{rotate:-160deg;scale:0}to{rotate:0deg;scale:1}}@keyframes mark-out{0%{scale:1}to{rotate:90deg;scale:0}}.focus-ring{z-index:60;pointer-events:none;opacity:0;will-change:transform;transition:opacity .18s;position:absolute;top:0;left:0}.focus-ring.on{opacity:1}.focus-ring i{border-radius:inherit;box-shadow:0 0 0 3px var(--k), 0 0 0 6px rgba(var(--a-rgb), .6), 0 0 calc(var(--u) * 1.8) rgba(var(--a-rgb), .55);border:3px solid #fff;animation:1.3s ease-in-out infinite ring-pulse;position:absolute;inset:0}@keyframes ring-pulse{50%{box-shadow:0 0 0 3px var(--k), 0 0 0 9px rgba(var(--a-rgb), .28), 0 0 calc(var(--u) * 2.4) rgba(var(--a-rgb), .7)}}.keys :focus-visible{outline:none!important}dialog.modal{width:min(max(320px, calc(var(--u) * 44)), calc(100vw - 32px));max-height:calc(100dvh - 20px);padding:max(20px, calc(var(--u) * 2.8)) max(18px, calc(var(--u) * 2.6)) max(18px, calc(var(--u) * 2.2));border-radius:max(18px, calc(var(--u) * 2));background:var(--k2);color:#fff;text-align:center;box-shadow:0 0 0 3px #fff, 0 0 0 7px var(--k), 0 calc(var(--u) * .8) 0 7px #00000059;border:0;overflow:visible}dialog.modal[open]{animation:modal-pop .5s var(--spring) both}dialog.modal.closing{animation:modal-out .2s var(--in) forwards}dialog.modal::backdrop{background:#04070ab8;animation:.2s both fade}dialog.modal.closing::backdrop{animation:.2s forwards fade-out}@keyframes modal-pop{0%{opacity:0;scale:.7}55%{opacity:1}}@keyframes modal-out{to{opacity:0;scale:.9}}@keyframes fade-out{to{opacity:0}}dialog.modal h2{font-size:max(24px, calc(var(--u) * 3));margin:0 0 .35em;line-height:1.05}.modal-text{margin:0 auto max(14px, calc(var(--u) * 1.8));max-width:30em;font:500 var(--fs-m) / 1.45 "Rubik", sans-serif;color:var(--muted)}.modal-buttons{justify-content:center;gap:max(10px, calc(var(--u) * 1.2));flex-wrap:wrap;display:flex}.modal-buttons .btn{min-width:max(120px, calc(var(--u) * 14));flex:1 1 0}.modal-badge{width:max(52px, calc(var(--u) * 6));aspect-ratio:1;margin:calc(var(--u) * -5.5) auto 10px;background:var(--a);color:var(--k);box-shadow:0 0 0 3px var(--k), 0 5px 0 3px var(--k);border-radius:44% 56% 50% 50%/52% 44% 56% 48%;place-items:center;padding:12px;display:grid;rotate:-8deg}.modal-x{z-index:2;width:44px;height:44px;color:var(--k);cursor:pointer;box-shadow:0 0 0 3px var(--k), 0 4px 0 3px var(--k);transition:transform .3s var(--spring);background:#fff;border:0;border-radius:50%;place-items:center;padding:11px;display:grid;position:absolute;top:-12px;right:-12px}@media (hover:hover){.modal-x:hover{transform:rotate(90deg)scale(1.08)}}.modal-x:active{scale:.92}.search-balls{justify-content:center;align-items:flex-end;gap:10px;height:44px;margin-bottom:12px;display:flex}.search-balls i{width:26px;height:26px;box-shadow:0 0 0 2.5px var(--k);animation:hop .9s var(--out) infinite alternate;border-radius:50%}.search-balls i:first-child{background:radial-gradient(circle at 35% 30%,#fff8 0 12%,#f5c518 40%,#b88a00)}.search-balls i:nth-child(2){background:radial-gradient(circle at 35% 30%,#fff8 0 12%,#2c2f35 40%,#050607);animation-delay:.15s}.search-balls i:nth-child(3){background:radial-gradient(circle at 35% 30%,#fff8 0 12%,#1e5bd6 40%,#0d2f78);animation-delay:.3s}@keyframes hop{0%{translate:0;scale:1.08 .92}to{translate:0 -16px;scale:1}}dialog[data-found] .search-balls i{background:radial-gradient(circle at 35% 30%, #fff8 0 12%, var(--good) 40%, #178a4a);animation:none}#search-status{min-height:1.5em;font:600 var(--fs-m) / 1.4 "Rubik", sans-serif;color:var(--muted);margin:0}.search-time{font:400 var(--fs-m) / 1 "Titan One", sans-serif;letter-spacing:.1em;color:var(--a-light);font-variant-numeric:tabular-nums;margin:10px 0 16px}#search{width:min(max(320px, calc(var(--u) * 44)), calc(100% - var(--sal) - var(--sar) - 32px));max-height:calc(100dvh - var(--sat) - var(--sab) - 20px);overflow-y:auto;container:search/inline-size}.search-players{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0;display:grid}.search-player{background:#ffffff0d;border-radius:12px;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:12px;display:flex;box-shadow:inset 0 0 0 2px #ffffff14}.search-player-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font:400 var(--fs-s) / 1 "Titan One", sans-serif;color:var(--you);overflow:hidden}.search-player.rival .search-player-name{color:var(--rival)}.trophy-count{color:var(--a);font:400 max(11px, calc(var(--u) * .95)) / 1 "Titan One", sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;align-items:center;gap:4px;display:inline-flex}.trophy-count i{flex:none;width:14px;height:14px}.trophy-count b{font:inherit}.search-player .trophy-count{font-size:var(--fs-m)}.search-player .trophy-count i{width:18px;height:18px}@container search (width<=340px){.search-balls{height:28px;margin-bottom:8px}.search-players{gap:8px;margin:10px 0}.search-player{gap:6px;padding:8px}.search-player-name{font-size:13px}}dialog.result{overflow:hidden}.result-burst{aspect-ratio:1;pointer-events:none;opacity:.3;background:repeating-conic-gradient(from 0deg, var(--tone,var(--a)) 0 8deg, transparent 8deg 22deg);width:150%;animation:26s linear infinite spin;position:absolute;top:22%;left:50%;translate:-50% -50%;-webkit-mask-image:radial-gradient(circle,#000 12%,#0000 58%);mask-image:radial-gradient(circle,#000 12%,#0000 58%)}dialog.result[data-tone=down]{--tone:var(--rival)}dialog.result[data-tone=even]{--tone:var(--muted)}@keyframes spin{to{rotate:360deg}}.result-title{color:var(--tone,var(--a));animation:stamp .7s var(--spring2) .1s backwards;position:relative;font-size:max(40px, calc(var(--u) * 6))!important}@keyframes stamp{0%{opacity:0;rotate:-18deg;scale:2.3}42%{opacity:1;rotate:4deg;scale:.86}68%{rotate:-1deg;scale:1.06}to{opacity:1;rotate:-2deg;scale:1}}.result-numbers{margin-bottom:max(14px, calc(var(--u) * 1.6));position:relative}.result-delta{font:400 max(40px, calc(var(--u) * 5.6)) / 1 "Titan One", sans-serif;letter-spacing:.01em;font-variant-numeric:tabular-nums;-webkit-text-stroke:.12em var(--k);paint-order:stroke fill;text-shadow:0 .07em 0 var(--k);margin:0}.result-delta[data-tone=up]{color:var(--a)}.result-delta[data-tone=down]{color:#ff8a73}.result-delta[data-tone=even]{color:var(--muted)}.result-delta.landed{animation:count-pop .45s var(--spring2)}.result-total{font:900 var(--fs-xs) / 1 "Rubik", sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin:6px 0 0}.result-coins{font:400 var(--fs-l) / 1 "Titan One", sans-serif;color:var(--a);background:#0006;border-radius:999px;align-items:center;gap:.4em;margin:12px 0 0;padding:.45em .9em .42em .55em;display:inline-flex}.result-coins i,.result-coins svg{flex:none;width:1.1em;height:1.1em}.result-coins.landed{animation:count-pop .45s var(--spring2)}dialog.player{width:min(max(340px, calc(var(--u) * 58)), calc(100vw - 32px));text-align:left;padding:0;overflow:visible}.pc-banner{align-items:center;gap:max(12px, calc(var(--u) * 1.4));padding:max(16px, calc(var(--u) * 2)) max(16px, calc(var(--u) * 2.2)) max(14px, calc(var(--u) * 1.6));border-radius:max(18px, calc(var(--u) * 2)) max(18px, calc(var(--u) * 2)) 0 0;background:radial-gradient(#ffffff29 1.3px, transparent 1.8px) 0 0 / 10px 10px, linear-gradient(120deg, var(--pc,var(--b)), color-mix(in srgb, var(--pc,var(--b)) 45%, #0b1016));display:flex;position:relative;overflow:hidden}.pc-who{flex-direction:column;flex:1;gap:.4em;min-width:0;display:flex}.pc-who .display{font-size:max(24px, calc(var(--u) * 3));text-overflow:ellipsis;white-space:nowrap;padding:.1em .06em .15em;line-height:1;overflow:hidden}.pc-who .tier{color:#fff;--tc:#fff}.pc-trophies{background:var(--k);border-radius:14px;flex-direction:column;align-items:center;gap:.2em;padding:.5em .8em;display:flex;rotate:3deg;box-shadow:0 0 0 2px #fff3}.pc-trophies i{width:22px;height:22px;color:var(--a)}.pc-trophies b{font:400 max(20px, calc(var(--u) * 2.4)) / 1 "Titan One", sans-serif;font-variant-numeric:tabular-nums}.pc-trophies small{font:900 var(--fs-xs) / 1 "Rubik", sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.pc-body{max-height:min(62dvh,100dvh - 180px);padding:max(14px, calc(var(--u) * 1.6)) max(16px, calc(var(--u) * 2.2)) max(16px, calc(var(--u) * 2))}.pc-loading{text-align:center;color:var(--muted);font:600 var(--fs-m) / 1.4 "Rubik", sans-serif;margin:10px 0}.pc-build{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;display:grid}.pc-build>div{background:#ffffff0d;border-radius:12px;flex-direction:column;gap:6px;padding:8px 10px;display:flex}.pc-build span{font:900 var(--fs-xs) / 1 "Rubik", sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);justify-content:space-between;display:flex}.pc-build span b{color:#fff;font:400 var(--fs-s) / 1 "Titan One", sans-serif;letter-spacing:0}.pc-build .levels i{height:5px}.pc-stats{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.pc-stats>div{animation:in-pop .45s var(--spring) backwards;animation-delay:calc(var(--i,0) * 35ms);background:#ffffff0d;border-radius:12px;flex-direction:column;gap:5px;padding:10px 10px 9px;display:flex}.pc-stats>div.hot{background:rgba(var(--a-rgb), .12);box-shadow:inset 0 0 0 2px rgba(var(--a-rgb), .5)}.pc-stats b{font:400 max(18px, calc(var(--u) * 2.1)) / 1 "Titan One", sans-serif;font-variant-numeric:tabular-nums;letter-spacing:.01em}.pc-stats span{font:900 var(--fs-xs) / 1.15 "Rubik", sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.pc-foot{font:600 var(--fs-xs) / 1.4 "Rubik", sans-serif;letter-spacing:.06em;color:var(--muted);text-align:center;margin:12px 0 0}.pc-foot:empty{display:none}.hud{z-index:4;pointer-events:none;display:none;position:absolute;inset:0}.game[data-screen=match] .hud{display:block}.hud>*{pointer-events:auto}.hud .countdown,.hud .banner,.hud .toasts,.hud .net{pointer-events:none}.hud-top{top:calc(var(--sat) + max(6px, calc(var(--u) * .8)));left:calc(var(--sal) + max(62px, calc(var(--u) * 6.6)));right:calc(var(--sar) + max(62px, calc(var(--u) * 6.6)));align-items:center;gap:max(8px, calc(var(--u) * 1.2));animation:hud-drop .7s var(--spring) backwards 50ms;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid;position:absolute;container:hud/inline-size}@keyframes hud-drop{0%{opacity:0;translate:0 calc(var(--u) * -6)}}.pcard{--c:var(--you);--c-rgb:var(--you-rgb);align-items:center;gap:max(8px, calc(var(--u) * .9));min-width:0;max-width:min(100%, max(260px, calc(var(--u) * 34)));height:max(46px, calc(var(--u) * 5));padding:0 max(10px, calc(var(--u) * 1));cursor:pointer;color:#fff;text-align:left;transition:box-shadow .25s, transform .35s var(--spring);background:linear-gradient(135deg,#161e28f2,#0c1118ed);border:0;border-radius:14px;display:flex;box-shadow:inset 0 0 0 2px #ffffff14,0 3px #00000059}.pcard.you{justify-self:start}.pcard.rival{--c:var(--rival);--c-rgb:var(--rival-rgb);flex-direction:row;justify-self:end}.pcard .pcard-avatar{width:max(30px, calc(var(--u) * 3.2));aspect-ratio:1;background:var(--c);color:var(--k);font:400 max(15px, calc(var(--u) * 1.6)) / 1 "Titan One", sans-serif;box-shadow:0 0 0 2px var(--k);border-radius:44% 56% 50% 50%/52% 44% 56% 48%;flex:none;place-items:center;display:grid;rotate:-6deg}.pcard-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.pcard.rival .pcard-body{align-items:flex-end}.pcard-name{align-items:baseline;gap:.5em;min-width:0;max-width:100%;display:flex}.pcard-name b{font:400 max(13px, calc(var(--u) * 1.35)) / 1 "Titan One", sans-serif;letter-spacing:.03em;color:var(--c);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pcard-name small{font:900 max(8.5px, calc(var(--u) * .72)) / 1 "Rubik", sans-serif;letter-spacing:.14em;color:var(--muted);flex:none}.pcard-stats{align-items:center;gap:8px;min-width:0;max-width:100%;display:flex}.pcard.rival .pcard-stats{justify-content:flex-end}.tray{gap:3px;min-width:0;margin:-8px;padding:8px;display:flex;overflow:hidden}.mini{--ball:#fff;width:max(10px, calc(var(--u) * 1.15));aspect-ratio:1;background:radial-gradient(circle at 35% 30%, #ffffff8c, transparent 42%), var(--ball);border-radius:50%;flex:none;transition:opacity .25s,transform .25s;display:block;box-shadow:inset 0 -2px 3px #00000059}.mini.stripe{background:radial-gradient(circle at 35% 30%, #ffffff8c, transparent 42%), linear-gradient(180deg, #f4efe2 26%, var(--ball) 26% 74%, #f4efe2 74%)}.mini.potted{opacity:.16;transform:scale(.78)}.mini.just{animation:potted .5s var(--spring2)}@keyframes potted{0%{opacity:1;transform:scale(1.8)}}.mini.eight{opacity:.3;margin-left:3px}.mini.eight.live{opacity:1;box-shadow:0 0 0 2px var(--a), 0 0 10px rgba(var(--a-rgb), .7);animation:1.2s ease-in-out infinite glow}@keyframes glow{50%{box-shadow:0 0 0 2px var(--a), 0 0 3px rgba(var(--a-rgb), .3)}}.pcard-cool{width:100%;max-width:max(120px, calc(var(--u) * 16));background:#ffffff1a;border-radius:999px;height:4px;display:block;position:relative;overflow:hidden}.pcard-cool i{border-radius:inherit;background:var(--c);transform-origin:0;transform:scaleX(var(--cool,1));position:absolute;inset:0}.pcard.rival .pcard-cool i{transform-origin:100%}.pcard-ready{min-width:max(46px, calc(var(--u) * 5.2));text-align:center;font:400 max(12px, calc(var(--u) * 1.2)) / 1 "Titan One", sans-serif;letter-spacing:.04em;font-variant-numeric:tabular-nums;color:var(--muted);background:#00000059;border-radius:8px;flex:none;padding:.45em .5em .4em;transition:background .2s,color .2s}.pcard.ready .pcard-ready{background:var(--c);color:var(--k);box-shadow:0 0 14px rgba(var(--c-rgb), .55)}.pcard.ready{box-shadow:inset 0 0 0 2px rgba(var(--c-rgb), .75), 0 3px 0 #00000059, 0 0 18px rgba(var(--c-rgb), .25)}.pcard.flash .pcard-ready{animation:ready-pop .5s var(--spring2)}@keyframes ready-pop{0%{scale:1.45}}.pcard.scratch .pcard-ready{background:rgba(var(--rival-rgb), .25);color:#ff9a86}.pcard:active{scale:.97}.timer{width:max(74px, calc(var(--u) * 8.6));height:max(44px, calc(var(--u) * 4.6));isolation:isolate;place-items:center;display:grid;position:relative}.timer-blob{z-index:-1;background:var(--k);box-shadow:0 0 0 2.5px #fff, 0 0 0 5.5px var(--k), 0 calc(var(--u) * .35) 0 5.5px #0000004d;border-radius:46% 54% 50% 50%/58% 52% 48% 42%;transition:background .3s;position:absolute;inset:0}.timer-drip{z-index:-2;width:max(7px, calc(var(--u) * .8));height:max(10px, calc(var(--u) * 1.2));background:var(--k);transform-origin:top;border-radius:0 0 999px 999px;animation:4.2s ease-in-out infinite tdrip;position:absolute;top:82%;left:58%;box-shadow:2.5px 0 #fff,-2.5px 0 #fff,0 2.5px #fff}@keyframes tdrip{0%,to{scale:1 .45}60%{scale:1}}.timer b{font:400 max(18px, calc(var(--u) * 2.3)) / 1 "Titan One", sans-serif;letter-spacing:.02em;font-variant-numeric:tabular-nums;margin-top:2px}.timer small{font:900 max(8px, calc(var(--u) * .7)) / 1 "Rubik", sans-serif;letter-spacing:.2em;color:var(--muted);white-space:nowrap;position:absolute;bottom:-1.1em}.timer.hurry .timer-blob,.timer.hurry .timer-drip{background:#b3122f}.timer.hurry .timer-blob{animation:1s ease-in-out infinite timer-glow}@keyframes timer-glow{50%{box-shadow:0 0 0 2.5px #fff, 0 0 0 5.5px var(--k), 0 0 calc(var(--u) * 2.4) 5px #ff3250bf}}.hud-leave{top:calc(var(--sat) + max(6px, calc(var(--u) * .8)));left:calc(var(--sal) + var(--gutter));z-index:3;width:max(44px, calc(var(--u) * 4.6));height:max(44px, calc(var(--u) * 4.6));cursor:pointer;color:#c7d1d6;animation:hud-drop .7s var(--spring) backwards;background:#0a0e13bf;border:0;border-radius:50%;place-items:center;padding:12px;display:grid;position:absolute;box-shadow:inset 0 0 0 2px #ffffff1f,0 3px #00000059}.hud-leave:active{scale:.92}.power{--power:0;left:calc(var(--sal) + var(--gutter));top:calc(var(--sat) + max(62px, calc(var(--u) * 7)));bottom:calc(var(--sab) + var(--gutter));width:max(80px, calc(var(--u) * 8.6));align-items:center;gap:max(6px, calc(var(--u) * .6));padding:max(8px, calc(var(--u) * .9)) max(8px, calc(var(--u) * .8));touch-action:none;cursor:ns-resize;animation:hud-slide .7s var(--spring) backwards .1s;background:linear-gradient(160deg,#1e2936f0,#0c1118f0);border-radius:18px;flex-direction:column;transition:box-shadow .15s,opacity .2s;display:flex;position:absolute;box-shadow:inset 0 0 0 2px #ffffff1a,0 4px #0006}@keyframes hud-slide{0%{opacity:0;translate:calc(var(--u) * -12) 0}}.power-head{flex-direction:column;align-items:center;gap:3px;display:flex}.power-head small{font:900 max(8.5px, calc(var(--u) * .72)) / 1 "Rubik", sans-serif;letter-spacing:.18em;color:var(--muted)}.power-head b{font:400 max(18px, calc(var(--u) * 2)) / 1 "Titan One", sans-serif;font-variant-numeric:tabular-nums}.power-well{background:#070b0f;border-radius:999px;flex:1;width:58%;min-height:60px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #ffffff1f,inset 0 3px 10px #000000b3}.power-fill{transform-origin:top;transform:scaleY(var(--power));opacity:.55;background:linear-gradient(#5ef08f,#ffe05c 60%,#ff5a3c);position:absolute;inset:0}.power-ticks{background:repeating-linear-gradient(0deg,#0000 0 13px,#ffffff29 13px 15px);position:absolute;inset:10% 20%}.power-cue{background:linear-gradient(180deg, var(--you) 0 3%, #eee9d9 3% 6%, #dfc091 6% 64%, #3a2616 64% 92%, var(--you) 92% 94%, #101820 94%);width:26%;height:70%;translate:-50%;transform:translateY(calc(var(--power) * 26%));border-radius:4px;position:absolute;top:6%;left:50%;box-shadow:1px 2px 4px #0009,inset 1px 0 #fff6}.power-state{font:400 max(11px, calc(var(--u) * 1.1)) / 1 "Titan One", sans-serif;letter-spacing:.06em;font-variant-numeric:tabular-nums;color:var(--you);text-align:center;white-space:nowrap}.power.cooling{box-shadow:inset 0 0 0 2px #ffffff0f,0 4px #0006}.power.cooling .power-well{filter:saturate(.25)brightness(.75)}.power.cooling .power-state{color:var(--muted)}.power.pulling{box-shadow:inset 0 0 0 2px var(--you), 0 4px 0 #0006, 0 0 24px rgba(var(--you-rgb), .25)}.power.hard{box-shadow:inset 0 0 0 2px var(--rival), 0 4px 0 #0006, 0 0 24px rgba(var(--rival-rgb), .25)}.power.hard .power-head b{color:#ff9a86}.power.queued .power-state{color:var(--a)}.power.ready-flash{animation:ready-flash .6s var(--out)}@keyframes ready-flash{0%{box-shadow:inset 0 0 0 3px var(--you), 0 0 0 0 rgba(var(--you-rgb), .7), 0 4px 0 #0006}to{box-shadow:inset 0 0 0 2px #ffffff1a, 0 0 0 18px rgba(var(--you-rgb), 0), 0 4px 0 #0006}}.spin{right:calc(var(--sar) + var(--gutter));bottom:calc(var(--sab) + var(--gutter));animation:hud-pop .7s var(--spring2) backwards .15s;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute}@keyframes hud-pop{0%{opacity:0;scale:.4}}.spin-label{font:900 max(9px, calc(var(--u) * .75)) / 1 "Rubik", sans-serif;letter-spacing:.18em;color:var(--muted);white-space:nowrap;background:#00000073;border-radius:6px;padding:.35em .6em}.spin.set .spin-label{color:var(--a)}.spin-face{width:max(80px, calc(var(--u) * 8.6));aspect-ratio:1;touch-action:none;cursor:crosshair;box-shadow:0 0 0 3px var(--k), 0 5px 0 3px #00000073, 0 10px 24px #0006;transform-origin:100% 100%;transition:transform .35s var(--spring);background:radial-gradient(circle at 36% 30%,#fff,#ebe7db 55%,#b9b3a3);border-radius:50%;position:relative}.spin.active .spin-face{transform:scale(1.7)}.spin-cross{border-radius:50%;position:absolute;inset:14%;box-shadow:inset 0 0 0 1.5px #0000001f}.spin-cross:before,.spin-cross:after{content:"";background:#00000024;position:absolute}.spin-cross:before{width:1.5px;top:0;bottom:0;left:50%}.spin-cross:after{height:1.5px;top:50%;left:0;right:0}.spin-face .dot{aspect-ratio:1;background:radial-gradient(circle at 35% 30%,#ff8a7a,#e23a2b 60%,#9e1d12);border-radius:50%;width:24%;transition:left 80ms,top 80ms;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #0000004d,0 2px 4px #00000059}.spin.active .spin-face .dot{transition:none}.countdown{z-index:6;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.countdown:not([hidden]){display:flex}.countdown span{color:#fff;-webkit-text-stroke:.12em var(--k);paint-order:stroke fill;text-shadow:0 .07em 0 var(--k), 0 .14em .1em #00000059;font:400 clamp(90px,26vh,210px)/1 Titan One,sans-serif;animation:1s both count}.countdown span.go{color:var(--a);font-size:clamp(70px,19vh,160px);animation:1s both bn-go}@keyframes count{0%{opacity:0;scale:2.2}14%{opacity:1;scale:.88}24%{scale:1.06}34%{scale:1}78%{opacity:1}to{opacity:0;scale:.8}}@keyframes bn-go{0%{opacity:0;scale:2.4}12%{opacity:1;scale:.9}20%{scale:1.05}28%{scale:1}72%{opacity:1;scale:1}to{opacity:0;scale:1.6}}.banner{z-index:6;color:var(--a);-webkit-text-stroke:.12em var(--k);paint-order:stroke fill;text-shadow:0 .07em 0 var(--k), 0 .14em .1em #00000059;animation:stamp 1s var(--spring2) both;white-space:nowrap;font:400 clamp(46px,13vh,104px)/1 Titan One,sans-serif;display:none;position:absolute;top:44%;left:50%;translate:-50% -50%}.banner:not([hidden]){display:block}.banner[data-tone=down]{color:var(--rival)}.banner[data-tone=even]{color:#fff}.toasts{top:calc(var(--sat) + max(64px, calc(var(--u) * 7.4)));z-index:5;flex-direction:column;align-items:center;gap:7px;display:flex;position:absolute;left:50%;translate:-50%}.toast{--tc:var(--muted);white-space:nowrap;background:var(--k);font:800 var(--fs-s) / 1.2 "Rubik", sans-serif;color:#fff;box-shadow:0 0 0 2px #fff, 0 0 0 4.5px var(--k), 3px 4px 0 4.5px var(--k);animation:toast-in .55s var(--spring2) both;border-radius:12px 8px 13px 9px;align-items:center;gap:.6em;padding:.5em 1em .52em .5em;display:flex;rotate:-1.4deg}.toast:nth-child(2n){rotate:1.2deg}.toast:before{content:"";background:var(--tc);width:1.1em;height:1.1em;box-shadow:0 0 0 2px var(--k);border-radius:44% 56% 50% 50%/52% 44% 56% 48%;flex:none}.toast.good{--tc:var(--good)}.toast.bad{--tc:var(--bad)}.toast.gone{animation:toast-out .38s var(--in) forwards}@keyframes toast-in{0%{opacity:0;translate:0 -12px;scale:.7}}@keyframes toast-out{to{opacity:0;translate:0 -8px;scale:.9}}.net{left:50%;bottom:calc(var(--sab) + 4px);color:var(--muted);font-variant-numeric:tabular-nums;z-index:2;font-size:10px;position:absolute;translate:-50%}.rotate{display:none}@media (orientation:portrait) and (pointer:coarse){.game[data-screen=match] .rotate{z-index:70;text-align:center;background:#070a0df2;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.rotate .phone{border:4px solid var(--you);border-radius:10px;width:44px;height:76px;animation:1.8s ease-in-out infinite turn;display:inline-block}.rotate p{margin:16px 0 0;font:400 20px/1.2 Titan One,sans-serif}}@keyframes turn{0%,30%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}@media (height<=500px){.logo{font-size:max(34px, calc(var(--u) * 6))}.btn-xl .btn-sub{display:none}.friends,.room{gap:14px}.big-card>span:not(.big-card-icon){font-size:var(--fs-xs)}.rules{grid-template-columns:repeat(2,minmax(0,1fr))}.rule.controls{grid-column:span 2}.upgrade p{display:none}.pc-stats{grid-template-columns:repeat(4,1fr)}.pc-body{max-height:calc(100dvh - 150px)}.pc-banner{padding-top:12px;padding-bottom:10px}dialog.modal{padding-top:16px;padding-bottom:14px}.modal-badge{display:none}.level-card>span{font-size:var(--fs-xs)}}@media (width<=640px){.home{flex-direction:column!important}.home-side{flex:none;order:-1;align-items:stretch}.profile-panel{grid-template-columns:auto 1fr auto;grid-template-areas:"a who stats";width:100%}.profile-more,.season-chip{display:none}.friends,.room,.difficulty,.upgrades,.rules{grid-template-columns:1fr}.rule.controls{grid-column:auto}.pc-stats{grid-template-columns:repeat(2,1fr)}.screen{touch-action:pan-y;overflow-y:auto}}@container hud (width<=800px){.pcard.is-ranked .tray{display:none}}@container hud (width<=600px){.pcard{gap:6px;padding:0 8px}.pcard .pcard-avatar{width:24px;font-size:13px}.pcard-name small{display:none}.tray{gap:2px}.mini{width:9px}.pcard-ready{min-width:42px}.pcard.is-ranked{grid-template-columns:24px minmax(0,1fr) auto;grid-template-areas:"avatar name ready""avatar stats stats""avatar cool cool";row-gap:2px;height:50px;padding:4px 8px;display:grid}.pcard.is-ranked.rival{grid-template-columns:auto minmax(0,1fr) 24px;grid-template-areas:"ready name avatar""stats stats avatar""cool cool avatar"}.pcard.is-ranked .pcard-body{display:contents}.pcard.is-ranked .pcard-avatar{grid-area:avatar}.pcard.is-ranked .pcard-name{grid-area:name}.pcard.is-ranked.rival .pcard-name{justify-content:flex-end}.pcard.is-ranked .pcard-stats{grid-area:stats}.pcard.is-ranked .pcard-cool{grid-area:cool}.pcard.is-ranked .pcard-ready{grid-area:ready;padding:.3em .5em .25em}}@container hud (width<=460px){.pcard .pcard-avatar{display:none}.pcard.is-ranked{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name ready""stats stats""cool cool"}.pcard.is-ranked.rival{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"ready name""stats stats""cool cool"}}@container hud (width<=400px){.pcard .tray{display:none}}@media (prefers-reduced-motion:reduce){.screen.on .in,.board-row,.pc-stats div{animation-duration:.2s!important;animation-delay:0s!important}.logo-word i,.logo-ball,.btn-primary:before,.btn-online:before,.timer-drip,.result-burst,.big-card-icon,.home-desc i{animation:none!important}.swipe.run{display:none}}