@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}.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.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 -15px;scale:.85}}.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{--k:#432758;--k2:#594069;--k3:#6f5480;--muted:#806690;--a:#d4f77d;--a-rgb:212, 247, 125;--a-light:#edffb5;--a-dark:#aad647;--a-deep:#749832;--a-ink:#354c20;--b:#59e8ba;--b-rgb:89, 232, 186;--b-light:#bcffe7;--b-dark:#209a78;--b-deep:#177555;--b-ink:#174b3a;--you:#59e8ba;--good:#209a78;--bad:#d55376;--jelly:#59e8ba;color:var(--k);background:#e9dcfa}html,body{background:#e9dcfa}.game{background:radial-gradient(at 75% 30%,#f7eefb 0%,#e9dbf8 44%,#dacbef 80%);container:game/size}.game:before{content:"";pointer-events:none;z-index:1;background:radial-gradient(at 19% 48%,#f8f1ff 0%,#f5ecfcdd 20%,#0000 59%);position:absolute;inset:0}.game[data-screen=match]:before{display:none}#scene{z-index:0}.micro{letter-spacing:.12em;font-size:10px;font-weight:900}.btn{color:var(--k);border:2.5px solid var(--k);--bg:#fff8ff;--fill:#ecdcff;--fill-ink:var(--k);box-shadow:0 5px 0 var(--k);transition:scale .18s var(--spring), transform .3s var(--spring), box-shadow .15s;background:#fff8ff;border-radius:16px}.btn-primary{--bg:var(--a);--fill:#e8ffb8;--fill-ink:var(--k);background:var(--a);color:var(--k);border:3px solid var(--k);box-shadow:inset 0 3px 0 #ffffff90, inset 0 -4px 0 #a8d64480, 0 6px 0 var(--k)}.btn:focus-visible{outline-offset:4px;outline:3px solid #fff}.btn:disabled{opacity:.65}.btn-icon,[data-icon]{flex:none}[data-icon]{width:22px;height:22px;display:inline-block}.screen{padding:0}.home-head{top:calc(var(--sat) + 26px);left:calc(var(--sal) + 36px);right:calc(var(--sar) + 36px);justify-content:space-between;align-items:center;height:48px;display:flex;position:absolute}.studio-mark{color:var(--k);letter-spacing:.13em;align-items:center;gap:10px;font-size:15px;text-decoration:none;display:flex}.studio-mark b>span{letter-spacing:.17em;margin-top:5px;font-size:8px;font-weight:700;display:block}.studio-dots{width:34px;height:33px;display:block;position:relative}.studio-dots i{border:2.5px solid var(--k);background:var(--b);border-radius:50%;width:19px;height:19px;position:absolute}.studio-dots i:first-child{top:0;left:8px}.studio-dots i:nth-child(2){background:#b99afa;bottom:0;left:0}.studio-dots i:nth-child(3){background:var(--a);bottom:0;right:0}.head-actions{gap:12px;display:flex}.utility-btn{background:#ffffff98;border-width:2px;border-radius:14px;gap:8px;min-height:44px;padding:8px 14px;font-size:12px;box-shadow:0 3px #43275840}.icon-only{justify-content:center;width:46px;padding:10px}.home-content{inset:calc(var(--sat) + 105px) calc(var(--sar) + 6.4%) calc(var(--sab) + 68px) calc(var(--sal) + 8%);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:5%;display:grid;position:absolute}.home-left{flex-direction:column;align-items:stretch;width:min(100%,470px);min-width:0;display:flex}.mode-sticker{letter-spacing:.09em;white-space:nowrap;background:#ffffff8a;border:1.5px solid #43275836;border-radius:20px;align-items:center;gap:8px;width:fit-content;max-width:100%;padding:8px 11px;font-size:9px;font-weight:900;display:flex}.mode-sticker i{opacity:.4;font-style:normal}.live-dot{background:#28b98b;border-radius:50%;flex:none;width:7px;height:7px;display:inline-block;position:relative}.live-dot:after{content:"";border:1px solid #28b98b77;border-radius:50%;animation:2s ease-out infinite ping-soft;position:absolute;inset:-3px}@keyframes ping-soft{0%{opacity:.7;scale:.5}80%,to{opacity:0;scale:1.6}}.wordmark{letter-spacing:-.03em;color:var(--a);-webkit-text-stroke:8px var(--k);paint-order:stroke fill;filter:drop-shadow(0 4px 0 var(--k)) drop-shadow(0 3px 0 #fff);align-items:center;gap:0;margin:18px 0 12px -5px;font:400 clamp(72px,10.3vw,152px)/.95 Titan One,sans-serif;display:flex}.wordmark span{transform-origin:50% 80%;animation:3.6s ease-in-out infinite letter-wobble;display:block}.wordmark span:nth-child(2){animation-delay:-.4s}.wordmark span:nth-child(3){animation-delay:-.8s}.wordmark span:nth-child(4){animation-delay:-1.2s}.wordmark span:nth-child(5){animation-delay:-1.6s}.wordmark span:last-child{color:#ff9bb2;animation-delay:-2s;rotate:8deg}@keyframes letter-wobble{0%,to{translate:0;rotate:-1deg}50%{translate:0 -4px;rotate:1.5deg}}.home-title{letter-spacing:-.025em;margin:6px 0 12px;font:400 clamp(25px,2.65vw,38px)/1.13 Titan One,sans-serif}.home-description{color:#7b628c;margin:0 0 20px;font-size:clamp(12px,1.1vw,16px);font-weight:600;line-height:1.5}.play-panel{gap:11px;display:grid}.name-field{border:2px solid var(--k);background:#fffbff;border-radius:15px;align-items:center;gap:13px;min-height:57px;padding:10px 15px;display:flex;box-shadow:0 3px #43275820}.name-field:focus-within{outline-offset:3px;outline:3px solid #b89edb}.name-icon{width:32px;height:32px;color:var(--b-dark)}.name-field>span:nth-child(2){flex:1;min-width:0}.name-field small{letter-spacing:.1em;color:#9a82ac;font-size:8px;font-weight:900;display:block}.name-field input{width:100%;color:var(--k);-webkit-user-select:text;user-select:text;background:0 0;border:none;outline:none;padding:4px 0 0;font-size:16px;font-weight:800}.name-field input::placeholder{color:#9d87aa}.name-pencil{color:#ae96bf;width:17px;height:17px}.play-btn{border-radius:18px;gap:17px;width:100%;min-height:79px;padding:13px 22px}.play-btn .btn-icon{width:31px;height:31px}.play-btn .btn-label{letter-spacing:.025em;font:400 clamp(22px,2.3vw,32px)/1 Titan One,sans-serif}.play-btn .btn-sub{opacity:.72;margin-top:6px;font-size:10px;font-weight:700}.play-arrow{width:27px;height:27px;margin-left:auto}.practice-btn{background:#ffffff6b;border:1.5px solid #43275836;border-radius:13px;justify-content:center;gap:9px;width:100%;min-height:44px;font-size:11px;box-shadow:0 3px #43275815}.practice-btn [data-icon]{width:17px;height:17px}.offline-tag{color:#9b83ac;letter-spacing:.06em;background:#ece2f6;border-radius:5px;padding:4px 6px;font-size:7px;font-weight:900}.flavor-caption{letter-spacing:.1em;justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px;font-size:8px;display:flex}.flavor-caption span{color:#9278a5;letter-spacing:0;font-size:10px;font-weight:600}.flavor-swatches{gap:8px;display:flex}.flavor-swatch{cursor:pointer;width:44px;min-height:44px;color:var(--k);transition:scale .3s var(--spring), border-color .2s;background:#fff8ff66;border:2px solid #bda9d0;border-radius:50%;place-items:center;padding:5px;display:grid}.flavor-swatch i{border:1px solid #43275830;border-radius:43% 57% 46% 54%;width:29px;height:29px;position:relative}.flavor-swatch i:before,.flavor-swatch i:after{content:"";background:var(--k);border-radius:50%;width:3px;height:4px;position:absolute;top:10px}.flavor-swatch i:before{left:8px}.flavor-swatch i:after{right:8px}.flavor-swatch[aria-pressed=true]{border-color:var(--k);box-shadow:0 3px 0 var(--k);background:#fff;scale:1.07}.flavor-swatch:focus-visible{outline-offset:2px;outline:3px solid #fff}@media (hover:hover){.flavor-swatch:hover{scale:1.12}}.home-status{color:#9278a5;min-height:14px;margin:14px 0 0;font-size:10px;line-height:1.35}.home-status.is-error{color:#b74267}.home-right{pointer-events:none;align-self:stretch;min-width:0;position:relative}.hero-note{color:#85679f;align-items:center;gap:10px;font:400 18px/1.15 Titan One,sans-serif;display:flex;position:absolute;top:6%;left:15%;rotate:-9deg}.sparkle{color:#b39ad2;font-size:42px}.doodle-arrow{font-family:sans-serif;font-size:54px;position:absolute;top:22px;right:-44px}.hero-tag{border:2.5px solid var(--k);min-width:210px;box-shadow:0 5px 0 var(--k);letter-spacing:.045em;background:#fff8ee;border-radius:13px;justify-content:center;align-items:center;gap:10px;padding:12px 16px;font-size:12px;font-weight:900;display:flex;position:absolute;top:59%;left:20%;rotate:-5deg}.tiny-blob{background:var(--jelly);border:2px solid var(--k);border-radius:45% 55% 40% 44%;width:22px;height:21px;position:relative}.tiny-blob:after{content:"••";letter-spacing:3px;color:var(--k);font-size:10px;position:absolute;top:0;left:4px}.hero-tag-star{color:#e8b54b;margin-left:auto;font-size:19px}.hero-caption{position:absolute;top:75%;left:28%;rotate:3deg}.hero-caption span{letter-spacing:.16em;color:#9172ac;margin-bottom:4px;font-size:9px;font-weight:900;display:block}.hero-caption b{color:#7b5b96;font-family:Titan One,sans-serif;font-size:18px;font-weight:400}.floating-star{color:#ac8ecc;animation:5s ease-in-out infinite star-drift;position:absolute}.star-one{font-size:27px;top:40%;left:3%;rotate:12deg}.star-two{font-size:58px;animation-delay:-2s;top:21%;right:-5%}.star-three{color:#c29bd5;font-size:22px;animation-delay:-1s;top:73%;right:6%}@keyframes star-drift{50%{translate:0 -10px;rotate:12deg}}.home-foot{left:calc(var(--sal) + 36px);right:calc(var(--sar) + 36px);bottom:calc(var(--sab) + 22px);color:#947ca5;justify-content:space-between;align-items:center;gap:14px;font-size:9px;display:flex;position:absolute}.home-foot>div{letter-spacing:.06em;align-items:center;gap:10px;display:flex}.home-foot>span{align-items:center;gap:14px;display:flex}.home-foot i{font-size:14px;font-style:normal}.home-foot b{font-size:8px}.tiny-orbit{border:1.5px solid #947ca5;border-radius:50%;width:17px;height:17px;position:relative}.tiny-orbit:after{content:"";background:#947ca5;border-radius:50%;width:5px;height:5px;position:absolute;top:0;right:-3px}.menus[data-view]:not([data-view=home]) .scrim{background:#eee3f8f5}.sub-head{padding:calc(var(--sat) + 30px) calc(var(--sar) + 6%) 24px calc(var(--sal) + 6%);align-items:center;gap:25px;display:flex}.sub-head h2{margin:6px 0 0;font:400 clamp(22px,3vw,42px)/1.15 Titan One,sans-serif}.back{width:auto;min-width:90px;box-shadow:0 4px 0 var(--k);border:2px solid var(--k);background:#fffbff;border-radius:14px;gap:7px;padding:10px 14px;font-size:11px}.rules-body{padding:6px calc(var(--sar) + 6%) calc(var(--sab) + 24px) calc(var(--sal) + 6%);min-height:0}.rules-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.gloop-rule{border:2.5px solid var(--k);background:#fff9ff;border-radius:23px;padding:17px 21px 22px;position:relative;box-shadow:0 6px #c4aad7}.gloop-rule:nth-child(2){rotate:1deg}.gloop-rule:nth-child(3){rotate:-1deg}.gloop-rule h3{margin:13px 0 10px;font:400 22px/1.2 Titan One,sans-serif}.gloop-rule p{color:#826591;margin:0;font-size:12px;line-height:1.6}.step-number{color:#bba3cf;font:400 18px/1 Titan One,sans-serif;position:absolute;top:15px;right:15px}.rule-art{grid-template-columns:repeat(3,27px);place-content:center;gap:5px;height:145px;display:grid;position:relative}.rule-art i{clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);background:#e5ece7;border:2px solid #c9d9d3;border-radius:0;width:27px;height:27px;box-shadow:0 3px #cbb2df}.loop-art{grid-template-columns:repeat(4,24px)}.loop-art i{background:#d9f9eb;border-color:#59dbae;width:24px;height:24px}.loop-art:after{content:"";border:6px dotted #59dbae;border-left:none;border-radius:0 14px 14px 0;width:80px;height:40px;position:absolute;top:66px;left:calc(50% - 23px)}.art-blob{z-index:1;background:var(--b);border:2px solid var(--k);border-radius:40% 50% 44% 44%;width:32px;height:29px;position:absolute;top:63px;left:calc(50% + 44px);rotate:-12deg}.art-blob:after{content:"••";letter-spacing:4px;font-weight:900;position:absolute;top:3px;left:8px}.capture-art i{background:#b8f59e;border-color:#9edf8a}.capture-art span{color:#fff;-webkit-text-stroke:4px var(--k);paint-order:stroke fill;font:400 32px/1 Titan One;position:absolute;top:50%;left:50%;translate:-50% -50%;rotate:-10deg}.crown-art{flex-direction:column;gap:4px;display:flex}.crown-art [data-icon]{color:#e3b13e;filter:drop-shadow(0 3px #a67b31);width:60px;height:50px;rotate:-8deg}.crown-art b{font:400 32px/1 Titan One,sans-serif}.crown-art i{width:auto;height:auto;box-shadow:none;letter-spacing:.09em;background:0 0;border:none;font-size:8px;font-style:normal;font-weight:900}.totem-guide{background:#fff8ff80;border:1.5px solid #43275830;border-radius:19px;align-items:center;gap:28px;margin-top:26px;padding:22px;display:flex}.totem-guide>div:first-child{flex:none;width:200px}.totem-guide h3{margin:8px 0;font:400 22px/1.1 Titan One,sans-serif}.totem-guide p{color:#9475a5;margin:0;font-size:11px;line-height:1.4}.totem-guide-list{flex:1;grid-template-columns:repeat(5,minmax(0,1fr));gap:17px;display:grid}.guide-totem{text-align:center;min-width:0}.guide-totem>span{border:2px solid var(--k);border-radius:14px;place-items:center;width:44px;height:44px;margin:0 auto 7px;padding:10px;display:grid;box-shadow:0 3px #4327583d}.guide-totem b{font-size:11px;display:block}.guide-totem small{color:#9271a4;margin-top:3px;font-size:9px;line-height:1.4;display:block}.rules-tip{color:#9475a5;justify-content:center;align-items:center;gap:9px;margin:22px 0 0;font-size:11px;display:flex}.finding-screen.on{justify-content:center;align-items:center}.finding-card{border:3px solid var(--k);box-shadow:0 8px 0 var(--k);text-align:center;background:#fff9ff;border-radius:30px;width:min(490px,100% - 50px);padding:36px}.finding-card h2{margin:12px 0;font:400 28px/1.25 Titan One}.finding-card p{color:#9275a5;margin:10px 0 24px;font-size:13px}.finding-card .btn{justify-content:center;margin:0 auto}.finding-blob{border:3px solid var(--k);background:var(--jelly);border-radius:46% 54% 44% 40%;width:88px;height:78px;margin:0 auto 26px;animation:1s ease-in-out infinite jelly-squash;position:relative;box-shadow:inset -7px -8px #43275815,inset 6px 6px #ffffff40}.finding-blob span{background:#fff;border-radius:50%;width:18px;height:23px;position:absolute;top:29px}.finding-blob span:first-child{left:20px}.finding-blob span:last-child{right:20px}.finding-blob span:after{content:"";background:var(--k);border-radius:50%;width:8px;height:11px;position:absolute;top:7px;left:5px}@keyframes jelly-squash{0%,to{translate:0;scale:1.05 .95}50%{translate:0 -10px;scale:.95 1.05}}.swipe-a{box-shadow:0 0 0 12px var(--k);background:#c09be7}.swipe-b{background:var(--jelly)}.blob-labels{pointer-events:none;z-index:2;position:absolute;inset:0;overflow:hidden}.blob-label{text-overflow:ellipsis;white-space:nowrap;color:#fff;background:#432758af;border:1.5px solid #fff6;border-radius:8px;max-width:160px;padding:5px 9px;font-size:11px;font-weight:900;position:absolute;top:0;left:0;overflow:hidden;transform:translate(-50%,-100%)}.blob-label.is-you{color:var(--k);border:2px solid var(--k);letter-spacing:.12em;background:#fffcf2;font-size:9px;box-shadow:0 2px #43275860}.hud-top{left:calc(var(--sal) + 83px);right:calc(var(--sar) + 21px);top:calc(var(--sat) + 18px);width:auto;padding:0;position:absolute;container:hud/inline-size}.hud-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:start;gap:15px;display:grid}.territory-card{border:2px solid var(--k);background:#fffbfff5;border-radius:17px;width:246px;min-width:0;max-width:100%;padding:10px 14px;box-shadow:0 4px #43275840}.territory-copy{justify-content:space-between;align-items:center;gap:10px;display:flex}.territory-copy .micro{min-width:0;font-size:10px;line-height:1.35}.territory-copy strong{white-space:nowrap;font-variant-numeric:tabular-nums;font:400 32px/1 Titan One}.territory-copy strong span{font-size:14px}.territory-track{background:#e8dcf0;border-radius:10px;height:7px;margin:8px 0 5px;position:relative;overflow:hidden}.territory-track>span{background:var(--jelly);border-radius:inherit;width:0;height:100%;transition:width .4s var(--spring);display:block}.territory-track i{border-left:1px dashed var(--k);height:100%;position:absolute;top:0;left:99%}.territory-card small{letter-spacing:.06em;color:#a58bae;font-size:10px;font-weight:900}.crown-status{background:#fff8e9ee;border:2px solid #43275850;border-radius:15px;justify-self:center;align-items:center;gap:10px;min-width:0;max-width:100%;padding:10px 15px;display:flex;box-shadow:0 3px #43275820}.crown-status>[data-icon]{color:#d3a147;width:30px;height:30px}.crown-status div{min-width:0}.crown-status b{letter-spacing:.06em;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:900;display:block;overflow:hidden}.crown-status small{color:#a08769;white-space:nowrap;margin-top:4px;font-size:11px;display:block}.crown-status strong{font:400 20px/1 Titan One}.crown-status.is-royal{background:#fff3c1;border-color:#bd953f}.live-card{background:#fff8ffe0;border:1.5px solid #43275830;border-radius:14px;grid-template-columns:auto 1fr;align-items:center;column-gap:6px;padding:10px 12px;display:grid}.live-card b{letter-spacing:.08em;font-size:11px}.live-card small{color:#9d7eae;grid-column:1/3;margin-top:5px;font-size:10px}.hud-leave{left:calc(var(--sal) + 20px);top:calc(var(--sat) + 18px);border:2px solid var(--k);width:48px;height:48px;color:var(--k);background:#fff9ff;border-radius:16px;box-shadow:0 4px #43275840}.leaderboard{right:calc(var(--sar) + 21px);top:calc(var(--sat) + 112px);border:2px solid var(--k);pointer-events:none;background:#fff8ffed;border-radius:18px;width:224px;position:absolute;overflow:hidden;box-shadow:0 4px #43275836}.board-head{border-bottom:1px solid #decde9;align-items:center;gap:7px;padding:13px 14px 10px;display:flex}.board-head [data-icon]{color:#a988c4;width:18px;height:18px}.board-head b{letter-spacing:.055em;font-size:11px}.board-head>span:last-child{color:#b498c5;margin-left:auto;font-size:9px}.leaderboard ol{margin:0;padding:7px;list-style:none}.leaderboard li{border-radius:9px;align-items:center;gap:7px;padding:10px 6px;font-size:12px;display:flex}.leaderboard li.is-you{background:#dbfaeb}.board-rank{color:#b59bc5;width:16px;font-size:9px;font-weight:900}.board-color{border:1px solid #43275830;border-radius:50%;width:8px;height:8px}.board-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-weight:800;overflow:hidden}.board-score{font-size:11px;font-weight:700}.hud-bottom{bottom:calc(var(--sab) + 22px);left:calc(var(--sal) + 20px);right:calc(var(--sar) + 210px);justify-content:space-between;align-items:center;gap:18px;display:flex;position:absolute;container:bottom/inline-size}.powers{gap:7px;display:flex}.power-btn{color:#b39ac7;background:#ede1f6ed;border:2px solid #9d80b4;border-radius:14px;width:44px;height:44px;min-height:44px;padding:10px;position:relative;box-shadow:0 3px #43275830}.power-btn.is-owned{color:var(--k);border-color:var(--k);animation:owned-pop .5s var(--spring)}.power-btn.is-owned:before{content:"";background:#219977;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:-3px;right:-3px}@keyframes owned-pop{0%{scale:.6}}.safety-pill{color:#337457;white-space:nowrap;pointer-events:none;background:#e4fff0ec;border:1.5px solid #43275830;border-radius:12px;align-items:center;gap:7px;min-width:0;max-width:100%;padding:11px 14px;display:flex}.safety-pill b{letter-spacing:.045em;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.safety-pill small{letter-spacing:.06em;opacity:.7;margin-top:4px;font-size:9px;font-weight:700;display:block}#safety-dot{background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.safety-pill.is-exposed{color:#c05879;background:#fff0f4f5;border-color:#e1a6ba}.mini-wrap{bottom:calc(var(--sab) + 21px);right:calc(var(--sar) + 21px);border:2px solid var(--k);pointer-events:none;background:#fff9ffed;border-radius:17px;width:165px;padding:10px;position:absolute;box-shadow:0 4px #43275830}#minimap{border-radius:8px;width:100%;height:auto;display:block;position:static}.mini-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:7px;font-size:9px;display:flex}.mini-head b{letter-spacing:.09em}.mini-head span{color:#a48cbb;font-size:8px}.mini-caption{text-align:center;color:#aa8abb;letter-spacing:.05em;margin-top:6px;font-size:6px;font-weight:800;display:block}.control-hint{bottom:calc(var(--sab) + 78px);color:#9577a9;white-space:nowrap;pointer-events:none;align-items:center;gap:5px;font-size:10px;font-weight:700;transition:opacity 1s;display:flex;position:absolute;left:50%;translate:-50%}.control-hint.is-quiet{opacity:0}.hint-desktop{align-items:center;gap:5px;display:flex}.control-hint i{color:#ae95be;margin:0 5px;font-style:normal}.control-hint kbd{background:#fff9ff9c;border:1px solid #bca2cc;border-radius:5px;place-items:center;width:22px;height:22px;font:700 9px Rubik;display:grid}.mouse-icon{border:1.5px solid #9577a9;border-radius:7px;width:14px;height:19px;margin-right:3px;position:relative}.mouse-icon:after{content:"";border-left:1.5px solid #9577a9;height:4px;position:absolute;top:3px;left:5px}.hint-touch{display:none}.joystick{pointer-events:none;background:#43275823;border:2px solid #ffffffb0;border-radius:50%;width:112px;height:112px;position:absolute;transform:translate(-50%,-50%)}#stick-thumb{background:#fff8ffb0;border:2px solid #43275880;border-radius:50%;width:44px;height:44px;position:absolute;top:34px;left:34px}.gloop-toasts{pointer-events:none;flex-direction:column;align-items:center;gap:9px;display:flex;position:absolute;top:24%;left:50%;translate:-50%}.gloop-toast{border:2px solid var(--k);animation:toast-pop .5s var(--spring) backwards;background:#fcfff0;border-radius:16px;padding:12px 20px;font:400 20px/1.15 Titan One;rotate:-3deg;box-shadow:0 4px #43275850}.gloop-toast.is-leaving{animation:.3s ease-in forwards toast-out}@keyframes toast-pop{0%{opacity:0;translate:0 18px;scale:.3}}.round-banner{text-align:center;pointer-events:none;border:3px solid var(--k);box-shadow:0 7px 0 var(--k);animation:toast-pop .6s var(--spring);background:#fff5d9f5;border-radius:30px;padding:28px;position:absolute;inset:30% 10% auto}.round-banner [data-icon]{color:#dbb549;width:65px;height:50px}.round-banner strong{margin:10px 0;font:400 clamp(24px,4vw,50px)/1.2 Titan One;display:block}.round-banner small{color:#927949;font-size:12px}.gloop-modal{border:3px solid var(--k);color:var(--k);box-shadow:0 8px 0 var(--k), 0 0 0 5px white;width:min(440px,100% - 48px);max-height:calc(100% - var(--sat) - var(--sab) - 40px);text-align:center;background:#fff9ff;border-radius:28px;padding:36px 30px 27px;overflow:visible}.gloop-modal::backdrop{background:#432758a8}.gloop-modal h2{margin:14px 0 12px;font:400 30px/1.18 Titan One}.gloop-modal p{color:#9475a5;margin:12px 0 24px;font-size:13px;line-height:1.55}.gloop-modal .modal-badge{background:var(--b);width:60px;height:60px;margin:-66px auto 27px;padding:14px}.gloop-modal .modal-x{background:#fff9ff}.modal-done{justify-content:center;width:100%;min-height:50px;font:400 16px/1 Titan One}.secondary-btn{--fill:#ecdcff;color:var(--k);background:#f0e4fa;justify-content:center;font-size:11px;font-weight:900}.modal-buttons{gap:12px}.modal-buttons .btn{justify-content:center;min-height:50px;padding:10px;font-size:11px}.settings-list{text-align:left;margin:25px 0}.settings-list label{border-bottom:1px solid #e8d9f1;justify-content:space-between;align-items:center;gap:10px;min-height:62px;display:flex}.settings-list b{font-size:12px}.settings-list small{color:#a489b4;margin-top:5px;font-size:10px;display:block}.settings-list input[type=checkbox]{appearance:none;cursor:pointer;background:#d8c5e7;border:2px solid #aa8bbf;border-radius:15px;flex:none;width:44px;height:26px;position:relative}.settings-list input[type=checkbox]:after{content:"";width:18px;height:18px;transition:translate .2s var(--spring);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 2px #43275825}.settings-list input:checked{background:var(--b);border-color:#38ac89}.settings-list input:checked:after{translate:17px}.settings-list input:focus-visible,.settings-list select:focus-visible{outline-offset:3px;outline:3px solid #b19ac6}.settings-list select{max-width:155px;min-height:44px;color:var(--k);background:#f5edfb;border:1.5px solid #b19ac6;border-radius:9px;padding:7px;font-size:10px}.respawn-modal{isolation:isolate;overflow:hidden}.respawn-modal h2{font-size:40px;position:relative}.respawn-modal h2 em{color:#e46a90;-webkit-text-stroke:2px var(--k);paint-order:stroke fill;font-style:normal}.splat-decoration{z-index:-1;background:#fee5ed;border-radius:48% 38% 52% 35%/46% 50% 43% 39%;width:260px;height:175px;position:absolute;top:11px;left:50%;translate:-50%;rotate:-8deg}.run-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:23px 0;display:grid}.run-stats>div{background:#f0e4f7;border-radius:12px;padding:13px 6px}.run-stats b{font:400 23px/1 Titan One;display:block}.run-stats span{color:#a489b4;margin-top:7px;font-size:7px;font-weight:900;display:block}.text-btn{box-shadow:none;color:#a187b1;background:0 0;border:none;justify-content:center;min-height:44px;margin:8px auto -5px;font-size:11px;font-weight:800}@container hud (width<=600px){.hud-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:10px}.territory-card{border-radius:13px;width:195px;padding:8px 10px}.territory-copy strong{font-size:22px}.territory-copy .micro{font-size:9px}.territory-card small{display:none}.crown-status{gap:7px;padding:9px 10px}.crown-status>[data-icon]{width:23px;height:23px}.crown-status b,.crown-status small{font-size:9px}.crown-status strong{font-size:16px}.live-card{padding:9px}}@container hud (width<=430px){.hud-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.live-card{display:none}.territory-copy .micro{font-size:8px}.crown-status small{display:none}.crown-status b{font-size:8px}.crown-status>[data-icon]{width:19px;height:19px}}@container bottom (width<=530px){.safety-pill{padding:9px}.safety-pill b{font-size:9px}.safety-pill small{display:none}.hud-bottom{gap:10px}.powers{gap:5px}}@container bottom (width<=400px){.safety-pill{display:none}}@container game (width<=1000px){.home-content{left:calc(var(--sal) + 6%);right:calc(var(--sar) + 4%);gap:3%}.wordmark{-webkit-text-stroke:6px var(--k);font-size:10.3cqw}.hero-tag{min-width:185px;font-size:10px;left:8%}.hero-note{font-size:15px}.hero-caption{left:15%}.hero-caption b{font-size:15px}.leaderboard{width:180px}}@container game (width<=900px){.leaderboard{display:none}}@container game (height<=560px){.home-head{top:calc(var(--sat) + 13px);height:42px;left:calc(var(--sal) + 24px);right:calc(var(--sar) + 24px)}.home-content{top:calc(var(--sat) + 72px);bottom:calc(var(--sab) + 39px)}.home-left{max-width:385px}.mode-sticker{gap:6px;padding:5px 8px;font-size:7px}.wordmark{margin-top:10px;margin-bottom:8px;font-size:min(10cqw,95px)}.home-title{margin:3px 0 7px;font-size:24px}.home-title br{display:none}.home-description{margin:0 0 10px;font-size:10px}.home-description br{display:none}.name-field{gap:10px;min-height:47px;padding:6px 12px}.name-field input{font-size:14px}.name-field small{font-size:7px}.play-panel{gap:8px}.play-btn{border-radius:15px;min-height:62px;padding:10px 17px}.play-btn .btn-label{font-size:24px}.play-btn .btn-sub{margin-top:4px;font-size:8px}.flavor-picker{margin-top:12px}.flavor-caption{margin-bottom:6px}.home-status{margin-top:9px;font-size:8px}.home-foot{bottom:calc(var(--sab) + 10px);left:calc(var(--sal) + 24px);right:calc(var(--sar) + 24px)}.hero-note{top:2%}.hero-tag{top:58%}.hero-caption{top:81%}.mini-wrap{width:125px;padding:8px}.mini-caption{display:none}.hud-bottom{right:calc(var(--sar) + 159px);bottom:calc(var(--sab) + 15px)}.control-hint{bottom:calc(var(--sab) + 68px)}.sub-head{padding-top:calc(var(--sat) + 16px);padding-bottom:14px}.sub-head h2{font-size:25px}.rule-art{height:92px}.gloop-rule{padding:10px 15px 16px}.gloop-rule h3{font-size:17px}.gloop-rule p{font-size:10px}.totem-guide{margin-top:16px;padding:14px}.totem-guide h3{font-size:17px}.gloop-modal{max-height:calc(100% - 24px);padding:24px}.gloop-modal h2{margin:10px 0;font-size:25px}.gloop-modal .modal-badge{width:45px;height:45px;margin:-42px auto 15px;padding:10px}.settings-list{margin:12px 0}.settings-list label{min-height:52px}.respawn-modal h2{font-size:32px}.respawn-modal p{margin:8px 0 15px}.run-stats{margin:14px 0;padding:0}.run-stats>div{padding:10px 5px}}@container game (height<=430px){.gloop-toasts{top:calc(var(--sat) + 84px)}.gloop-toast{padding:10px 14px;font-size:14px}.home-content{top:calc(var(--sat) + 63px);bottom:calc(var(--sab) + 35px)}.mode-sticker{display:none}.wordmark{margin:0 0 8px -2px;font-size:min(9cqw,76px)}.home-title{margin:0 0 10px;font-size:18px}.home-description{display:none}.play-btn{min-height:56px}.play-btn .btn-label{font-size:21px}.flavor-picker{margin-top:11px}.flavor-caption{display:none}.home-status{margin:8px 0 0}.hero-note{font-size:12px;top:0;left:5%}.sparkle{font-size:26px}.doodle-arrow{font-size:40px;right:-35px}.hero-tag{min-width:175px;padding:9px 12px;top:62%}.hero-caption,.home-foot>span{display:none}.studio-mark{font-size:12px}.studio-mark b>span{display:none}.mini-wrap{width:108px;right:calc(var(--sar) + 16px);bottom:calc(var(--sab) + 15px)}.mini-head{display:none}.hud-bottom{right:calc(var(--sar) + 136px)}.control-hint{bottom:calc(var(--sab) + 64px);font-size:8px}.territory-track{margin:6px 0 1px}.gloop-modal .modal-badge{display:none}.gloop-modal{padding:22px}}@container game (width<=700px) and (height>=500px){.mini-head span{display:none}.home-content{inset:calc(var(--sat) + 104px) calc(var(--sar) + 26px) calc(var(--sab) + 65px) calc(var(--sal) + 26px);display:block}.home-left{max-width:370px;margin:0 auto}.home-right{display:none}.wordmark{margin:25px 0 22px;font-size:min(21cqw,130px)}.home-title{font-size:32px}.home-description{font-size:13px}.home-head{left:calc(var(--sal) + 22px);right:calc(var(--sar) + 22px)}.utility-btn b{display:none}.utility-btn{justify-content:center;width:44px;padding:10px}.mode-sticker{font-size:7px}.home-foot{left:calc(var(--sal) + 22px);right:calc(var(--sar) + 22px)}.home-foot>span{display:none}.rules-grid{grid-template-columns:1fr}.gloop-rule{grid-template-columns:90px 1fr;column-gap:12px;padding:17px;display:grid}.rule-art{grid-row:1/3;height:100%;min-height:115px;scale:.8}.gloop-rule h3{font-size:20px}.gloop-rule p{font-size:11px}.step-number{display:none}.sub-head{padding:calc(var(--sat) + 20px) 22px 20px;gap:14px}.sub-head h2{font-size:24px}.sub-head .micro{font-size:7px}.totem-guide{flex-direction:column;gap:15px}.totem-guide>div:first-child{text-align:center;width:100%}.totem-guide-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:100%}.rules-tip{font-size:10px;line-height:1.4}.hud-top{left:calc(var(--sal) + 75px);right:calc(var(--sar) + 16px);top:calc(var(--sat) + 16px)}.hud-leave{left:calc(var(--sal) + 16px)}.hud-bottom{bottom:calc(var(--sab) + 19px);right:calc(var(--sar) + 145px);left:calc(var(--sal) + 16px)}.mini-wrap{width:112px}.powers{flex-wrap:wrap;max-width:145px}.control-hint{bottom:calc(var(--sab) + 180px);font-size:9px}}@media (pointer:coarse){.control-hint>:not(.hint-touch){display:none}.hint-touch{display:block}}@media (prefers-reduced-motion:reduce){.wordmark span,.floating-star,.finding-blob,.live-dot:after{animation:none}.gloop-toast,.round-banner,.power-btn.is-owned{animation-duration:10ms}}.game.is-calm .wordmark span,.game.is-calm .floating-star,.game.is-calm .finding-blob,.game.is-calm .live-dot:after{animation:none}.menus[data-view=home] .scrim{background:linear-gradient(90deg,#f4eafbee 0%,#f4eafbde 30%,#f4eafb80 46%,#0000 68%)}.home-content{grid-template-rows:minmax(0,1fr)}.wordmark{margin:12px 0 10px -4px;font-size:clamp(72px,8.8vw,126px)}.home-title{margin:3px 0 10px;font-size:clamp(22px,1.9vw,28px)}.home-title br{display:none}.home-description{margin-bottom:16px;font-size:12px;line-height:1.4}.home-description br{display:none}.name-field{min-height:50px;padding:8px 14px}.play-btn{min-height:69px}.play-btn .btn-label{font-size:27px}.flavor-picker{margin-top:15px}.home-status{margin-top:10px}.hud-top{grid-template-columns:none;display:block}.board-score{color:var(--k)}@container game (height<=560px){.wordmark{margin:4px 0 10px -3px;font-size:min(9cqw,85px)}.home-title{margin:0 0 9px;font-size:20px}.home-description{display:none}.name-field{min-height:45px;padding:6px 11px}.play-btn{min-height:57px}.play-btn .btn-label{font-size:23px}.flavor-picker{margin-top:10px}}@container game (height<=430px){.wordmark{margin:0 0 9px -3px;font-size:min(9cqw,74px)}.home-title{margin-bottom:9px;font-size:17px}.name-field{min-height:44px}.play-btn{min-height:54px}.play-btn .btn-label{font-size:21px}.flavor-picker{width:270px;margin:0;position:absolute;bottom:0;right:1%}.home-status,.mode-sticker{display:none}.flavor-swatches{justify-content:center;gap:5px}}@container game (height<=370px){.wordmark{-webkit-text-stroke:5px var(--k);margin:0 0 9px -2px;font-size:59px}.home-title{display:none}.home-content{top:calc(var(--sat) + 59px)}.flavor-picker{width:244px;bottom:-3px}.flavor-swatches{gap:0}.flavor-swatch{width:40px;min-height:44px;padding:4px}.hero-tag{min-width:160px;padding:8px 10px;font-size:9px;top:51%;left:0}}@container game (width<=700px) and (height>=500px){.menus[data-view=home] .scrim{background:#f4eafbe8}.wordmark{margin:20px 0;font-size:min(21cqw,117px)}.home-title{font-size:28px}.home-title br{display:block}.home-description{font-size:12px}.play-btn{min-height:75px}}@container game (height<=370px){.play-btn{gap:9px;padding:9px 11px}.play-btn .btn-icon{width:22px;height:22px}.play-btn .play-arrow{width:20px;height:20px}.play-btn .btn-label{font-size:19px}.flavor-picker{width:264px}.flavor-swatch{width:44px;min-height:44px}}.account-btn{max-width:190px}.account-btn b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-btn.is-signed-in{background:#d8f9e9}.auth-modal .auth-status{color:#805c99;min-height:16px;margin:12px 0 0;font-weight:700}.auth-modal .modal-done{align-items:center;text-decoration:none;display:flex}.records-screen.on{flex-direction:column;display:flex}.records-screen .sub-head{flex:none}.records-content{width:min(760px, calc(100% - var(--sal) - var(--sar) - 64px));margin:0 auto calc(var(--sab) + 24px);border:3px solid var(--k);background:#fff9ff;border-radius:26px;flex-direction:column;gap:14px;min-height:0;padding:18px 22px;display:flex;box-shadow:0 7px #c4aad7}.records-intro{flex:none;align-items:center;gap:12px;display:flex}.records-intro>[data-icon]{color:#a074ba;width:32px;height:32px}.records-intro p{flex:1;margin:0;font-size:14px;font-weight:800}.records-intro small{color:#9475a5;margin-top:5px;font-size:11px;font-weight:600;display:block}.records-state{text-align:center;color:#806195;padding:28px 12px;font:400 21px/1.35 Titan One}.records-table{border:1px solid #e4d1ef;border-radius:14px;min-height:0;overflow-y:auto}.records-columns,.records-table li{grid-template-columns:55px minmax(0,1fr) 100px;align-items:center;gap:12px;display:grid}.records-columns{letter-spacing:.1em;z-index:1;background:#f0e2f8;padding:12px 16px;font-size:9px;font-weight:900;position:sticky;top:0}.records-columns>:last-child{text-align:right}.records-table ol{margin:0;padding:5px 8px;list-style:none}.records-table li{border-radius:9px;min-height:44px;padding:10px 8px}.records-table li.is-you{background:#dbfaeb}.record-rank{color:#b293c6;font:400 18px/1 Titan One}.records-table li[data-rank="1"] .record-rank{color:#dbad46}.records-table li[data-rank="2"] .record-rank{color:#8b9ba5}.records-table li[data-rank="3"] .record-rank{color:#c08159}.record-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:800;overflow:hidden}.record-score{text-align:right;font-variant-numeric:tabular-nums;font:400 18px/1 Titan One}.records-personal{text-align:center;background:#eaf9dc;border-radius:12px;flex:none;padding:10px 14px;font-size:11px;font-weight:800}.records-personal:empty{display:none}.records-signin{flex:none;justify-content:center;min-height:48px}.leaderboard{max-height:max(80px, calc(100cqh - var(--sat) - var(--sab) - 350px))}@container game (height<=560px){.leaderboard{max-height:max(78px, calc(100cqh - var(--sat) - var(--sab) - 278px))}.records-content{margin-bottom:calc(var(--sab) + 14px);gap:10px;padding:12px 16px}.records-intro small{font-size:10px}}@container game (height<=430px){.head-actions{gap:7px}#records{justify-content:center;width:44px;padding:9px}#records b{display:none}.account-btn{max-width:125px;padding:8px 10px;font-size:10px}.leaderboard{max-height:max(76px, calc(100cqh - var(--sat) - var(--sab) - 235px))}.records-content{width:calc(100% - var(--sal) - var(--sar) - 44px);gap:8px;padding:10px 14px}.records-intro p{font-size:12px}.records-intro small{display:none}.records-personal{padding:8px;font-size:10px}.records-state{padding:12px;font-size:18px}.auth-modal{padding:20px}.auth-modal h2{margin:7px 0;font-size:24px}.auth-modal p{margin:9px 0 16px;font-size:12px}.auth-modal .modal-badge{margin-bottom:10px}}@container game (width<=700px) and (height>=500px){.head-actions{gap:6px}#how,#records{justify-content:center;width:44px;padding:9px}#how b,#records b{display:none}.account-btn{max-width:110px;padding:8px}.account-btn [data-icon]{display:none}.records-content{width:calc(100% - 32px);padding:14px 12px}.records-intro>[data-icon],#records-refresh b{display:none}.records-columns,.records-table li{grid-template-columns:35px minmax(0,1fr) 84px;gap:6px}}