@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;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: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:scale(1.12)}}.btn:focus-visible,.btn.is-down:not(:disabled){color:var(--fill-ink);transform: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: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;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}.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}.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{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;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.accent i{color:var(--you)}.logo-word i:first-child{--i:0}.logo-word i:nth-child(2){--i:1}.logo-word i:nth-child(3){--i:2}.logo-word i:nth-child(4){--i:3}.logo-word i:nth-child(5){--i:4}.logo-word i:nth-child(6){--i:5}.logo-word i:nth-child(7){--i:6}.logo-word i:nth-child(8){--i:7}.logo-word~.logo-word i:first-child{--i:4}.logo-word~.logo-word i:nth-child(2){--i:5}.logo-word~.logo-word i:nth-child(3){--i:6}.logo-word~.logo-word i:nth-child(4){--i:7}.logo-word~.logo-word i:nth-child(5){--i:8}.logo-word~.logo-word i:nth-child(6){--i:9}.logo-word~.logo-word i:nth-child(7){--i:10}.logo-word~.logo-word i:nth-child(8){--i:11}@keyframes letter{0%,to{translate:0}50%{translate:0 -.045em}}.logo-badge{aspect-ratio:1;background:radial-gradient(circle at 34% 28%, #fff7d6 0 8%, var(--a) 36%, var(--a-dark) 100%);width:.9em;box-shadow:0 0 0 .07em var(--k), 0 .08em 0 .07em var(--k);border-radius:50%;place-items:center;margin-left:.06em;animation:2.6s ease-in-out infinite ball-bob;display:grid}.logo-badge 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}}.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)}.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}.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;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)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;background:#0a0f14;border-radius:10px;place-items:center;font-style:normal;display:grid;box-shadow:inset 0 0 0 2px #ffffff24}.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}.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 .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.team-a{background:rgba(var(--you-rgb), .18);color:var(--you)}.room-members li .tag.team-b{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}.choices{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}.choice-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;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}.choice-card.normal{--c:var(--a)}.choice-card.hard{--c:var(--bad)}.choice-card .display{font-size:max(24px, calc(var(--u) * 3.2));color:var(--c)}.choice-card>span{color:var(--muted)}.choice-card .pips{gap:6px;font-style:normal;display:flex}.choice-card .pips>*{background:#ffffff26;border-radius:3px;width:14px;height:14px;rotate:45deg}.choice-card .pips b{background:var(--c);box-shadow:0 0 8px var(--c)}@media (hover:hover){.choice-card:hover{transform:translateY(-5px)scale(1.03)}}.choice-card:active{scale:.96}.choice-card:focus-visible{outline:3px solid var(--a);outline-offset:10px}.item-grid-text{margin-bottom:max(8px, calc(var(--u) * 1));flex-basis:auto}.item-grid{gap:max(10px, calc(var(--u) * 1.4));grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;min-height:0;margin:-10px -8px 0;padding:10px 8px 14px;display:grid}.item-card{gap:max(6px, calc(var(--u) * .7));padding:max(12px, calc(var(--u) * 1.4));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}.item-top{align-items:center;gap:.6em;display:flex}.item-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}.item-card h3{font:400 max(16px, calc(var(--u) * 1.7)) / 1 "Titan One", sans-serif;letter-spacing:.02em;margin:0}.item-card h3 small{font:800 var(--fs-xs) / 1 "Rubik", sans-serif;letter-spacing:.14em;color:var(--muted);margin-top:.3em;display:block}.item-card 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}}.item-card .value{font:400 var(--fs-m) / 1 "Titan One", sans-serif;letter-spacing:.02em;font-variant-numeric:tabular-nums}.item-card .value em{color:#7ff0a8;font-style:normal}.item-card .btn{width:100%}.item-card .btn .btn-icon{width:1.1em;height:1.1em}.item-card.bought{animation:bought .6s var(--spring2)}@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}.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%}.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));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}.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}.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-dots{justify-content:center;align-items:flex-end;gap:10px;height:44px;margin-bottom:12px;display:flex}.search-dots i{width:22px;height:22px;box-shadow:0 0 0 2.5px var(--k);animation:hop .9s var(--out) infinite alternate;background:var(--a);border-radius:44% 56% 50% 50%/52% 44% 56% 48%}.search-dots i:nth-child(2){background:var(--b);animation-delay:.15s}.search-dots i:nth-child(3){background:var(--rival);animation-delay:.3s}@keyframes hop{0%{translate:0;scale:1.08 .92}to{translate:0 -16px;scale:1}}dialog[data-found] .search-dots i{background:var(--good);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}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:0deg;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;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-bars{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px;display:grid}.pc-bars>div{background:#ffffff0d;border-radius:12px;flex-direction:column;gap:6px;padding:8px 10px;display:flex}.pc-bars 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-bars span b{color:#fff;font:400 var(--fs-s) / 1 "Titan One", sans-serif;letter-spacing:0}.pc-bars .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}.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}.tray{gap:3px;min-width:0;margin:-8px;padding:8px;display:flex;overflow:hidden}.pcard-meter{width:100%;max-width:max(120px, calc(var(--u) * 16));background:#ffffff1a;border-radius:999px;height:4px;display:block;position:relative;overflow:hidden}.pcard-meter i{border-radius:inherit;background:var(--c);transform-origin:0;transform:scaleX(var(--fill,1));position:absolute;inset:0}.pcard.rival .pcard-meter i{transform-origin:100%}.pcard-tag{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.lit .pcard-tag{background:var(--c);color:var(--k);box-shadow:0 0 14px rgba(var(--c-rgb), .55)}.pcard.lit{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-tag{animation:tag-pop .5s var(--spring2)}@keyframes tag-pop{0%{scale:1.45}}.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}.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}.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}.item-card 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}.choice-card>span{font-size:var(--fs-xs)}.pc-bars{grid-template-columns:repeat(2,1fr)}}@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,.choices{grid-template-columns:1fr}.item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rules{grid-template-columns:1fr}.rule.controls{grid-column:auto}.pc-bars,.pc-stats{grid-template-columns:repeat(2,1fr)}.screen{touch-action:pan-y;overflow-y:auto}}@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}.pcard-tag{min-width:42px}}@container hud (width<=460px){.pcard .pcard-avatar{display:none}}@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-badge,.btn-primary:before,.btn-online:before,.timer-drip,.result-burst,.big-card-icon,.home-desc i{animation:none!important}.swipe.run{display:none}}:root{--a:#ff9b2f;--a-rgb:255, 155, 47;--a-light:#ffc988;--a-dark:#d26a0c;--a-deep:#6a2c04;--a-ink:#1c0a01;--b:#5ee6d0;--b-rgb:94, 230, 208;--b-light:#b8fff2;--b-dark:#20a892;--b-deep:#0b4d43;--b-ink:#02140f;--you:#ffb347;--you-rgb:255, 179, 71;--rival:#73f0ff;--rival-rgb:115, 240, 255;--k:#0d0a18;--k2:#171127;--k3:#251c3a}html,body{background:radial-gradient(at 50% 30%,#3b2357 0%,#170f2a 60%,#07050d 100%)}.menus .scrim{background:linear-gradient(90deg,#0a0614b8 0%,#0a061440 55%,#0a061400 100%)}.loading{z-index:80;transition:opacity .5s var(--out);background:radial-gradient(at 50% 40%,#3b2357 0%,#120c22 70%);flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;inset:0}.loading.is-done{opacity:0;pointer-events:none}.loading>b{font-size:max(38px, calc(var(--u) * 6));color:var(--a)}.loading-bar{background:#ffffff1a;border-radius:999px;width:min(320px,70%);height:12px;overflow:hidden;box-shadow:inset 0 0 0 2px #ffffff1f}.loading-bar i{height:100%;width:calc(var(--fill,0) * 100%);background:linear-gradient(90deg, var(--a-dark), var(--a));border-radius:inherit;transition:width .25s var(--out);display:block}.loading p{font:700 var(--fs-s) / 1.3 "Rubik", sans-serif;color:var(--muted);margin:0}.look-picker{padding:max(12px, calc(var(--u) * 1.4));min-width:min(100%, max(220px, calc(var(--u) * 24)));gap:8px;max-width:min(100%,340px);display:grid}.look-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.look-name{font-size:max(24px, calc(var(--u) * 3));color:var(--a);text-align:center;flex:1}.look-step{width:max(44px, calc(var(--u) * 4.4));justify-content:center;padding:0}.look-step i{width:1.2em;height:1.2em}.look-stats{font:600 var(--fs-xs) / 1.35 "Rubik", sans-serif;color:var(--muted);margin:0}.room-members.chained{position:relative}.room-members.chained li .look{font:900 var(--fs-xs) / 1 "Rubik", sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.room-members.chained li .tag.registered{background:rgba(var(--a-rgb), .18);color:var(--a)}.room-members.chained li .tag.guest{color:var(--muted);background:#ffffff14}.room-members.chained li .tag.playing{background:rgba(var(--b-rgb), .2);color:var(--b)}.mode-switch{grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 2px;display:grid}.mode-choice{opacity:.62;justify-content:center}.mode-choice.is-on{opacity:1;box-shadow:inset 0 0 0 3px var(--a), 0 4px 0 #00000073}.mode-choice.is-locked{filter:grayscale(.8)}.climb-top{top:calc(var(--sat) + max(6px, calc(var(--u) * .8)));pointer-events:none;animation:hud-drop .7s var(--spring) backwards;flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;left:50%;translate:-50%}.climb-mode{font:900 var(--fs-xs) / 1 "Rubik", sans-serif;letter-spacing:.2em;color:var(--b);background:#0a0614b8;border-radius:999px;padding:.3em .7em;box-shadow:inset 0 0 0 2px #ffffff1f}.climb-mode[data-mode=ranked]{color:var(--a)}.climb-mode[data-mode=practice]{color:var(--muted)}.climb-height{align-items:baseline;gap:3px;display:flex}.climb-height b{font-size:max(44px, calc(var(--u) * 6.4));color:#fff;font-variant-numeric:tabular-nums;line-height:.95}.climb-height b.bump{animation:count-pop .45s var(--spring2)}.climb-height small{font:400 max(18px, calc(var(--u) * 2.2)) / 1 "Titan One", sans-serif;color:var(--a);-webkit-text-stroke:.1em var(--k);paint-order:stroke fill}.climb-meta{font:800 var(--fs-xs) / 1 "Rubik", sans-serif;letter-spacing:.14em;color:var(--muted);text-shadow:0 2px #00000080;gap:10px;display:flex}.climb-time{font-variant-numeric:tabular-nums;color:#fff}.rail{right:calc(var(--sar) + var(--gutter));background:linear-gradient(0deg, #ffffff0f, rgba(var(--a-rgb), .3));pointer-events:none;border-radius:999px;width:10px;position:absolute;top:22%;bottom:22%;box-shadow:inset 0 0 0 2px #ffffff24,0 3px #0000004d}.rail-top{background:var(--a);width:18px;height:18px;box-shadow:0 0 12px rgba(var(--a-rgb), .9), 0 0 0 3px var(--k);border-radius:50%;position:absolute;top:-14px;left:50%;translate:-50%}.rail i{left:50%;bottom:var(--at,0%);border-radius:50%;transition:bottom .25s linear;position:absolute;translate:-50% 50%}.rail-you{background:var(--you);width:18px;height:18px;box-shadow:0 0 0 3px var(--k);z-index:2}.rail-partner{background:var(--b);width:13px;height:13px;box-shadow:0 0 0 3px var(--k);z-index:1}.rail-ghosts i{background:#b8fff28c;width:7px;height:7px}.climb-prompt{left:50%;bottom:calc(var(--sab) + 22%);font-size:max(28px, calc(var(--u) * 4.4));color:var(--b);pointer-events:none;white-space:nowrap;margin:0;animation:1s ease-in-out infinite prompt-pulse;position:absolute;translate:-50%}.climb-prompt[data-urgent="1"]{color:var(--a);animation-duration:.35s}.climb-prompt.is-pop{animation:in-pop .45s var(--spring), prompt-pulse 1s ease-in-out .45s infinite}@keyframes prompt-pulse{50%{scale:1.08}}.partner-tag{box-shadow:inset 0 0 0 2px rgba(var(--b-rgb), .6);font:800 var(--fs-xs) / 1 "Rubik", sans-serif;letter-spacing:.06em;color:var(--b);pointer-events:none;white-space:nowrap;will-change:translate;background:#0a0614b8;border-radius:8px;padding:.25em .6em;position:absolute;top:0;left:0;translate:-50% -100%}.hud .toasts{top:calc(var(--sat) + max(104px, calc(var(--u) * 12)))}@media (pointer:coarse){.rail{top:24%;bottom:calc(var(--sab) + max(150px, calc(var(--u) * 16)))}}.net{display:none}body.debug .net{display:block}.net{left:calc(var(--sal) + var(--gutter));bottom:calc(var(--sab) + 6px);color:#ffffff59;pointer-events:none;margin:0;font:600 10px/1.3 ui-monospace,monospace;position:absolute}.stick{z-index:6;pointer-events:none;background:#ffffff14;border-radius:50%;width:112px;height:112px;margin:-56px 0 0 -56px;position:fixed;box-shadow:inset 0 0 0 3px #ffffff40}.stick i{background:rgba(var(--a-rgb), .85);border-radius:50%;width:48px;height:48px;margin:-24px 0 0 -24px;position:absolute;top:50%;left:50%;box-shadow:0 3px #0006}.jump-button{right:calc(var(--sar) + max(18px, calc(var(--u) * 3)));bottom:calc(var(--sab) + max(18px, calc(var(--u) * 3)));width:max(86px, calc(var(--u) * 10));aspect-ratio:1;background:radial-gradient(circle at 50% 35%, var(--a-light), var(--a) 60%, var(--a-dark));box-shadow:inset 0 0 0 4px var(--k), 0 6px 0 #00000073;color:#fff;font-size:max(18px, calc(var(--u) * 2));cursor:pointer;touch-action:none;border:0;border-radius:50%;position:absolute}.jump-button.held{box-shadow:inset 0 0 0 4px var(--k), 0 2px 0 #00000073;translate:0 3px;scale:.92}.game[data-screen=match] .rail{display:block}@media (prefers-reduced-motion:reduce){.climb-prompt,.climb-prompt.is-pop{animation:none!important}}.sections{width:100%;min-height:0;max-width:calc(var(--u) * 120);gap:max(8px, calc(var(--u) * 1));flex:1;grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr));align-content:start;margin:0 auto;padding:4px 4px 14px;display:grid}.section-card{min-height:max(54px, calc(var(--u) * 5.6));padding:max(8px, calc(var(--u) * .9)) max(12px, calc(var(--u) * 1.4));color:#fff;text-align:left;cursor:pointer;transition:translate .3s var(--spring), box-shadow .2s var(--out);background:linear-gradient(170deg,#2a1f3a,#140f20);border:0;border-radius:14px;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;display:flex;box-shadow:inset 0 0 0 2px #ffffff1f,0 4px #0006}.section-card b{font:400 max(17px, calc(var(--u) * 1.9)) / 1.1 "Titan One", sans-serif;color:var(--a);-webkit-text-stroke:.1em var(--k);paint-order:stroke fill}.section-card span{font:800 var(--fs-xs) / 1 "Rubik", sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.section-card:focus-visible{box-shadow:inset 0 0 0 3px var(--a), 0 4px 0 #0006;outline:none}.section-card:active{scale:.97}@media (hover:hover){.section-card:hover{box-shadow:inset 0 0 0 2px var(--a), 0 6px 0 #0006;translate:0 -2px}}