.sp-touch{z-index:5;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;font-family:Lilita One,Fredoka,system-ui,sans-serif;position:fixed;inset:0}html[data-screen]:not([data-screen=game]) .sp-touch{display:none}.sp-touch-zone{pointer-events:auto;touch-action:none;position:absolute;top:22%;bottom:0}.sp-touch-left{width:55%;left:0}.sp-touch-right{width:45%;right:0}.sp-stick{left:calc(var(--discord-safe-area-inset-left,env(safe-area-inset-left)) + 92px);top:calc(100% - var(--discord-safe-area-inset-bottom,env(safe-area-inset-bottom)) - 128px);opacity:.55;width:0;height:0;transition:left .35s cubic-bezier(.34,1.56,.64,1),top .35s cubic-bezier(.34,1.56,.64,1),opacity .2s;position:absolute}.sp-stick:before{content:"";background:radial-gradient(circle,#fff8ee26 40%,#fff8ee73);border:4px solid #2b1d2e8c;border-radius:50%;width:128px;height:128px;position:absolute;top:-64px;left:-64px;box-shadow:inset 0 0 0 3px #ffffff80}.sp-stick-knob{background:radial-gradient(circle at 35% 30%,#fff6c8,#ffd23f 45%,#f5a623);border:4px solid #2b1d2e;border-radius:50%;width:60px;height:60px;transition:transform .3s cubic-bezier(.34,1.8,.64,1);position:absolute;top:-30px;left:-30px;box-shadow:0 5px #2b1d2e}.is-sticking .sp-stick{opacity:1;transition:opacity .1s;animation:.25s cubic-bezier(.34,1.8,.64,1) sp-stick-pop}.is-sticking .sp-stick-knob{transition:none}@keyframes sp-stick-pop{0%{scale:.6}}.sp-stick-hint{left:calc(var(--discord-safe-area-inset-left,env(safe-area-inset-left)) + 92px);bottom:calc(var(--discord-safe-area-inset-bottom,env(safe-area-inset-bottom)) + 24px);color:#fff;text-align:center;letter-spacing:.04em;paint-order:stroke fill;-webkit-text-stroke:4px #2b1d2e;font-size:13px;line-height:1.1;transition:opacity .4s;animation:1.4s ease-in-out infinite sp-bob;position:absolute;translate:-50%}.is-used .sp-stick-hint,.is-sticking .sp-stick-hint{opacity:0}.sp-jump{right:calc(var(--discord-safe-area-inset-right,env(safe-area-inset-right)) + 172px);bottom:calc(var(--discord-safe-area-inset-bottom,env(safe-area-inset-bottom)) + 96px);pointer-events:auto;touch-action:none;color:#2b1d2e;background:radial-gradient(circle at 35% 28%,#eadbff,#b98cf0 48%,#9b5de5);border:4px solid #2b1d2e;border-radius:50%;align-content:center;place-items:center;width:104px;height:104px;transition:opacity .2s;display:grid;position:absolute;box-shadow:0 6px #2b1d2e,inset 0 -6px #0000001f,inset 0 5px #ffffff8c}.sp-jump svg{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:36px;height:36px}.sp-jump span{color:#fff;paint-order:stroke fill;-webkit-text-stroke:4px #2b1d2e;font-size:17px;line-height:1}.sp-jump.is-hint:before{content:"";pointer-events:none;border:5px solid #ffd23f;border-radius:50%;animation:.5s ease-in-out infinite alternate sp-hint-pulse;position:absolute;inset:-9px;box-shadow:0 0 18px 4px #ffd23fb3}@keyframes sp-hint-pulse{0%{opacity:.65;scale:.96}to{opacity:1;scale:1.1}}.sp-jump .sp-jump-badge{white-space:nowrap;-webkit-text-stroke:4px #2b1d2e;background:#ffd23f;border:3px solid #2b1d2e;border-radius:999px;padding:3px 9px 4px;font-size:14px;animation:.3s cubic-bezier(.34,1.8,.64,1) sp-badge-pop;position:absolute;top:-20px;left:50%;translate:-50%;rotate:-6deg;box-shadow:0 3px #2b1d2e}.sp-jump[data-hint=attack] .sp-jump-badge{background:#ff6b6b}@keyframes sp-badge-pop{0%{scale:.3}}.sp-jump.is-nudge{animation:.3s ease-out sp-nudge}@keyframes sp-nudge{30%{filter:brightness(1.5)drop-shadow(0 0 12px #ffd23f);scale:1.18}60%{rotate:-8deg}80%{rotate:6deg}}.sp-jump.is-pressed{animation:.28s cubic-bezier(.34,1.8,.64,1) sp-press;translate:0 5px;box-shadow:0 1px #2b1d2e,inset 0 -3px #0000001f,inset 0 3px #ffffff8c}@media (prefers-reduced-motion:reduce){.sp-jump.is-hint:before,.sp-jump .sp-jump-badge,.sp-jump.is-nudge{animation:none}}.sp-dash{right:calc(var(--discord-safe-area-inset-right,env(safe-area-inset-right)) + 50px);bottom:calc(var(--discord-safe-area-inset-bottom,env(safe-area-inset-bottom)) + 184px);pointer-events:auto;touch-action:none;color:#2b1d2e;background:radial-gradient(circle at 35% 28%,#d8fbff,#6fd8e6 48%,#3ec1d3);border:4px solid #2b1d2e;border-radius:50%;align-content:center;place-items:center;width:80px;height:80px;transition:opacity .2s;display:grid;position:absolute;box-shadow:0 5px #2b1d2e,inset 0 -5px #0000001f,inset 0 4px #ffffff8c}.sp-dash svg{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:28px;height:28px}.sp-dash span{color:#fff;paint-order:stroke fill;-webkit-text-stroke:4px #2b1d2e;font-size:14px;line-height:1}.sp-dash.is-pressed{animation:.28s cubic-bezier(.34,1.8,.64,1) sp-press;translate:0 4px;box-shadow:0 1px #2b1d2e}.sp-action{--c1:#fff6c8;--c2:#ffd23f;--c3:#f5a623;right:calc(var(--discord-safe-area-inset-right,env(safe-area-inset-right)) + 28px);bottom:calc(var(--discord-safe-area-inset-bottom,env(safe-area-inset-bottom)) + 40px);background:radial-gradient(circle at 35% 28%, var(--c1), var(--c2) 48%, var(--c3));color:#2b1d2e;border:5px solid #2b1d2e;border-radius:50%;align-content:center;place-items:center;gap:2px;width:124px;height:124px;transition:filter .2s,opacity .2s;display:grid;position:absolute;box-shadow:0 8px #2b1d2e,inset 0 -8px #0000001f,inset 0 6px #ffffff8c}.sp-action:after{content:"";border:5px solid var(--c2);pointer-events:none;border-radius:50%;animation:1.2s ease-out infinite sp-ring;position:absolute;inset:-5px}.sp-action svg{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:44px;height:44px}.sp-action span{color:#fff;paint-order:stroke fill;-webkit-text-stroke:5px #2b1d2e;font-size:21px;line-height:1}.sp-action span:empty{display:none}.sp-action:is([data-ctx=bump],[data-ctx=dive],[data-ctx=serve]) span{font-size:17px}.sp-action[data-ctx=none]{--c1:#fff;--c2:#fff8ee;--c3:#f3e1c4;color:#2b1d2e80;animation:1.6s ease-in-out infinite alternate sp-breathe;box-shadow:0 8px #2b1d2e,inset 0 0 0 4px #ffd23f,inset 0 -10px #0000000f}.sp-action[data-ctx=none]:after{opacity:0;animation:none}.sp-action[data-ctx=none] svg{fill:#e2b77e;stroke:none;width:58px;height:58px}@keyframes sp-breathe{to{scale:1.04}}.sp-action[data-ctx=spike]{--c1:#ffd6a8;--c2:#ff6b6b;--c3:#e0354f;animation:.125s ease-in-out infinite alternate sp-pulse}@keyframes sp-pulse{to{scale:1.08}}.sp-action[data-ctx=spike] svg{fill:#ffd23f;stroke:#2b1d2e;stroke-width:2px}.sp-action[data-ctx=spike]:after{animation-duration:.6s}.sp-action:is([data-ctx=bump],[data-ctx=set],[data-ctx=dive]){--c1:#d5fbff;--c2:#3ec1d3;--c3:#1f8fa8}.sp-action:is([data-ctx=block],[data-ctx=jump]){--c1:#eadbff;--c2:#b98cf0;--c3:#9b5de5}.sp-action.is-pressed{animation:.28s cubic-bezier(.34,1.8,.64,1) sp-press;translate:0 6px;box-shadow:0 2px #2b1d2e,inset 0 -4px #0000001f,inset 0 4px #ffffff8c}@keyframes sp-press{0%{scale:1.18 .8}60%{scale:.94 1.06}}@keyframes sp-ring{0%{opacity:.9;scale:1}to{opacity:0;scale:1.45}}@keyframes sp-bob{50%{translate:-50% -4px}}html[data-pass-it] .sp-action[data-ctx=none]{filter:grayscale(.6);opacity:.7;animation:none}html[data-pass-it] .sp-action[data-ctx=none] span{-webkit-text-stroke-width:4px;font-size:15px;display:block}html[data-pass-it] .sp-action[data-ctx=none] span:before{content:"À un pote !"}.sp-touch:has(.sp-action[data-ctx=serve]) .sp-jump{opacity:0;pointer-events:none}@media (orientation:landscape) and (max-height:500px){.sp-dash{width:72px;height:72px;right:calc(var(--discord-safe-area-inset-right,env(safe-area-inset-right)) + 44px);bottom:calc(var(--discord-safe-area-inset-bottom,env(safe-area-inset-bottom)) + 140px)}.sp-action{width:104px;height:104px;bottom:calc(var(--discord-safe-area-inset-bottom,env(safe-area-inset-bottom)) + 20px)}.sp-jump{width:88px;height:88px;right:calc(var(--discord-safe-area-inset-right,env(safe-area-inset-right)) + 152px);bottom:calc(var(--discord-safe-area-inset-bottom,env(safe-area-inset-bottom)) + 64px)}.sp-jump svg{width:30px;height:30px}.sp-jump span{font-size:15px}}@media (orientation:portrait) and (max-width:500px){.sp-jump{right:calc(var(--discord-safe-area-inset-right,env(safe-area-inset-right)) + 76px);bottom:calc(var(--discord-safe-area-inset-bottom,env(safe-area-inset-bottom)) + 184px)}.sp-dash{right:calc(var(--discord-safe-area-inset-right,env(safe-area-inset-right)) + 100px);bottom:calc(var(--discord-safe-area-inset-bottom,env(safe-area-inset-bottom)) + 304px)}}.sp-touch:has(.sp-action[data-ctx=serve]) .sp-dash{opacity:0;pointer-events:none}:root{--inset-t:var(--discord-safe-area-inset-top,env(safe-area-inset-top));--inset-b:var(--discord-safe-area-inset-bottom,env(safe-area-inset-bottom));--inset-l:var(--discord-safe-area-inset-left,env(safe-area-inset-left));--inset-r:var(--discord-safe-area-inset-right,env(safe-area-inset-right))}.sp-ui{--o:#2b1d2e;--coral:#ff6b6b;--lagoon:#3ec1d3;--gold:#ffd23f;--cream:#fff8ee;--grape:#9b5de5;--blush:#ff9eb5;--sand:#f6d8a8;--spring:cubic-bezier(.34, 1.56, .64, 1);--boing:cubic-bezier(.2, 2.2, .4, 1);--art-tone:saturate(.82) contrast(.92) brightness(.97) sepia(.06);--safe-t:max(12px, var(--inset-t));--safe-b:max(12px, var(--inset-b));--safe-l:max(12px, var(--inset-l));--safe-r:max(12px, var(--inset-r));z-index:10;pointer-events:none;color:var(--o);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:Fredoka,system-ui,sans-serif;font-weight:500;position:fixed;inset:0;overflow:hidden}:where(.sp-ui button){pointer-events:auto;font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.sp-ui img{-webkit-user-drag:none}.scr{position:absolute;inset:0}.scr-out{pointer-events:none;animation:.38s cubic-bezier(.5,0,.75,0) both scr-out}.scr-out :where(button){pointer-events:none}@keyframes scr-out{to{opacity:0;filter:brightness(1.4);scale:1.08}}.pop{animation:pop-in .65s var(--spring) var(--d,0s) both}@keyframes pop-in{0%{opacity:0;rotate:-8deg;scale:.2}60%{opacity:1}}.h-out{color:#fff;paint-order:stroke fill;-webkit-text-stroke:.2em var(--o);text-shadow:0 .09em 0 var(--o);letter-spacing:.02em;font-family:Lilita One,Fredoka,sans-serif;font-weight:400;line-height:1}.wave{white-space:pre;display:inline-flex}.wave-l{animation:wave-in .7s var(--boing) var(--d) both, wave 2.4s ease-in-out calc(var(--d) + .7s) infinite;display:inline-block;position:relative}@keyframes wave-in{0%{opacity:0;translate:0 -.6em;scale:.1 2}40%{opacity:1}}@keyframes wave{0%,60%,to{translate:0;rotate:0deg}20%{translate:0 -.12em;rotate:-4deg}40%{translate:0 .02em;rotate:2deg}}.swoosh{z-index:15;pointer-events:none;background:linear-gradient(100deg, transparent 34%, var(--o) 34% 34.6%, var(--gold) 34.6% 39.4%, var(--o) 39.4% 40%, var(--coral) 40% 45.4%, var(--o) 45.4% 46%, var(--lagoon) 46% 51.4%, var(--o) 51.4% 52%, transparent 52%);animation:.7s cubic-bezier(.5,0,.4,1) forwards swoosh;position:absolute;inset:-10% -80%}@keyframes swoosh{0%{translate:-40%}to{visibility:hidden;translate:40%}}.fx-layer{z-index:20;pointer-events:none;position:absolute;inset:0}.tap-fx{width:0;height:0;position:absolute}.tap-fx:before{content:"";border:5px solid #fff;border-radius:50%;width:60px;height:60px;animation:.45s cubic-bezier(.1,.8,.3,1) forwards tap-ring;position:absolute;top:-30px;left:-30px}.tap-fx i{background:var(--gold);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);width:22px;height:22px;animation:.6s cubic-bezier(.1,.8,.3,1) forwards tap-star;position:absolute;top:-11px;left:-11px}.tap-fx i:nth-child(3n+1){background:var(--coral)}.tap-fx i:nth-child(3n+2){background:var(--lagoon)}.tap-fx i:first-child{--a:0deg}.tap-fx i:nth-child(2){--a:45deg}.tap-fx i:nth-child(3){--a:90deg}.tap-fx i:nth-child(4){--a:135deg}.tap-fx i:nth-child(5){--a:180deg}.tap-fx i:nth-child(6){--a:225deg}.tap-fx i:nth-child(7){--a:270deg}.tap-fx i:nth-child(8){--a:315deg}@keyframes tap-star{0%{transform:rotate(var(--a)) translateY(-10px) scale(1.3)}to{transform:rotate(calc(var(--a) + 40deg)) translateY(-64px) scale(0)}}@keyframes tap-ring{0%{opacity:1;scale:.3}to{opacity:0;scale:1.6}}.btn{--b1:#fff3a6;--b2:#ffd23f;--b3:#f5a623;border:4px solid var(--o);background:linear-gradient(180deg, var(--b1) 0%, var(--b2) 52%, var(--b3) 100%);box-shadow:0 7px 0 var(--o), 0 12px 18px #2b1d2e40, inset 0 -6px 0 #00000021, inset 0 5px 0 #fff9;letter-spacing:.03em;white-space:nowrap;transition:transform .4s var(--boing), box-shadow .12s;border-radius:22px;outline:none;justify-content:center;align-items:center;gap:.4em;padding:.38em 1.05em .46em;font-family:Lilita One,sans-serif;line-height:1;display:inline-flex;position:relative;overflow:hidden}.btn-label{color:#fff;paint-order:stroke fill;-webkit-text-stroke:.18em var(--o);text-shadow:0 .06em 0 var(--o)}.btn:hover{transform:translateY(-4px)scale(1.06)rotate(-1.5deg)}.btn:active{box-shadow:0 2px 0 var(--o), 0 4px 8px #2b1d2e33, inset 0 -3px 0 #00000021, inset 0 3px 0 #fff9;transition-duration:60ms;transform:translateY(5px)scale(1.08,.88)}.btn:focus-visible{outline:4px dashed var(--o);outline-offset:5px}.btn-shine{pointer-events:none;background:linear-gradient(105deg,#0000 35%,#ffffffbf 50%,#0000 65%);position:absolute;inset:-4px;translate:-110%}.btn-breathe .btn-shine{animation:3s ease-out 1.6s infinite shine}.btn:hover .btn-shine{animation:.6s ease-out shine}@keyframes shine{0%{translate:-110%}30%,to{translate:110%}}.btn-breathe{animation:1.6s ease-in-out infinite breathe}@keyframes breathe{50%{scale:1.045 .97}}.btn-ico{fill:currentColor;width:1em;height:1em;filter:drop-shadow(0 2px 0 var(--o));flex:none}.btn-face{object-fit:contain;width:1.35em;height:1.35em;filter:var(--art-tone) drop-shadow(0 2px 0 var(--o));margin:-.2em 0 -.2em -.25em}.btn-xl{border-width:5px;border-radius:28px;padding:.3em 1.25em .4em;font-size:clamp(30px,3.6vw,44px)}.btn-lg{font-size:clamp(20px,2.1vw,26px)}.btn-md{border-radius:16px;padding:.35em .7em .42em;font-size:18px}.btn-xl .btn-ico{color:#fff;filter:drop-shadow(0 3px 0 var(--o)) drop-shadow(0 -1px 0 var(--o))}.btn-gold .btn-ico,.btn-coral .btn-ico,.btn-lagoon .btn-ico,.btn-grape .btn-ico{color:#fff}.btn-cream{--b1:#fff;--b2:#fff8ee;--b3:#f1ddc2;color:var(--o)}.btn-cream .btn-label{color:var(--o);-webkit-text-stroke:0;text-shadow:none}.btn-cream .btn-ico{filter:none}.btn-coral{--b1:#ffc2c2;--b2:#ff6b6b;--b3:#e0485a}.btn-lagoon{--b1:#c9f4fa;--b2:#3ec1d3;--b3:#2194ad}.btn-grape{--b1:#e1c9ff;--b2:#9b5de5;--b3:#7440c0}.panel{background-color:var(--cream);border:4px solid var(--o);box-shadow:0 8px 0 var(--o), 0 24px 40px #2b1d2e47;pointer-events:auto;background-image:radial-gradient(#ffbe782e 2px,#0000 2.6px);background-size:20px 20px;border-radius:28px}.title{padding:var(--safe-t) var(--safe-r) var(--safe-b) var(--safe-l);grid-template:".art"1fr"logo art""btns art"".art"1fr/minmax(0,.85fr) minmax(0,1.15fr);column-gap:2vw;display:grid;position:absolute;inset:0}.title:before{content:"";-webkit-backdrop-filter:blur(5px)saturate(1.15);backdrop-filter:blur(5px)saturate(1.15);pointer-events:none;background:radial-gradient(55% 75% at 24%,#fff8ee8c,#0000 70%),#ffecd624;position:absolute;inset:0}.title-logo{flex-direction:column;grid-area:logo;align-items:center;gap:18px;display:flex;position:relative}.title-btns{flex-direction:column;grid-area:btns;align-items:center;gap:18px;padding-top:26px;display:flex;position:relative}.title-row{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.title-art{grid-area:art;place-items:center;min-height:0;display:grid;position:relative}.title-art img{object-fit:contain;width:100%;max-height:88vh;filter:var(--art-tone) drop-shadow(0 14px 0 #2b1d2e29);animation:4.5s ease-in-out infinite float}@keyframes float{50%{translate:0 -14px;rotate:1.2deg}}.logo{filter:drop-shadow(0 10px #2b1d2e2e);flex-direction:column;align-items:center;margin:0;font-weight:400;line-height:.82;display:flex;position:relative}.logo-word{letter-spacing:.01em;font-family:Lilita One,sans-serif;font-size:clamp(64px,10.5vw,150px)}.logo-paws{margin-left:.5em;font-size:clamp(58px,9.5vw,136px)}.grad .wave-l{color:#0000;-webkit-text-stroke:0;text-shadow:none}.grad .wave-l:before,.grad .wave-l:after{content:attr(data-l);position:absolute;top:0;left:0}.grad .wave-l:before{color:var(--o);-webkit-text-stroke:.2em var(--o);text-shadow:0 .11em 0 var(--o)}.grad .wave-l:after{background:var(--g,linear-gradient(180deg, #fffbd6 0%, #ffe25c 30%, #ffc02e 58%, #ff8a3d 100%));color:#0000;-webkit-background-clip:text;background-clip:text}.logo-paws{--g:linear-gradient(180deg, azure 0%, #9ef0f7 30%, #3ec1d3 62%, #2a86c9 100%)}.logo-paw{filter:drop-shadow(0 4px #2b1d2e);width:13%;animation:pop-in .6s var(--boing) .8s both;position:absolute;bottom:6%;left:3%;transform:rotate(-18deg)}.logo-word .wave-l:nth-child(odd){animation-duration:.7s,2.6s}.burst.season{width:clamp(70px,7vw,100px);animation:pop-in .7s var(--boing) 1.1s both, wobble 2.2s ease-in-out 1.8s infinite;font-size:clamp(11px,1.1vw,15px);position:absolute;top:-2.5vw;right:-4.5vw;rotate:14deg}.burst{aspect-ratio:1;place-items:center;display:inline-grid;position:relative}.burst svg{width:100%;height:100%;fill:var(--grape);stroke:var(--o);stroke-width:4px;stroke-linejoin:round;filter:drop-shadow(0 4px 0 var(--o));animation:14s linear infinite spin;position:absolute;inset:0}.burst-txt{color:#fff;paint-order:stroke fill;-webkit-text-stroke:.25em var(--o);flex-direction:column;align-items:center;font-family:Lilita One,sans-serif;line-height:.9;display:flex;position:relative}.season b{color:var(--gold);font-size:2.6em;font-weight:400}@keyframes spin{to{rotate:360deg}}@keyframes wobble{0%,to{rotate:14deg;scale:1}50%{rotate:4deg;scale:1.08}}.ribbon{border:4px solid var(--o);background:linear-gradient(180deg, #b58af0, var(--grape) 60%, #7a45c4);box-shadow:0 5px 0 var(--o), inset 0 3px 0 #fff6;color:#fff;paint-order:stroke fill;-webkit-text-stroke:.16em var(--o);white-space:nowrap;border-radius:999px;padding:.28em 1.2em .36em;font-family:Lilita One,sans-serif;font-size:clamp(18px,2.1vw,28px);position:relative;rotate:-2.5deg}.war-cta{border:4px solid var(--o);background:linear-gradient(180deg, #c7a2f5, var(--grape) 55%, #7440c0);box-shadow:0 6px 0 var(--o), 0 0 0 4px var(--gold), 0 0 0 8px var(--o), inset 0 3px 0 #ffffff73;color:#fff;letter-spacing:.02em;white-space:nowrap;transition:scale .35s var(--boing);border-radius:999px;align-items:center;gap:.45em;padding:.3em 1.1em .38em .9em;font-family:Lilita One,sans-serif;font-size:clamp(18px,2.1vw,28px);animation:3.2s ease-in-out infinite sway;display:inline-flex}.war-cta span{paint-order:stroke fill;-webkit-text-stroke:.16em var(--o)}.war-cta .btn-ico{color:var(--gold);font-size:1.2em}.war-cta:hover{scale:1.07}.war-cta:active{transition-duration:60ms;scale:1.08 .9}@keyframes sway{0%,to{rotate:-2.5deg}50%{rotate:1.5deg}}.sparkles{pointer-events:none;position:absolute;inset:0}.sparkle{clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);background:#fff;animation:2.6s ease-in-out infinite twinkle;position:absolute}.sparkle:nth-child(3n){background:var(--gold)}.sparkle:nth-child(4n){background:var(--blush)}@keyframes twinkle{0%,to{opacity:0;rotate:0deg;scale:.2}50%{opacity:1;rotate:90deg;scale:1}}.sel{padding:var(--safe-t) calc(var(--safe-r) + 12px) var(--safe-b) var(--safe-l);background:radial-gradient(at 30% 55%,#fff8ee59,#2b1d2e40 80%);grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(340px,440px);gap:2vw;display:grid;position:absolute;inset:0}.sel-back{left:var(--safe-l);top:var(--safe-t);z-index:2;position:absolute}.sel-stage{place-items:center;min-height:0;display:grid;position:relative}.sel-rays{aspect-ratio:1;background:repeating-conic-gradient(#ffffff80 0deg 9deg,#0000 9deg 22.5deg);border-radius:50%;width:min(80vh,90%);animation:24s linear infinite spin;position:absolute;-webkit-mask:radial-gradient(circle,#000 20%,#0000 68%);mask:radial-gradient(circle,#000 20%,#0000 68%)}.sel-rays:after{content:"";background:radial-gradient(circle, var(--c), transparent 70%);opacity:.55;border-radius:50%;transition:background .4s;position:absolute;inset:22%}.sel-podium{background:radial-gradient(ellipse at 50% 35%, #fff1d6, var(--sand) 55%, #e2b77e);border:4px solid var(--o);width:min(44vh,60%);height:min(9vh,70px);box-shadow:0 10px 0 var(--o);border-radius:50%;position:absolute;bottom:16%}.sel-preview{aspect-ratio:1;width:min(62vh,88%);margin-bottom:6%;position:relative}.sel-name{align-items:center;gap:14px;display:flex;position:absolute;bottom:2%}.sel-title{justify-content:center;min-width:5.5em;font-size:clamp(34px,4.4vw,60px)}.arrow{border:4px solid var(--o);background:linear-gradient(180deg, #fff, var(--gold));width:52px;height:52px;box-shadow:0 5px 0 var(--o);transition:transform .35s var(--boing);border-radius:50%;place-items:center;display:grid}.arrow svg{width:24px;height:24px;fill:var(--o)}.arrow:hover{transform:scale(1.15)rotate(-6deg)}.arrow:active{box-shadow:0 1px 0 var(--o);transform:scale(.85)translateY(4px)}.sel-panel{box-sizing:border-box;max-height:calc(100dvh - var(--safe-t) - var(--safe-b) - 20px);flex-direction:column;align-self:center;min-height:0;padding:18px 20px 20px;display:flex;position:relative;rotate:1deg}.sel-scroll{scrollbar-width:none;min-height:0;margin:-8px -8px 0;padding:12px 12px 8px;overflow-y:auto}.sel-panel h3{letter-spacing:.08em;text-transform:uppercase;color:var(--grape);margin:10px 0 8px;font-family:Lilita One,sans-serif;font-size:17px;font-weight:400}.sel-panel :where(h3) span{color:var(--o);text-transform:none;letter-spacing:.02em;animation:pop-in .35s var(--boing);display:inline-block}.sel-panel h3:first-child{margin-top:0}.sel-species{grid-template-columns:repeat(4,1fr);gap:10px;padding-top:4px;display:grid}.tile{aspect-ratio:1;border:4px solid var(--o);background:radial-gradient(circle at 50% 30%, #ffffffb3, transparent 60%), color-mix(in srgb, var(--c) 55%, #fff);box-shadow:0 5px 0 var(--o);transition:transform .4s var(--boing), box-shadow .15s;border-radius:20px;padding:0;position:relative}.tile img{object-fit:contain;width:84%;height:84%;filter:var(--art-tone);transition:transform .4s var(--boing);position:absolute;inset:8%}.tile:hover{transform:translateY(-4px)rotate(-3deg)}.tile:where(:hover) img{transform:scale(1.1)}.tile.is-on{box-shadow:0 5px 0 var(--o), 0 0 0 5px var(--gold), 0 0 0 9px var(--o);z-index:1;transform:scale(1.08)}.tile:where(.is-on) img{animation:hop .9s var(--spring) infinite}@keyframes hop{0%,to{translate:0;scale:1}30%{translate:0 -12%;scale:.94 1.08}55%{translate:0;scale:1.1 .9}70%{scale:.98 1.02}}.swatches{flex-wrap:wrap;gap:8px;display:flex}.sw{border:3px solid var(--o);background:radial-gradient(circle at 35% 30%, #fff9, transparent 45%), var(--sw);width:32px;height:32px;box-shadow:0 3px 0 var(--o);transition:transform .35s var(--boing);border-radius:50%;padding:0}.sw:hover{transform:scale(1.2)rotate(8deg)}.sw.is-on{box-shadow:0 3px 0 var(--o), inset 0 0 0 3px #fff;animation:jelly .5s var(--spring);transform:scale(1.25)}@keyframes jelly{0%{scale:1.3 .7}40%{scale:.85 1.15}70%{scale:1.05 .95}}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:3px solid var(--o);width:42px;height:42px;box-shadow:0 3px 0 var(--o);transition:transform .35s var(--boing);background:#fff;border-radius:14px;flex:none;place-items:center;padding:0;display:grid}.chip svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.chip:hover{transform:translateY(-3px)rotate(-2deg)}.chip.is-on{background:var(--grape);color:#fff;animation:jelly .5s var(--spring);transform:scale(1.06)}.sel-actions{border-top:3px dashed #2b1d2e33;justify-content:space-between;align-items:center;gap:12px;padding-top:14px;display:flex}.trib{padding:var(--safe-t) var(--safe-r) var(--safe-b) var(--safe-l);background:radial-gradient(at 50% 40%,#9b5de540,#2b1d2e8c);flex-direction:column;justify-content:center;align-items:center;gap:clamp(12px,3vh,30px);display:flex;position:absolute;inset:0}.trib-head{text-align:center}.trib-title{font-size:clamp(40px,6vw,80px)}.trib-title .wave-l:nth-child(3n+1){color:var(--gold)}.trib-sub{color:#fff;paint-order:stroke fill;-webkit-text-stroke:5px var(--o);margin:10px 0 0;font-size:clamp(16px,1.6vw,20px);font-weight:700}.trib-clock{top:var(--safe-t);right:var(--safe-r);place-items:center;width:76px;height:76px;display:grid;position:absolute}.trib-clock svg{position:absolute;inset:0;rotate:-90deg}.trib-clock circle{fill:var(--cream);stroke:var(--o);stroke-width:7px}.trib-clock .trib-clock-arc{fill:none;stroke:var(--coral);stroke-width:4px;stroke-linecap:round;stroke-dasharray:100;animation:clock var(--t) linear both}@keyframes clock{to{stroke-dashoffset:100px}}.trib-clock span{animation:pop-in .4s var(--boing);font-family:Lilita One,sans-serif;font-size:34px;position:relative}.trib-cards{justify-content:center;align-items:stretch;gap:clamp(14px,2.5vw,34px);margin-top:clamp(30px,8vh,70px);display:flex}.card{--dx:0px;--dy:0px;border:5px solid var(--o);background:radial-gradient(circle at 50% 28%, #fff 0%, transparent 55%), linear-gradient(180deg, color-mix(in srgb, var(--c) 30%, #fff), var(--cream) 60%);width:clamp(200px,25vw,290px);box-shadow:0 9px 0 var(--o), 0 24px 30px #2b1d2e4d;rotate:var(--r);text-align:center;transition:transform .4s var(--boing), box-shadow .2s;border-radius:30px;flex-direction:column;align-items:center;padding:14px 16px 16px;display:flex;position:relative}.card:hover{transform:translateY(-10px)scale(1.04)}.card:active{transform:translateY(4px)scale(1.06,.94)}.card.is-mine{box-shadow:0 9px 0 var(--o), 0 0 0 6px var(--gold), 0 0 0 10px var(--o), 0 24px 30px #2b1d2e4d}.card-ico{aspect-ratio:1;object-fit:contain;width:64%;filter:var(--art-tone) drop-shadow(0 8px 0 #2b1d2e33);margin-top:-34%;animation:2.6s ease-in-out infinite float}.card:nth-child(2) .card-ico{animation-delay:-.9s}.card:nth-child(3) .card-ico{animation-delay:-1.7s}.card-name{color:#fff;paint-order:stroke fill;-webkit-text-stroke:.2em var(--o);margin-top:4px;font-family:Lilita One,sans-serif;font-size:clamp(20px,2vw,26px);line-height:1.05}.card-desc{opacity:.8;margin:6px 0 12px;font-size:15px;font-weight:700}.bar{border:4px solid var(--o);background:#2b1d2e1f;border-radius:999px;width:100%;height:30px;margin-top:auto;position:relative;overflow:hidden}.bar-fill{border-right:4px solid var(--o);background:repeating-linear-gradient(-45deg, #ffffff59 0 8px, transparent 8px 16px), var(--c);transition:width .5s var(--spring);background-size:22.6px 22.6px,auto;animation:.6s linear infinite stripes;position:absolute;inset:0 auto 0 0}.bar-fill[style*="width: 0%"]{border-right:0}@keyframes stripes{to{background-position:22.6px 0,0 0}}.bar-count{color:#fff;paint-order:stroke fill;-webkit-text-stroke:4px var(--o);animation:jelly .35s var(--boing);font-family:Lilita One,sans-serif;font-size:18px;position:absolute;top:50%;right:10px;translate:0 -50%}.stamp{border:4px solid var(--o);background:var(--grape);color:#fff;box-shadow:0 4px 0 var(--o);animation:stamp .45s var(--boing) both;border-radius:10px;padding:4px 12px;font-family:Lilita One,sans-serif;font-size:16px;position:absolute;top:12px;right:-14px;rotate:14deg}@keyframes stamp{0%{opacity:0;rotate:-20deg;scale:2.2}50%{opacity:1}}.card.is-win{z-index:3;animation:win-zoom 1s var(--boing) forwards}.card.is-lose{animation:.8s cubic-bezier(.5,-.4,.8,.6) forwards lose-fall}.card.is-lose:nth-child(odd){--fall-r:-28deg}@keyframes win-zoom{to{translate:var(--dx) var(--dy);rotate:0deg;scale:1.35}}@keyframes lose-fall{to{translate:0 110vh;rotate:var(--fall-r,24deg);opacity:0}}.trib.is-done .trib-head,.trib.is-done .trib-clock{opacity:0;transition:opacity .3s}.crowd{pointer-events:none;display:flex;position:absolute;bottom:-22px;left:50%;translate:-50%}.crowd img{object-fit:contain;width:36px;height:36px;filter:var(--art-tone) drop-shadow(0 3px 0 #2b1d2e73);animation:head-pop .5s var(--boing) both;margin:0 -7px}.crowd img:nth-child(odd){translate:0 -4px}@keyframes head-pop{0%{translate:0 30px;scale:0}}.trib-rays{aspect-ratio:1;background:repeating-conic-gradient(var(--c) 0deg 9deg, transparent 9deg 22deg);opacity:.75;width:150vmax;animation:rays-in .8s var(--spring) both, spin 10s linear infinite;pointer-events:none;position:absolute;top:50%;left:50%;translate:-50% -50%;-webkit-mask:radial-gradient(circle,#000 8%,#0000 40%);mask:radial-gradient(circle,#000 8%,#0000 40%)}@keyframes rays-in{0%{opacity:0;scale:0}}.trib-verdict{top:calc(var(--safe-t) + 4vh);z-index:4;font-size:clamp(40px,6vw,76px);position:absolute;left:50%;translate:-50%}.cd{background:radial-gradient(circle,#0000 30%,#2b1d2e59);place-items:center;display:grid;position:absolute;inset:0}.cd-step{--c:var(--coral);place-items:center;display:grid;position:relative}.cd-1{--c:var(--lagoon)}.cd-2{--c:var(--gold)}.cd-3{--c:var(--grape)}.cd-txt{color:var(--c);paint-order:stroke fill;-webkit-text-stroke:.14em var(--o);text-shadow:0 .06em 0 var(--o), 0 .12em .1em #2b1d2e59;animation:cd-pop .8s var(--boing) both;font-family:Lilita One,sans-serif;font-size:min(36vw,48vh);line-height:1;position:relative}.cd-3 .cd-txt{color:var(--gold);animation:cd-slam .8s var(--boing) both;font-size:min(22vw,30vh)}.cd-ring{aspect-ratio:1;border:14px solid var(--c);width:min(50vw,60vh);box-shadow:0 0 0 5px var(--o), inset 0 0 0 5px var(--o);border-radius:50%;animation:.8s cubic-bezier(.1,.8,.3,1) both ring;position:absolute}.cd-ring2{border-width:6px;animation-delay:.12s}.cd-3 .cd-ring{border-style:dashed}.cd-txt:after{content:attr(data-l);background:linear-gradient(180deg, #fff 0%, color-mix(in srgb, var(--c) 45%, #fff) 30%, var(--c) 62%, color-mix(in srgb, var(--c) 75%, #000) 100%);color:#0000;-webkit-text-stroke:0;text-shadow:none;-webkit-background-clip:text;background-clip:text;position:absolute;inset:0}.cd-3:before{content:"";aspect-ratio:1;background:repeating-conic-gradient(var(--grape) 0deg 10deg, transparent 10deg 24deg);width:min(80vw,90vh);animation:rays-in .5s var(--spring) both, spin 6s linear infinite;position:absolute;-webkit-mask:radial-gradient(circle,#000 12%,#0000 62%);mask:radial-gradient(circle,#000 12%,#0000 62%)}@keyframes cd-pop{0%{opacity:0;rotate:-25deg;scale:3.2}30%{opacity:1;rotate:6deg;scale:.85}50%{rotate:-2deg;scale:1.1 .92}70%{scale:1}88%{opacity:1;scale:1}to{opacity:0;scale:.4}}@keyframes cd-slam{0%{opacity:0;scale:0 3}35%{opacity:1;scale:1.3 .75}55%{scale:.9 1.12}75%{rotate:-4deg;scale:1.05 .97}to{rotate:-4deg;scale:1.15}}@keyframes ring{0%{opacity:1;scale:.2}to{opacity:0;scale:2.2}}.hud{padding:var(--safe-t) var(--safe-r) var(--safe-b) var(--safe-l);position:absolute;inset:0}.hud-pause{top:var(--safe-t);right:var(--safe-r);position:absolute}.hud-pause .btn{width:54px;height:54px;padding:0;font-size:26px}.mod-badge{top:var(--safe-t);left:var(--safe-l);align-items:center;gap:0;display:flex;position:absolute}.mod-badge img{z-index:1;object-fit:contain;width:64px;height:64px;filter:var(--art-tone) drop-shadow(0 4px 0 #2b1d2e59);animation:2.4s ease-in-out infinite wobble-ico;position:relative}.mod-badge span{border:4px solid var(--o);background:var(--c);box-shadow:0 4px 0 var(--o);color:#fff;paint-order:stroke fill;-webkit-text-stroke:4px var(--o);border-radius:0 999px 999px 0;margin-left:-16px;padding:5px 14px 6px 22px;font-family:Lilita One,sans-serif;font-size:16px}@keyframes wobble-ico{0%,to{rotate:-8deg}50%{rotate:8deg;scale:1.08}}.hud-top{top:var(--safe-t);flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;left:50%;translate:-50%}.sb{animation:sb-in .7s var(--boing) both;gap:10px;display:flex}@keyframes sb-in{0%{translate:0 -140%}}.sb-side{align-items:flex-start;gap:8px;display:flex}.sb-1{flex-direction:row-reverse}.sb-info{flex-direction:column;align-items:flex-end;gap:6px;padding-top:6px;display:flex}.sb-1 .sb-info{align-items:flex-start}.sb-name{border:3px solid var(--o);background:var(--cream);box-shadow:0 3px 0 var(--o);color:var(--tc);paint-order:stroke fill;-webkit-text-stroke:3px var(--o);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 12px 4px;font-family:Lilita One,sans-serif;font-size:18px;display:flex;position:relative}.sb-1 .sb-name{flex-direction:row-reverse}.sb-you{border:2px solid var(--o);background:var(--gold);color:var(--o);-webkit-text-stroke:0;border-radius:8px;padding:1px 6px 2px;font-size:11px;font-style:normal;animation:1.8s ease-in-out infinite wobble-ico;position:absolute;top:-14px;left:-12px;rotate:-10deg}.sb-1 .sb-you{left:auto;right:-12px;rotate:10deg}.ball-ico{flex:none;width:22px;height:22px}.sb-serve{animation:1s ease-in-out infinite serve-bob}.sb-serve.is-serving{animation:.55s cubic-bezier(.3,0,.7,1) infinite alternate serve-bounce}@keyframes serve-bob{50%{rotate:180deg}}@keyframes serve-bounce{0%{translate:0 2px;scale:1.1 .85}to{translate:0 -7px;rotate:120deg;scale:1}}.dots{gap:5px;padding:0 6px;display:flex}.dots i{border:3px solid var(--o);background:#fff8eeb3;border-radius:50%;width:13px;height:13px}.dots i.is-on{background:var(--tc);animation:dot-pop .45s var(--boing);box-shadow:inset 0 2px #ffffff8c}@keyframes dot-pop{0%{scale:2.2}}.sb-score{border:5px solid var(--o);background:linear-gradient(180deg, #ffffff73, transparent 45%), var(--tc);width:70px;height:72px;box-shadow:0 6px 0 var(--o), inset 0 -6px 0 #00000026;animation:score-jelly .7s var(--spring);border-radius:20px;place-items:center;display:grid;position:relative}.sb-num{color:#fff;paint-order:stroke fill;-webkit-text-stroke:.16em var(--o);text-shadow:0 .07em 0 var(--o);animation:num-pop .6s var(--boing);font-family:Lilita One,sans-serif;font-size:48px;line-height:1}.sb-score:after{content:"";border:5px solid var(--gold);pointer-events:none;border-radius:26px;animation:.55s ease-out both score-ring;position:absolute;inset:-9px}@keyframes score-ring{0%{opacity:1;scale:.8}to{opacity:0;scale:1.5}}@keyframes score-jelly{0%{scale:1.35 .7}30%{scale:.8 1.2}55%{scale:1.1 .92}80%{scale:.97 1.03}}@keyframes num-pop{0%{opacity:0;rotate:-20deg;scale:2.4}40%{opacity:1}}.mp-tag{border:3px solid var(--o);background:var(--tc);color:#fff;paint-order:stroke fill;-webkit-text-stroke:3px var(--o);white-space:nowrap;border-radius:999px;padding:3px 12px 4px;font-family:Lilita One,sans-serif;font-size:14px;animation:.8s ease-in-out infinite alternate mp-pulse}@keyframes mp-pulse{to{box-shadow:0 0 0 6px color-mix(in srgb, var(--tc) 40%, transparent);scale:1.1}}.rally{animation:pop-in .5s var(--boing);--rc:#fff;flex-direction:column;align-items:center;line-height:.9;display:flex}.rally.is-warm{--rc:var(--gold)}.rally.is-hot{--rc:#ff7a3d}.rally-lbl{z-index:1;letter-spacing:.2em;color:#fff;paint-order:stroke fill;-webkit-text-stroke:4px var(--o);font-family:Lilita One,sans-serif;font-size:14px;position:relative}.rally-num{color:var(--rc);paint-order:stroke fill;-webkit-text-stroke:.2em var(--o);text-shadow:0 .08em 0 var(--o);transform-origin:50% 0;animation:rally-pop .45s var(--boing);font-family:Lilita One,sans-serif;font-size:46px}.rally.is-hot .rally-num{animation:rally-pop .45s var(--boing), shake .12s linear .45s infinite}@keyframes rally-pop{0%{scale:2.4}}@keyframes shake{25%{translate:-2px 1px}75%{translate:2px -1px}}.toast{transform-origin:50% 0;animation:toast-pop 1.6s var(--spring) both;align-items:center;gap:8px;margin-top:14px;display:flex}.toast-main{color:var(--tc);paint-order:stroke fill;-webkit-text-stroke:.2em var(--o);text-shadow:0 .08em 0 var(--o);white-space:nowrap;font-family:Lilita One,sans-serif;font-size:clamp(30px,3.4vw,42px);line-height:1}.toast-sub{border:3px solid var(--o);background:var(--cream);box-shadow:0 3px 0 var(--o);white-space:nowrap;border-radius:999px;padding:2px 11px 4px;font-family:Lilita One,sans-serif;font-size:16px;rotate:-5deg}@keyframes toast-pop{0%{opacity:0;rotate:-12deg;scale:.2}14%{opacity:1;rotate:3deg;scale:1.25}24%{rotate:0deg;scale:.95}32%,82%{opacity:1;scale:1}to{opacity:0;translate:0 8px;scale:.7}}.fly{z-index:3;pointer-events:none;width:0;height:0;animation:.75s both fly-x;position:absolute}.fly-y{place-items:center;width:64px;height:64px;animation:.75s both fly-y;display:grid;position:absolute;top:-32px;left:-32px}.fly .star-ico{fill:var(--tc);stroke:var(--o);stroke-width:3.5px;stroke-linejoin:round;filter:drop-shadow(0 3px 0 var(--o)) drop-shadow(0 0 10px #ffd23fe6);animation:.75s both fly-spin;position:absolute;inset:0}.fly b{color:#fff;paint-order:stroke fill;-webkit-text-stroke:5px var(--o);margin-top:4px;font-family:Lilita One,sans-serif;font-size:22px;font-weight:400;position:relative}.fly.is-ghost,.is-ghost .fly-y,.is-ghost .star-ico{animation-delay:calc(var(--lag) * 45ms)}.is-ghost{z-index:2;opacity:calc(.6 - var(--lag) * .2)}.is-ghost .star-ico{inset:calc(var(--lag) * 6px);fill:var(--gold);filter:none}@keyframes fly-x{0%,28%{animation-timing-function:cubic-bezier(.3,0,.6,1);translate:0}to{translate:var(--dx) 0}}@keyframes fly-y{0%{translate:0;scale:0}14%{scale:1.5}28%{animation-timing-function:cubic-bezier(.5,-.45,.75,.3);translate:0;scale:1.1}to{translate:0 var(--dy);scale:.7}}@keyframes fly-spin{0%{rotate:-140deg}16%,28%{animation-timing-function:ease-in;rotate:0deg}to{rotate:360deg}}.charge{--k:0;z-index:2;pointer-events:none;opacity:0;width:34px;height:120px;transition:opacity .15s, scale .35s var(--boing);position:absolute;top:50%;left:50%;translate:0 -50%;scale:.3}.charge.is-on{opacity:1;scale:1}.charge.is-dock{top:auto;left:auto;right:calc(var(--inset-r) + 166px);bottom:calc(var(--inset-b) + 44px);translate:none}@media (orientation:landscape) and (max-height:500px){.charge.is-dock{right:calc(var(--inset-r) + 146px);bottom:calc(var(--inset-b) + 12px)}}.charge-tube{border:4px solid var(--o);background:linear-gradient(transparent calc(var(--z) * 100% - 1.5px), var(--o) 0 calc(var(--z) * 100% + 1.5px), transparent 0), repeating-linear-gradient(-45deg, #ffd23f8c 0 5px, #ffd23f40 5px 10px) top / 100% calc(var(--z) * 100%) no-repeat, repeating-linear-gradient(transparent 0 calc(10% - 2px), #ffffff2e 0 10%), #2b1d2e8c;box-shadow:0 4px 0 var(--o), inset 0 -4px 0 #00000014;border-radius:999px;position:absolute;inset:0;overflow:hidden}.charge-fill{height:calc(var(--k) * 100%);background:linear-gradient(0deg, #fff 0%, #fff3b0 45%, var(--gold) 100%);box-shadow:inset 0 3px 0 #ffffffe6, 0 -2px 0 var(--o);border-radius:999px 999px 0 0;position:absolute;bottom:0;left:0;right:0}.is-gold .charge-tube{animation:.1s ease-in-out infinite alternate charge-pulse}.is-gold .charge-fill{background:linear-gradient(0deg, #ffe066, var(--gold) 50%, #ffae00)}@keyframes charge-pulse{to{box-shadow:0 4px 0 var(--o), 0 0 0 5px #ffd23f99, 0 0 18px 6px #ffd23fb3;scale:1.14}}.charge-star{width:34px;height:34px;fill:var(--cream);stroke:var(--o);stroke-width:4px;stroke-linejoin:round;transition:fill .1s;position:absolute;top:-24px;left:50%;translate:-50%}.is-gold .charge-star,.is-canon .charge-star{fill:var(--gold);animation:.6s linear infinite spin}.charge-lbl{color:var(--gold);paint-order:stroke fill;-webkit-text-stroke:.2em var(--o);text-shadow:0 .08em 0 var(--o);white-space:nowrap;opacity:0;font-family:Lilita One,sans-serif;font-size:34px;position:absolute;top:-30px;left:50%;translate:-50% -100%}.charge.is-canon{opacity:1;animation:.9s ease-in both charge-canon;scale:1}.charge:before{content:"";aspect-ratio:1;opacity:0;pointer-events:none;background:repeating-conic-gradient(#ffd23fd9 0deg 10deg,#0000 10deg 30deg);border-radius:50%;width:220px;position:absolute;top:10%;left:50%;translate:-50% -50%;-webkit-mask:radial-gradient(circle,#0000 18%,#000 30%,#0000 70%);mask:radial-gradient(circle,#0000 18%,#000 30%,#0000 70%)}.charge.is-canon:before{animation:.7s ease-out both canon-rays}@keyframes canon-rays{0%{opacity:1;rotate:0deg;scale:.3}to{opacity:0;rotate:40deg;scale:1.4}}.is-canon .charge-lbl{animation:canon-lbl .9s var(--spring) both;font-size:48px}.is-canon .charge-fill{background:#fff;height:100%}.charge.is-out{opacity:1;animation:.4s ease-in both charge-out;scale:1}@keyframes charge-canon{0%{filter:brightness(1.6);scale:1.5}20%{filter:none;scale:1}75%{opacity:1}to{opacity:0;scale:.6}}@keyframes canon-lbl{0%{opacity:0;rotate:-14deg;scale:.3}25%{opacity:1;rotate:4deg;scale:1.3}40%,80%{opacity:1;rotate:0deg;scale:1}to{opacity:0;translate:-50% -140%}}@keyframes charge-out{30%{scale:1.25 .7}to{opacity:0;scale:.4}}.charge.is-miss{animation:.8s ease-in both charge-miss}.is-miss .charge-lbl{color:var(--cream);font-size:24px;animation:.8s ease-out both miss-lbl}@keyframes charge-miss{15%{scale:1.2 .75}30%,65%{opacity:1;scale:1}to{opacity:0;scale:.6}}@keyframes miss-lbl{0%{opacity:0;scale:.4}20%{opacity:1;scale:1.15}30%{rotate:-8deg}40%{rotate:6deg}50%,to{opacity:1;rotate:0deg;scale:1}}@keyframes toast{0%{opacity:0;rotate:-10deg;scale:2.6}18%{opacity:1;rotate:2deg;scale:.9}28%{rotate:0deg;scale:1.05}80%{opacity:1;scale:1}to{opacity:0;translate:-50% -90%;scale:.6}}.mp-banner{border-block:6px solid var(--o);background:repeating-linear-gradient(-60deg, var(--tc) 0 28px, color-mix(in srgb, var(--tc) 80%, #fff) 28px 56px);place-items:center;padding:10px 0 16px;font-size:clamp(38px,6vw,76px);animation:2.4s cubic-bezier(.6,0,.4,1) both banner;display:grid;position:absolute;top:50%;left:-10%;right:-10%;rotate:-4deg}@keyframes banner{0%{translate:-110% -50%}20%,78%{translate:0 -50%}to{translate:110% -50%}}.milestone{animation:toast 1.5s var(--spring) both;font-size:clamp(34px,4.6vw,58px);position:absolute;top:52%;left:50%;translate:-50% -50%}.help,.ctx{bottom:var(--safe-b);border:3px solid var(--o);box-shadow:0 4px 0 var(--o);white-space:nowrap;background:#fff8eee0;border-radius:999px;align-items:center;gap:18px;padding:8px 16px;font-size:15px;font-weight:700;display:flex;position:absolute;left:50%;translate:-50%}.help{animation:pop-in .6s var(--spring) .4s both, help-out .5s ease-in 5.5s forwards}@keyframes help-out{to{opacity:0;translate:-50% 20px}}.help b{color:var(--grape)}kbd{border:2px solid var(--o);min-width:1.6em;box-shadow:0 3px 0 var(--o);text-align:center;background:#fff;border-radius:7px;padding:1px 7px 3px;font-family:Fredoka,sans-serif;font-size:13px;font-weight:700;display:inline-block}.ctx{animation:pop-in .35s var(--boing);gap:10px;font-family:Lilita One,sans-serif;font-size:18px;font-weight:400}.help,.ctx{transition:filter .25s}.is-dodge{filter:opacity(.12)}.ctx-spike{background:var(--coral);color:#fff;paint-order:stroke fill;-webkit-text-stroke:4px var(--o)}.ctx-spike kbd{-webkit-text-stroke:0;color:var(--o)}.ctx-jump{background:var(--gold);animation:pop-in .35s var(--boing), ctx-hop .9s var(--spring) .35s infinite}.ctx-block{background:var(--lagoon);color:#fff;paint-order:stroke fill;-webkit-text-stroke:4px var(--o)}.ctx-block kbd{-webkit-text-stroke:0;color:var(--o)}@keyframes ctx-hop{30%{translate:-50% -7px}55%{translate:-50%;scale:1.06 .94}70%{scale:1}}.coach{border:3px solid var(--o);box-shadow:0 4px 0 var(--o);white-space:nowrap;pointer-events:none;animation:pop-in .5s var(--spring) .3s both;background:#fff8eee6;border-radius:999px;align-items:center;gap:12px;padding:6px 6px 6px 14px;font-family:Lilita One,sans-serif;font-size:18px;display:flex}.coach kbd{font-size:14px}.coach-line{animation:pop-in .4s var(--boing);line-height:1.6;display:block}.coach-dots{gap:4px;display:flex}.coach-dots i{border:2px solid var(--o);background:#fff;border-radius:50%;width:9px;height:9px}.coach-dots .is-on{background:var(--gold);animation:1s ease-in-out infinite breathe}.coach-dots .is-done{background:var(--lagoon)}.coach-skip{pointer-events:auto;border:2px solid var(--o);box-shadow:0 2px 0 var(--o);font:inherit;color:var(--o);cursor:pointer;background:#fff;border-radius:999px;padding:4px 12px;font-size:14px}@media (max-width:720px),(max-height:480px){.coach{gap:8px;font-size:14px}.coach kbd{font-size:12px}}.howto{gap:6px;font-size:14px;font-weight:700;display:grid}.howto-line{grid-template-columns:5.2em 1fr;align-items:baseline;gap:2px 10px;margin:0;display:grid}.howto kbd{box-shadow:0 2px 0 var(--o);padding:0 6px 2px;font-size:12px}.howto-line b{color:var(--grape);font-family:Lilita One,sans-serif;font-weight:400}.howto-line span{line-height:1.9}@media (max-width:720px){.howto-line{text-align:center;grid-template-columns:1fr}}.ctx-pass{color:var(--grape);background:#eadbff}.emotes{--sz:44px;--gap:8px;--fx:0;--fy:-1;right:var(--safe-r);bottom:var(--safe-b);animation:pop-in .5s var(--spring) .8s both;position:absolute}.emotes.is-touch{--sz:42px;--fx:-1;--fy:0;right:calc(var(--inset-r) + 6px);top:37%;bottom:auto}@media (max-width:1080px){.emotes{bottom:calc(var(--safe-b) + 56px)}}.emotes-row{gap:var(--gap);display:flex;position:relative}.emote{width:var(--sz);height:var(--sz);transform-origin:50% 90%;transition:transform .3s var(--boing);animation:emote-idle 2.8s ease-in-out calc(var(--i) * -.7s) infinite;background:0 0;border:0;padding:0;position:relative}.emote-ico{pointer-events:none;filter:drop-shadow(0 3px #2b1d2e59);width:100%;height:100%;display:block}.emote:hover{transform:translateY(-5px)rotate(-7deg)scale(1.14)}.emote kbd{min-width:0;box-shadow:0 2px 0 var(--o);border-width:2px;border-radius:6px;padding:0 4px 1px;font-size:11px;line-height:1.3;position:absolute;bottom:-3px;right:-5px}@keyframes emote-idle{50%{translate:0 -3px;rotate:4deg}}.is-sent .emote-ico{animation:emote-press .5s var(--boing)}@keyframes emote-press{0%{scale:1.4 .65}40%{scale:.85 1.2}70%{scale:1.06 .95}}@property --cd{syntax:"<angle>";inherits:false;initial-value:0deg}.is-cool .emote{animation:1.2s linear both emote-cool}.is-cool .emote:after{content:"";background:conic-gradient(#2b1d2e80 var(--cd), transparent 0);pointer-events:none;border-radius:50%;animation:1.2s linear both emote-pie;position:absolute;inset:4.5% 8.5% 12%}@keyframes emote-cool{0%,92%{filter:grayscale(.85)brightness(1.05);scale:.84}96%{scale:1.2}}@keyframes emote-pie{0%{--cd:360deg}to{--cd:0deg}}.emote-fly{left:calc(var(--i) * (var(--sz) + var(--gap)));width:var(--sz);height:var(--sz);transform-origin:50% 100%;pointer-events:none;filter:drop-shadow(0 4px #2b1d2e4d);animation:.9s cubic-bezier(.2,.9,.3,1) forwards emote-fly;position:absolute;bottom:0}@keyframes emote-fly{0%{scale:.6}25%{translate:calc(var(--fx) * 40px) calc(var(--fy) * 40px);rotate:-6deg;scale:2}70%{opacity:1}to{translate:calc(var(--fx) * 120px) calc(var(--fy) * 120px);opacity:0;rotate:8deg;scale:1.5}}.emotes.is-touch .emotes-row{flex-direction:column}.emotes.is-touch .emote-fly{left:0;top:calc(var(--i) * (var(--sz) + var(--gap)));bottom:auto}@media (orientation:landscape) and (max-height:500px){.emotes.is-touch{--fx:0;--fy:1;right:auto;left:var(--safe-l);top:calc(var(--safe-t) + 70px)}.emotes.is-touch .emotes-row{flex-direction:row}.emotes.is-touch .emote-fly{left:calc(var(--i) * (var(--sz) + var(--gap)));top:0}}.pause{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#2b1d2e80;place-items:center;animation:.25s ease-out both fade;display:grid;position:absolute;inset:0}@keyframes fade{0%{opacity:0}}.pause-panel{flex-direction:column;align-items:center;gap:16px;padding:70px 44px 34px;display:flex;position:relative;rotate:-1.5deg}.pause-title{font-size:64px}.pause-nap{width:124px;height:124px;position:absolute;top:-70px}.pause-nap img{object-fit:contain;width:100%;height:100%;filter:var(--art-tone) drop-shadow(0 6px 0 #2b1d2e4d);animation:2.4s ease-in-out infinite nap}@keyframes nap{50%{translate:0 4px;rotate:-4deg;scale:1.05 .95}}.zzz{position:absolute;top:-6px;right:-22px}.zzz i{color:#fff;paint-order:stroke fill;-webkit-text-stroke:5px var(--o);opacity:0;font-family:Lilita One,sans-serif;font-size:26px;font-style:normal;animation:2.4s ease-out infinite zzz;position:absolute}.zzz i:nth-child(2){animation-delay:.8s}.zzz i:nth-child(3){font-size:34px;animation-delay:1.6s}@keyframes zzz{0%{opacity:0;translate:0 10px;scale:.5}30%{opacity:1}to{opacity:0;translate:26px -40px;rotate:20deg;scale:1.2}}.res{--sx:50%;--sy:42%;padding:var(--safe-t) var(--safe-r) var(--safe-b) var(--safe-l);background:radial-gradient(ellipse 30% 42% at var(--sx) var(--sy), transparent 0 45%, color-mix(in srgb, var(--tc) 18%, transparent) 70%, transparent 100%), radial-gradient(ellipse 62% 80% at var(--sx) var(--sy), transparent 40%, #2b1d2e9e 100%);flex-direction:column;justify-content:center;align-items:center;gap:clamp(14px,3vh,28px);display:flex;position:absolute;inset:0}.res-rays{left:var(--sx);top:var(--sy);aspect-ratio:1;pointer-events:none;background:repeating-conic-gradient(#fffadc38 0deg 8deg,#0000 8deg 20deg);width:160vmax;animation:30s linear infinite spin;position:absolute;translate:-50% -50%;-webkit-mask:radial-gradient(circle,#0000 18%,#000 24%,#0000 44%);mask:radial-gradient(circle,#0000 18%,#000 24%,#0000 44%)}.res.is-lost .res-rays{opacity:.4}.res-head{flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.res-title{font-size:clamp(48px,8vw,104px)}.res.is-lost .res-title{--g:linear-gradient(180deg, #fff 0%, #d9e4ff 40%, #9fb2e8 100%)}.res-score{color:#fff;paint-order:stroke fill;-webkit-text-stroke:.18em var(--o);background:#2b1d2e8c;border-radius:999px;align-items:center;gap:14px;padding:.08em .5em .12em;font-family:Lilita One,sans-serif;font-size:clamp(40px,5vw,60px);line-height:1.1;display:flex;box-shadow:0 5px #2b1d2e4d}.res-score span{color:var(--tc);text-shadow:0 .08em 0 var(--o)}.res-score i{font-style:normal}.mvp{align-items:center;gap:22px;padding:18px 28px 18px 22px;display:flex;position:relative;rotate:-1deg}.mvp-medal{flex:none;width:130px;position:relative}.mvp-burst{width:130px}.mvp-burst svg{fill:var(--gold);animation-duration:10s}.mvp-burst img{object-fit:contain;transform-origin:50% 100%;width:128%;height:128%;filter:var(--art-tone);animation:hop 1.2s var(--spring) infinite}.mvp-burst .burst-txt{aspect-ratio:1;border:4px solid var(--o);background:radial-gradient(circle at 50% 30%, var(--sa,#fff) 0 28%, var(--sc,var(--pc)) 72%);border-radius:50%;justify-content:flex-end;width:62%;box-shadow:inset 0 -6px #2b1d2e2e}.mvp-3d{aspect-ratio:1;width:205%;position:absolute;bottom:12%;left:50%;translate:-50%}.mvp-star{color:var(--pc);-webkit-text-stroke:.08em var(--o);font-size:64px}.mvp-ribbon{border:4px solid var(--o);background:var(--coral);box-shadow:0 4px 0 var(--o);color:#fff;paint-order:stroke fill;-webkit-text-stroke:4px var(--o);border-radius:10px;padding:2px 16px 4px;font-family:Lilita One,sans-serif;font-size:22px;position:absolute;bottom:-6px;left:50%;translate:-50%;rotate:-4deg}.mvp-body{flex-direction:column;gap:10px;display:flex}.mvp-name{color:var(--pc);paint-order:stroke fill;-webkit-text-stroke:5px var(--o);font-family:Lilita One,sans-serif;font-size:30px}.mvp-stats{grid-template-columns:repeat(4,minmax(78px,auto));gap:10px;display:grid}.stat{border:3px solid var(--o);box-shadow:0 4px 0 var(--o);background:#fff;border-radius:16px;flex-direction:column;align-items:center;padding:6px 10px 8px;display:flex}.stat b{color:var(--grape);font-family:Lilita One,sans-serif;font-size:34px;font-weight:400;line-height:1}.stat small{text-align:center;font-size:12px;font-weight:700;line-height:1.1}.res-btns{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 18px;max-width:100%;display:flex;position:relative}.res-sub{gap:inherit;display:flex}@media (orientation:landscape){.res.win-0{--sx:26%;padding-left:46%}.res.win-1{--sx:74%;padding-right:46%}.res .res-title{font-size:min(100px, 10vh, calc(80vw / var(--len)))}}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.cf{border-radius:3px;width:13px;height:20px;animation:linear infinite cf-fall;position:absolute;top:-24px;box-shadow:inset 0 0 0 2px #2b1d2e59}.cf-1{border-radius:50%;width:12px;height:12px}.cf-2{width:7px;height:20px}@keyframes cf-fall{to{transform:translate(var(--drift), calc(100vh + 40px)) rotate(var(--spin)) rotateX(720deg)}}@media (orientation:portrait),(max-height:600px),(max-width:1180px){.res{gap:10px}.res .mvp{gap:12px;padding:12px 14px 12px 10px}.mvp-medal,.mvp-burst{width:92px}.mvp-ribbon{border-width:3px;padding:1px 10px 3px;font-size:17px}.mvp-name{-webkit-text-stroke-width:4px;font-size:24px}.mvp-body{gap:8px}.mvp-stats{grid-template-columns:repeat(4,minmax(58px,auto));gap:8px}.stat{border-radius:13px;padding:3px 8px 5px}.stat b{font-size:24px}.stat small{font-size:11px}.res-score{font-size:36px}}@media (orientation:landscape) and (max-height:480px){.res{gap:6px}.res.win-0{padding-left:40%}.res.win-1{padding-right:40%}.res-head{flex-direction:row;gap:12px}.res .res-title{font-size:min(40px, calc(40vw / var(--len)))}.res-score{font-size:30px}.res .mvp{padding-block:8px}.mvp-medal,.mvp-burst{width:64px}.res-btns{flex-wrap:nowrap;gap:10px}.res-btns .btn-xl{font-size:25px}.res-btns .btn-lg{font-size:18px}.res .xp{padding-block:6px}.res .xp-burst{width:50px}body:has(.res.win-1) .sound{left:auto;right:calc(12px + env(safe-area-inset-right))}body:has(.res.win-1) .sound-panel{left:auto;right:0}}@media (orientation:portrait){.title{padding-top:calc(var(--safe-t) + 28px);padding-bottom:calc(var(--safe-b) + 62px);grid-template:"logo""art"minmax(0,1fr)"btns"/1fr}.title:before{-webkit-backdrop-filter:blur(5px)saturate(1.15);backdrop-filter:blur(5px)saturate(1.15);background:radial-gradient(90% 40% at 50% 18%,#fff8ee8c,#0000 70%),radial-gradient(75% 34% at 50% 54%,#fff4e4b3,#fff4e44d 70%,#0000),#ffecd61f}.logo{--lw:min(21vw, 100px)}.logo-word{font-size:var(--lw)}.logo-paws{font-size:calc(var(--lw) * .88)}.burst.season{width:calc(var(--lw) * .72);font-size:calc(var(--lw) * .115);right:calc(var(--lw) * -.52);top:47%}.war-cta{font-size:min(5vw,22px)}.title-art img{max-height:100%}.title-btns{gap:16px;padding-top:0}.title-btns .btn-lg{font-size:19px}.title-cos{flex-wrap:nowrap;gap:8px}.title-cos .btn-md{gap:.3em;padding:.35em .5em .42em;font-size:15px}.sel{padding-right:var(--safe-r);grid-template-rows:minmax(150px,1fr) minmax(0,auto);grid-template-columns:minmax(0,1fr);gap:10px}.sel-rays{width:110%}.sel-preview{width:auto;height:82%;margin-bottom:14%}.sel-podium{height:44px;bottom:22%}.sel-name{bottom:0}.sel-title{min-width:6em;font-size:38px}.arrow{width:44px;height:44px}.sel-panel{border-radius:24px;align-self:stretch;max-height:none;padding:14px;rotate:0deg}.sel-panel h3{margin:8px 0 6px;font-size:15px}.sel-species{gap:8px}.tile{border-radius:16px}.swatches{grid-template-columns:repeat(8,minmax(0,1fr));justify-items:center;gap:6px 4px;display:grid}.sw{aspect-ratio:1;width:100%;max-width:32px;height:auto}.chips{grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;display:grid}.chip{border-radius:12px;width:auto;height:40px}.chip svg{width:22px;height:22px}.sel-actions .btn-xl{font-size:30px}.trib{padding-top:calc(var(--safe-t) + 70px);justify-content:flex-start;gap:18px}.trib-title{font-size:min(11vw,52px)}.trib-clock{top:var(--safe-t);width:64px;height:64px;right:50%;translate:50%}.trib-clock span{font-size:28px}.trib-cards{flex-direction:column;gap:30px;width:100%;max-width:380px;margin-top:10px}.card{text-align:left;border-radius:24px;grid-template-columns:96px 1fr;grid-template-areas:"ico name""ico desc""bar bar";column-gap:10px;width:auto;padding:10px 14px 12px;display:grid}.card-ico{grid-area:ico;width:100%;margin:-24px 0 0}.card-name{grid-area:name;align-self:end;font-size:22px}.card-desc{grid-area:desc;margin:2px 0 8px;font-size:14px}.bar{grid-area:bar;height:26px}.stamp{font-size:14px;top:-12px;right:-8px}.sb{gap:6px}.hud-top{top:calc(var(--safe-t) + 4px);gap:8px}.sb-side{flex-direction:column-reverse;align-items:center;gap:4px}.sb-1{flex-direction:column-reverse}.sb-info,.sb-1 .sb-info{align-items:center;gap:4px;padding-top:0}.sb-name{-webkit-text-stroke:2.5px var(--o);padding:2px 8px 3px;font-size:clamp(15px,4.2vw,17px)}.ball-ico{width:16px;height:16px}.sb-score{border-radius:16px;width:56px;height:58px}.sb-num{font-size:38px}.dots i{border-width:2.5px;width:10px;height:10px}.mp-tag{font-size:12px}.mod-badge{top:calc(var(--safe-t) + 2px)}.mod-badge img{width:48px;height:48px}.mod-badge span{display:none}.hud-pause .btn{width:46px;height:46px;font-size:22px}.toast-main{font-size:30px}.rally{gap:3px}.rally-lbl{font-size:16px}.rally-num{font-size:38px;line-height:.85}.res{--sy:37%;padding-top:calc(var(--safe-t) + 2vh);justify-content:flex-start}.res .mvp{margin-top:auto}.mvp-stats{grid-template-columns:repeat(2,minmax(96px,auto))}.res .res-title{font-size:min(13vw, 64px, calc(150vw / var(--len)))}.res-btns,.res-sub{flex-direction:column;gap:10px}.pause-title{font-size:54px}}@media (orientation:portrait) and (max-height:839px){.sel-panel h3{margin:9px 0 4px}.sel-species{grid-template-columns:repeat(8,minmax(0,1fr));gap:5px}.tile{box-shadow:0 3px 0 var(--o);border-width:3px;border-radius:11px}}@media (prefers-reduced-motion:reduce){.sp-ui *,.sp-ui :before,.sp-ui :after{animation-iteration-count:1!important}}.sound{left:calc(12px + env(safe-area-inset-left));bottom:calc(12px + env(safe-area-inset-bottom));z-index:60;position:fixed}.sound-btn{cursor:pointer;background:#fff8ee;border:3px solid #2b1d2e;border-radius:50%;width:44px;height:44px;font-size:20px;transition:transform .12s;box-shadow:0 3px #2b1d2e}.sound-btn:active{transform:translateY(2px)scale(.94);box-shadow:0 1px #2b1d2e}.sound-panel{pointer-events:auto;color:#2b1d2e;background:#fff8ee;border:3px solid #2b1d2e;border-radius:16px;width:220px;padding:12px;font-family:Fredoka,system-ui,sans-serif;animation:.18s ease-out pop-in;position:absolute;bottom:54px;left:0;box-shadow:0 4px #2b1d2e}.sound-mute{cursor:pointer;background:#ffd23f;border:2px solid #2b1d2e;border-radius:10px;width:100%;margin-bottom:8px;padding:6px;font:700 14px Fredoka,system-ui,sans-serif}.sound-row{grid-template-columns:64px 1fr;align-items:center;gap:8px;font-size:14px;font-weight:700;display:grid}.sound-row input{accent-color:#9b5de5}.sound-check{cursor:pointer;grid-template-columns:1fr auto}.sound-check input{width:22px;height:22px;margin:0}.keys{border-top:2px dashed #2b1d2e40;margin-top:10px;padding-top:8px;font-size:13px;font-weight:700}.keys-title{margin-bottom:4px;font-size:14px;display:block}.keys-row{grid-template-columns:1fr auto 62px;align-items:center;gap:6px;margin:3px 0;display:grid}.keys-row kbd{font-size:12px;box-shadow:0 2px #2b1d2e}.keys-set,.keys-reset{pointer-events:auto;color:#2b1d2e;cursor:pointer;background:#fff;border:2px solid #2b1d2e;border-radius:8px;padding:2px 4px;font:700 12px Fredoka,system-ui,sans-serif}.keys-reset{background:#ffd23f;width:100%}.keys-note{color:#9b5de5;min-height:1.3em;margin:4px 0;font-size:12px}.war{padding:var(--safe-t) var(--safe-r) var(--safe-b) var(--safe-l);overscroll-behavior:contain;pointer-events:auto;background:radial-gradient(at 50% 40%,#9b5de538,#2b1d2e80);grid-template-rows:auto auto minmax(0,1fr) auto;place-items:center;gap:clamp(8px,2vh,18px);display:grid;position:absolute;inset:0;overflow-y:auto}.war-head{grid-template-columns:1fr auto 1fr;align-items:start;width:100%;display:grid}.war-title{filter:drop-shadow(0 8px #2b1d2e33);flex-direction:column;align-items:center;line-height:.9;display:flex;position:relative}.war-h{font-size:clamp(38px,5.6vw,78px)}.war-h2{--g:linear-gradient(180deg, #f6ecff 0%, #d3b3ff 35%, #9b5de5 70%, #6a38b3 100%)}.burst.war-soon{width:clamp(76px,7vw,104px);animation:pop-in .7s var(--boing) .6s both, wobble 2.2s ease-in-out 1.3s infinite;justify-self:start;margin-left:-.6em;font-size:clamp(13px,1.2vw,17px);rotate:14deg}.war-soon svg{fill:var(--coral)}.war-soon b{color:var(--gold);font-weight:400}.war-lead{border:4px solid var(--o);background:var(--cream);box-shadow:0 5px 0 var(--o);text-align:center;border-radius:999px;margin:0;padding:8px 20px 10px;font-size:clamp(16px,1.7vw,21px);font-weight:700}.war-lead b{color:var(--grape);font-family:Lilita One,sans-serif;font-weight:400}.war-cards{justify-content:center;align-self:center;align-items:stretch;gap:clamp(12px,2.2vw,30px);display:flex}.war-card{border:5px solid var(--o);background-color:var(--cream);width:clamp(190px,25vw,290px);box-shadow:0 8px 0 var(--o);rotate:var(--r);text-align:center;transition:transform .4s var(--boing);background-image:radial-gradient(#9b5de51f 2px,#0000 2.6px);background-size:18px 18px;border-radius:28px;flex-direction:column;align-items:center;gap:6px;padding:14px 16px 18px;display:flex;position:relative}.war-card:hover{transform:translateY(-6px)rotate(-1deg)}.war-card p{margin:0;font-size:15px;font-weight:700;line-height:1.25}.war-card-t{color:var(--grape);margin:0;font-family:Lilita One,sans-serif;font-size:24px;font-weight:400}.war-num{border:4px solid var(--o);background:var(--gold);width:40px;height:40px;box-shadow:0 4px 0 var(--o);border-radius:50%;place-items:center;font-family:Lilita One,sans-serif;font-size:22px;display:grid;position:absolute;top:-14px;left:-14px}.war-art{place-items:center;height:clamp(80px,14vh,120px);display:grid}.war-art svg{height:100%;animation:4s ease-in-out infinite float}.war-match{align-items:flex-end;gap:4px;height:100%;display:flex}.war-match img{height:clamp(60px,11vh,96px);filter:var(--art-tone) drop-shadow(0 4px 0 #2b1d2e33);animation:2s ease-in-out infinite seat-bob}.war-match .war-flip{animation-delay:-1s;scale:-1 1}.war-ball{align-self:flex-start;width:30px;height:30px;animation:1.1s cubic-bezier(.5,0,.5,1) infinite alternate war-ball}@keyframes war-ball-sm{0%{translate:-8px 14px}to{translate:8px;rotate:200deg}}@keyframes war-ball{0%{translate:-26px 22px;rotate:0deg}to{translate:26px;rotate:200deg}}.war-go .btn{font-size:clamp(22px,2.4vw,30px)}@media (orientation:portrait){.war{grid-template-rows:auto auto auto auto;align-content:start}.war-head{grid-template-columns:auto 1fr;grid-template-areas:"back soon""title title"}.war-head>:first-child{grid-area:back}.war-title{grid-area:title;margin-top:-18px}.burst.war-soon{grid-area:soon;justify-self:end;width:76px;margin:0 8px 0 0}.war-match{gap:0}.war-match img{height:38px}.war-ball{width:16px;height:16px;animation-name:war-ball-sm}.war-h{font-size:min(11vw,50px)}.war-cards{flex-direction:column;gap:14px;width:100%}.war-card{text-align:left;grid-template-columns:92px minmax(0,1fr);grid-template-areas:"art t""art p";place-items:center start;width:auto;padding:10px 14px 12px;display:grid;rotate:0deg}.war-art{grid-area:art;height:70px}.war-card-t{grid-area:t;font-size:20px}.war-card p{grid-area:p;font-size:14px}.war-go .btn{white-space:normal;font-size:17px}}@media (orientation:landscape) and (max-height:500px){.war-card p{font-size:13px}.war-card-t{font-size:19px}.war-art{height:64px}}.btn:disabled{cursor:not-allowed;filter:grayscale(.85)brightness(.96);animation:none;transform:none}.btn:disabled .btn-shine{animation:none}.sp-ui .chip:disabled{cursor:default}.title-online .btn-lg{min-height:56px}.title-join{align-items:stretch;gap:10px;display:flex}.code-in{pointer-events:auto;border:4px solid var(--o);width:4.6em;min-height:56px;box-shadow:0 6px 0 var(--o), inset 0 4px 0 #2b1d2e14;letter-spacing:.18em;text-align:center;text-transform:uppercase;color:var(--o);-webkit-user-select:text;user-select:text;transition:transform .3s var(--boing);background:#fff;border-radius:20px;outline:none;padding:0 .2em;font-family:Lilita One,sans-serif;font-size:30px}.code-in::placeholder{color:#2b1d2e40}.code-in:focus{border-color:var(--grape);transform:scale(1.05)rotate(-1deg)}.title-fail{background:var(--coral);color:#fff;border-radius:999px;margin:0;padding:4px 14px;font-family:Lilita One,sans-serif;font-size:18px;animation:.45s both net-shake}.net-pill{--nc:#a8a0b0;border:3px solid var(--o);background:var(--cream);box-shadow:0 3px 0 var(--o);white-space:nowrap;animation:pop-in .5s var(--spring) both;border-radius:999px;align-items:center;gap:6px;padding:3px 10px 4px;font-family:Lilita One,sans-serif;font-size:15px;line-height:1;display:inline-flex}.net-pill.is-reconnecting{background:repeating-linear-gradient(-45deg, var(--gold) 0 14px, #ffe27a 14px 28px);animation:pop-in .5s var(--spring) both, net-stripes .8s linear infinite;background-size:40px 40px;border-width:4px;padding:5px 14px 6px;font-size:18px}.net-pill b{animation:jelly .4s var(--spring);font-weight:400;display:inline-block}.net-pill.is-good{--nc:#5fcf3f}.net-pill.is-mid{--nc:var(--gold)}.net-pill.is-bad{--nc:var(--coral)}.net-dot{border:2px solid var(--o);background:var(--nc);width:11px;height:11px;box-shadow:0 0 0 0 var(--nc);border-radius:50%;animation:1.6s ease-out infinite net-beat}.net-pill.is-bad .net-dot{animation-duration:.7s}@keyframes net-beat{0%{box-shadow:0 0 0 0 var(--nc)}70%,to{box-shadow:0 0 0 7px #0000}}.net-spin{width:18px;height:18px;animation:.9s cubic-bezier(.5,.1,.5,.9) infinite net-spin}@keyframes net-spin{50%{translate:0 -3px}to{rotate:360deg}}.hud-pause{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.pause-live{border:3px solid var(--o);background:var(--coral);box-shadow:0 3px 0 var(--o);color:#fff;paint-order:stroke fill;-webkit-text-stroke:.14em var(--o);border-radius:999px;align-items:center;gap:8px;margin:-6px 0 2px;padding:4px 14px 5px;font-family:Lilita One,sans-serif;font-size:19px;display:flex;rotate:2deg}.pause-live:before{content:"";--nc:#fff;border:2px solid var(--o);background:#fff;border-radius:50%;width:10px;height:10px;animation:1s ease-out infinite net-beat}.net-banner{z-index:16;left:50%;top:calc(var(--safe-t) + 96px);border:4px solid var(--o);background:repeating-linear-gradient(-45deg, var(--gold) 0 14px, #ffe27a 14px 28px);box-shadow:0 5px 0 var(--o);white-space:nowrap;animation:net-drop .5s var(--spring) both, net-stripes .8s linear infinite;background-size:40px 40px;border-radius:999px;align-items:center;gap:8px;padding:8px 18px 9px;font-family:Lilita One,sans-serif;font-size:20px;display:flex;position:absolute;translate:-50%}@keyframes net-drop{0%{translate:-50% -140px}}@keyframes net-stripes{to{background-position:40px 0}}.net-off{z-index:17;padding:var(--safe-t) var(--safe-r) var(--safe-b) var(--safe-l);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:auto;background:#2b1d2e8c;place-items:center;animation:.25s ease-out both fade;display:grid;position:absolute;inset:0}.net-off-panel{text-align:center;flex-direction:column;align-items:center;gap:14px;max-width:100%;padding:26px 34px 28px;display:flex;rotate:-1.5deg}.net-off-panel p{margin:0;font-size:18px;font-weight:700}.net-off-title{font-size:56px}.net-toast{z-index:18;left:50%;bottom:calc(var(--safe-b) + 110px);border:4px solid var(--o);background:linear-gradient(180deg, #ff8f8f, var(--coral));width:max-content;max-width:calc(100% - 32px);box-shadow:0 6px 0 var(--o);text-align:center;color:#fff;paint-order:stroke fill;-webkit-text-stroke:.14em var(--o);animation:net-toast-in .5s var(--spring) both, net-toast-out .35s ease-in 2.45s forwards;border-radius:18px;padding:10px 20px 12px;font-family:Lilita One,sans-serif;font-size:21px;position:absolute;translate:-50%}@keyframes net-toast-in{0%{opacity:0;rotate:6deg;scale:.3}60%{opacity:1}}@keyframes net-toast-out{to{opacity:0;translate:-50% 20px}}@keyframes net-shake{0%,to{translate:0}20%{translate:-8px}40%{translate:7px}60%{translate:-5px}80%{translate:3px}}.lob{--chip:clamp(32px, 5.6vh, 44px);--face:clamp(40px, 7.4vh, 60px);padding:var(--safe-t) var(--safe-r) var(--safe-b) var(--safe-l);overscroll-behavior:contain;scrollbar-width:thin;grid-template-rows:auto auto minmax(0,1fr) auto;gap:clamp(4px,1.2vh,10px);display:grid;position:absolute;inset:0;overflow-y:auto}.scr-in>.lob{pointer-events:auto}.scr-lobby:before{content:"";-webkit-backdrop-filter:blur(6px)saturate(1.15);backdrop-filter:blur(6px)saturate(1.15);pointer-events:none;background:radial-gradient(70% 60% at 50% 45%,#fff8ee80,#0000 75%),#ffecd62e;position:absolute;inset:0}.lob>*{position:relative}.sp-ui .lob-empty{flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:44px;display:flex}.lob-spin{width:72px;height:72px;animation:.9s cubic-bezier(.5,.1,.5,.9) infinite net-spin}.lob-head{grid-template-columns:1fr auto 1fr;align-items:start;gap:10px;display:grid}.lob-share{justify-self:end}.lob-mid-head{flex-direction:column;align-items:center;gap:6px;display:flex}.lob-title{font-size:clamp(30px,min(4.4vw,6vh),54px)}@media (max-height:800px){.lob-mid-head{flex-direction:row;gap:10px}}.lob-code{border:4px solid var(--o);box-shadow:0 5px 0 var(--o);pointer-events:auto;background:#fff;border-radius:20px;align-items:center;gap:8px;padding:4px 6px 4px 14px;display:flex;position:relative;rotate:1.5deg}.lob-code-lbl{letter-spacing:.1em;color:var(--grape);writing-mode:vertical-rl;font-family:Lilita One,sans-serif;font-size:13px;rotate:180deg}.lob-code-val{letter-spacing:.14em;-webkit-user-select:text;user-select:text;font-family:Lilita One,sans-serif;font-size:38px;font-weight:400;line-height:1}.lob-copied{border:3px solid var(--o);background:var(--gold);animation:pop-in .4s var(--spring) both;border-radius:999px;padding:2px 10px;font-family:Lilita One,sans-serif;font-size:15px;position:absolute;bottom:-30px;right:-6px}.sp-ui .lob-chip{min-width:var(--chip);height:var(--chip);width:auto;color:var(--o);padding:0 10px;font-family:Lilita One,sans-serif;font-size:16px}.lob-chip svg{width:22px;height:22px}.lob-body{pointer-events:auto;scrollbar-width:thin;grid-template-columns:minmax(0,1fr) minmax(340px,1fr) minmax(0,1fr);grid-template-areas:"a rules b""trib trib trib";align-content:safe center;gap:clamp(8px,2vh,14px) 18px;min-height:0;padding:10px 6px 8px;display:grid;overflow-y:auto}.lob-team-0{grid-area:a}.lob-team-1{grid-area:b}.lob-rules{grid-area:rules;align-self:start;padding:6px 12px 10px;rotate:-.6deg}.lob-trib{grid-area:trib}.lob-team{flex-direction:column;gap:clamp(6px,1.6vh,12px);min-width:0;display:flex}.lob-team-name{border:4px solid var(--o);background:var(--tc);box-shadow:0 5px 0 var(--o);color:#fff;paint-order:stroke fill;-webkit-text-stroke:.16em var(--o);border-radius:999px;align-self:center;margin:0 0 2px;padding:2px 20px 5px;font-family:Lilita One,sans-serif;font-size:24px;font-weight:400;rotate:-2deg}.lob-team-1 .lob-team-name{rotate:2deg}.seat{min-height:calc(var(--face) + 16px);border:4px solid var(--o);text-align:left;animation:seat-in .6s var(--boing) both;border-radius:22px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:4px 14px 4px 10px;display:grid;position:relative}@keyframes seat-in{0%{opacity:0;translate:0 -30px;scale:.6 1.3}45%{opacity:1;translate:0 4px;scale:1.12 .86}75%{scale:.97 1.04}}.seat-on{background:radial-gradient(#ffffff59 2px, transparent 2.6px) 0 0 / 16px 16px, linear-gradient(180deg, color-mix(in srgb, var(--tc) 35%, #fff), color-mix(in srgb, var(--tc) 70%, #fff));box-shadow:0 6px 0 var(--o), inset 0 4px 0 #ffffff80}.seat-on.is-me{box-shadow:0 6px 0 var(--o), 0 0 0 5px var(--gold), 0 0 0 9px var(--o), inset 0 4px 0 #ffffff80}.seat-on.is-away{filter:grayscale(.8);opacity:.8}.seat-free{transition:transform .35s var(--boing);background:#fff8ee8c;border-style:dashed;box-shadow:0 6px #2b1d2e59}.seat-free:hover{transform:translateY(-3px)rotate(-1deg)}.seat-free:active{transition-duration:60ms;transform:scale(1.04,.92)}.seat-free :where(.seat-name){color:#2b1d2eb3}.lob-face{width:var(--face);height:var(--face);border:3px solid var(--o);background:radial-gradient(circle at 50% 35%, #fff, color-mix(in srgb, var(--tc,var(--grape)) 40%, #fff));border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.lob-face img{object-fit:contain;width:116%;height:116%;min-height:0;filter:var(--art-tone) drop-shadow(0 3px 0 #2b1d2e40);margin-top:-16%;animation:2.2s ease-in-out infinite seat-bob}.lob-face b{font-family:Lilita One,sans-serif;font-size:26px;font-weight:400}@keyframes seat-bob{50%{translate:0 -3px;rotate:-3deg}}.lob-bot{letter-spacing:.06em;color:#2b1d2e66;background:#e7e0ea;border-style:dashed;font-family:Lilita One,sans-serif;font-size:17px}.seat-name{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;min-width:0;font-family:Lilita One,sans-serif;font-size:22px;display:flex;overflow:hidden}.seat-worn{display:flex;position:absolute;bottom:-6px;right:-10px}.seat-worn .ico{border:2px solid var(--o);background:var(--cream);border-radius:50%;width:26px;height:26px;margin-left:-8px;padding:2px}.seat-nm,.seat-plate{text-overflow:ellipsis;min-width:0;overflow:hidden}.seat-plate{border:3px solid var(--o);background:linear-gradient(180deg, var(--p1), var(--p2));box-shadow:0 3px 0 var(--o);border-radius:10px;padding:0 8px 1px}.seat-you{border:2px solid var(--o);background:var(--gold);border-radius:999px;flex:none;padding:1px 7px 2px;font-size:13px;font-style:normal}.lob-plus{border:3px solid var(--o);background:linear-gradient(180deg, #fff3a6, var(--gold) 55%, #f5a623);width:40px;height:40px;box-shadow:0 3px 0 var(--o);color:#fff;paint-order:stroke fill;-webkit-text-stroke:.18em var(--o);border-radius:50%;place-items:center;font-family:Lilita One,sans-serif;font-size:30px;line-height:1;animation:1.6s ease-in-out infinite breathe;display:grid}.seat-host{width:34px;height:34px;animation:pop-in .5s var(--spring) .2s both;position:absolute;top:-18px;left:-14px;rotate:-18deg}.seat-host svg{width:100%;height:100%;fill:var(--gold);stroke:var(--o);stroke-width:2.4px;stroke-linejoin:round}.seat-ready{border:3px solid var(--o);box-shadow:0 3px 0 var(--o);color:#fff;paint-order:stroke fill;-webkit-text-stroke:.16em var(--o);animation:stamp .45s var(--boing) both;background:#7ed957;border-radius:10px;padding:3px 9px 4px;font-family:Lilita One,sans-serif;font-size:15px;rotate:6deg}.seat-away{border:3px solid var(--o);--nc:#a8a0b0;background:#a8a0b0;border-radius:50%;width:16px;height:16px;animation:1.2s ease-out infinite net-beat;position:absolute;top:6px;left:52px}.lob-rules h3{letter-spacing:.08em;text-transform:uppercase;text-align:center;color:var(--grape);margin:0 0 2px;font-family:Lilita One,sans-serif;font-size:17px;font-weight:400}.lob-row{flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:6px;display:flex}.lob-k{letter-spacing:.06em;text-transform:uppercase;color:#2b1d2e99;min-width:5.4em;font-family:Lilita One,sans-serif;font-size:14px}.lob-k b{color:var(--o);margin-left:4px;font-weight:400}.sp-ui .lob-mod{padding:0}.lob-mod img{width:calc(var(--chip) - 10px);height:calc(var(--chip) - 10px);object-fit:contain;filter:var(--art-tone)}.lob-mod .ball-ico{width:26px;height:26px}.sp-ui .lob-mod.is-on{background:var(--c)}.is-ro .chip:not(.is-on){opacity:.38}.is-ro .chip:hover{transform:none}.lob-step{align-items:center;gap:10px;display:flex}.lob-points{text-align:center;min-width:2ch;animation:jelly .4s var(--spring);font-family:Lilita One,sans-serif;font-size:34px;font-weight:400}.lob-trib{border:4px solid var(--o);background:#fff8eeb3;border-radius:22px;align-items:center;gap:12px;min-width:0;padding:2px 12px;display:flex;box-shadow:0 5px #2b1d2e66}.lob-trib-lbl{border:3px solid var(--o);background:var(--grape);color:#fff;paint-order:stroke fill;-webkit-text-stroke:.14em var(--o);border-radius:999px;flex:none;padding:3px 12px 4px;font-family:Lilita One,sans-serif;font-size:15px;rotate:-3deg}.lob-trib-row{scrollbar-width:none;align-items:center;gap:10px;min-width:0;padding:4px 2px;display:flex;overflow-x:auto}.lob-fan{min-height:var(--chip);animation:pop-in .5s var(--spring) both;background:0 0;border:0;flex:none;align-items:center;gap:6px;padding:0 10px 0 0;display:flex}.lob-fan .lob-face{width:var(--chip);height:var(--chip)}.lob-fan.is-me .lob-face{box-shadow:0 0 0 4px var(--gold)}.lob-fan-name{white-space:nowrap;text-overflow:ellipsis;max-width:8em;font-size:15px;font-weight:700;overflow:hidden}.lob-fan-add{order:-1}.lob-fan-add .lob-plus{width:var(--chip);height:var(--chip);font-size:calc(var(--chip) * .66)}.lob-trib-empty{color:#2b1d2e80;font-size:15px;font-weight:700}.lob-howto .howto{border:3px solid var(--o);background:#fff8eed9;border-radius:16px;gap:2px;padding:4px 14px;font-size:12px}.lob-howto .howto-line span{line-height:1.45}@media (max-width:720px),(orientation:landscape) and (max-height:600px){.lob-howto .howto-pad{display:none}.lob-howto .howto-line{text-align:left;grid-template-columns:auto 1fr}}@media (orientation:landscape){.lob-off+.lob-foot{flex-wrap:nowrap;padding-left:48px}.lob-howto{min-width:0}}.lob-foot{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 16px;padding-bottom:6px;display:flex}.lob-hint{text-align:center;color:#fff;paint-order:stroke fill;-webkit-text-stroke:4px var(--o);animation:pop-in .4s var(--spring) both;flex-basis:100%;margin:0 0 -4px;font-family:Lilita One,sans-serif;font-size:16px}@media (orientation:landscape){.lob-hint{flex-basis:auto;margin:0}}.lob-foot .btn-md{min-height:clamp(44px,7.2vh,52px);font-size:20px}.lob-ready.is-on{animation:jelly .45s var(--spring)}.lob-ready:not(.is-on) .btn-ico{opacity:.3}.lob-go{font-size:clamp(26px,min(3.2vw,5.4vh),40px)}.lob-wait{border:4px solid var(--o);background:var(--cream);box-shadow:0 5px 0 var(--o);white-space:nowrap;border-radius:999px;margin:0;padding:8px 20px 10px;font-family:Lilita One,sans-serif;font-size:20px;animation:1.6s ease-in-out infinite breathe}.dots-anim i{font-style:normal;animation:1.1s ease-in-out infinite dot-hop;display:inline-block}.dots-anim i:nth-child(2){animation-delay:.15s}.dots-anim i:nth-child(3){animation-delay:.3s}@keyframes dot-hop{0%,60%,to{translate:0}30%{translate:0 -7px}}@media (orientation:landscape) and (max-height:600px){.lob{--chip:28px;--face:32px;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:auto auto minmax(0,1fr) auto;gap:4px 12px}.lob-head{display:contents}.lob-head>*,.lob-modes{align-self:center}.lob-modes{grid-area:1/3}.lob-share{grid-column:4}.lob-body,.lob-foot{grid-column:1/-1}.lob-title{font-size:26px}.lob-code{padding:2px 4px 2px 10px}.lob-code-val{font-size:24px}.lob-body{grid-template-columns:minmax(0,1fr) minmax(380px,1.3fr) minmax(0,1fr);gap:6px 12px;padding:6px 4px 4px}.lob-team{gap:5px}.lob-team-name{box-shadow:0 3px 0 var(--o);border-width:3px;padding:0 16px 3px;font-size:16px}.seat{min-height:calc(var(--face) + 8px);border-width:3px;border-radius:16px;gap:8px;padding:2px 10px 2px 4px}.seat-on,.seat-free,.seat-bot{box-shadow:0 4px 0 var(--o)}.seat-on.is-me{box-shadow:0 4px 0 var(--o), 0 0 0 4px var(--gold), 0 0 0 7px var(--o)}.lob-face{border-width:2px}.lob-bot{font-size:12px}.lob-plus{width:28px;height:28px;font-size:22px}.seat-name{font-size:16px}.seat-worn .ico{width:20px;height:20px}.seat-host{width:26px;height:26px;top:-14px;left:-10px}.seat-away{top:0;left:26px}.seat-ready{padding:0 6px 1px;font-size:12px;position:absolute;bottom:-8px;right:-6px}.lob-rules{padding:2px 10px 6px}.lob-rules h3{font-size:13px}.lob-row{margin-top:4px}.lob-k{font-size:12px}.sp-ui .lob-chip{font-size:13px}.lob-points{font-size:22px}.lob-trib{border-width:3px;border-radius:16px;padding:0 10px}.lob-trib-lbl{font-size:12px}.lob-trib-row{padding:2px}.lob-fan-name{font-size:13px}.lob-foot{padding-bottom:4px}.lob-howto .howto{padding:2px 10px}.lob-hint{font-size:14px}.lob-foot .btn-md{min-height:40px;font-size:16px}.lob-go{padding:.2em 1em .3em;font-size:22px}.lob-foot .room-banner{font-size:16px}.lob-foot .room-banner .btn-md{min-height:36px}.lob-wait{padding:4px 14px 6px;font-size:16px}}@media (orientation:portrait){.lob{--chip:32px;--face:36px;gap:4px}.lob-head{grid-template-columns:auto 1fr;grid-template-areas:"back share""mid mid";row-gap:2px}.lob-head>:first-child{grid-area:back}.lob-share{grid-area:share}.lob-mid-head{flex-direction:row;grid-area:mid;justify-content:center;gap:10px}.lob-title{font-size:min(7.4vw,30px)}.lob-code{padding:2px 4px 2px 10px}.lob-code-val{font-size:24px}.lob-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"a b""rules rules""trib trib";gap:8px 10px;padding:6px 4px 4px}.lob-team{gap:6px}.lob-team-name{padding:0 14px 3px;font-size:16px}.seat{min-height:calc(var(--face) + 6px);border-radius:16px;grid-template-columns:auto minmax(0,1fr);gap:6px;padding:2px 6px 2px 4px}.seat-name{flex-wrap:wrap;gap:0 4px;font-size:15px}.seat-you{font-size:11px}.seat-worn .ico{width:20px;height:20px}.lob-bot{font-size:12px}.seat-free .lob-plus{width:28px;height:28px;font-size:21px;position:absolute;top:-10px;right:-8px}.seat-ready{padding:0 6px 1px;font-size:12px;position:absolute;bottom:-10px;right:-6px}.seat-away{top:0;left:30px}.lob-rules{padding:0 10px 6px}.lob-rules h3{font-size:14px}.lob-row{row-gap:2px;margin-top:3px}.lob-k{font-size:12px}.sp-ui .lob-chip{font-size:14px}.lob-points{font-size:26px}.lob-trib{padding:0 10px}.lob-trib-lbl{font-size:13px}.lob-fan:not(.lob-fan-add) .lob-fan-name{display:none}.lob-fan{padding:0}.lob-foot{gap:6px 10px;padding:0 0 2px 48px}.lob-foot .btn-md{min-height:42px;font-size:16px}.lob-go{padding:.2em 1em .3em;font-size:24px}.lob-wait{padding:4px 16px 6px;font-size:16px}.lob-hint{-webkit-text-stroke-width:3.5px;margin:0;font-size:14px}.lob-foot .room-banner{padding-block:3px;font-size:16px}.lob-foot .room-banner .btn-md{min-height:36px}.title-join .code-in{font-size:26px}.net-toast{font-size:18px}}.lob-rules .chips{flex-wrap:wrap;gap:5px;display:flex}.lob-step .lob-chip{font-size:26px}.lob-modes{border:4px solid var(--o);background:var(--cream);box-shadow:0 5px 0 var(--o);pointer-events:auto;border-radius:22px;justify-self:center;gap:6px;padding:5px;display:flex}.lob-mode{--mc:var(--gold);letter-spacing:.03em;color:#2b1d2e8c;min-height:clamp(38px,6.4vh,46px);transition:background .15s, transform .35s var(--boing);background:0 0;border:0;border-radius:16px;align-items:center;gap:8px;padding:0 18px;font-family:Lilita One,sans-serif;font-size:20px;display:inline-flex}.lob-mode-local2p{--mc:var(--coral)}.lob-mode-online{--mc:var(--lagoon)}.lob-mode:hover{transform:translateY(-2px)}.lob-mode.is-on{background:var(--mc);color:#fff;paint-order:stroke fill;-webkit-text-stroke:.16em var(--o);box-shadow:inset 0 0 0 3px var(--o), inset 0 -4px 0 #00000024, inset 0 4px 0 #ffffff73;animation:jelly .5s var(--spring)}.lob-mode-ico{fill:currentColor;flex:none;width:22px;height:22px}.lob-mode.is-on .lob-mode-ico{filter:drop-shadow(0 2px 0 var(--o))}.lob-off{grid-template-areas:"a rules b"}.seat-bot{background:#fff8ee99;border-style:dashed;box-shadow:0 6px #2b1d2e4d}.lob-bot-face{border-style:dashed}.lob-bot-face img{filter:grayscale(.55)opacity(.75)drop-shadow(0 3px #2b1d2e33);animation-duration:3.1s}.seat-lvl{border:2px solid var(--o);letter-spacing:.05em;background:#fff;border-radius:999px;padding:1px 8px 2px;font-size:12px;font-style:normal}.seat-name-keys{flex-wrap:wrap;row-gap:2px}.seat-keys{flex-wrap:wrap;flex-basis:100%;gap:4px;font-family:Fredoka,sans-serif;display:flex}.seat-keys kbd{min-width:0;box-shadow:0 2px 0 var(--o);padding:0 5px 1px;font-size:11px}.lob-p2{color:var(--lagoon);paint-order:stroke fill;-webkit-text-stroke:.2em var(--o)}.lob-vote svg{fill:#fff;width:26px;height:26px;stroke:var(--o);stroke-width:2px;stroke-linejoin:round}.sp-ui .lob-rule{padding:0 12px;font-size:15px}.lob-connect{grid-template-columns:repeat(2,minmax(0,380px));grid-template-areas:none;place-content:center;gap:18px 22px}.lob-connect-card{box-shadow:0 7px 0 var(--o);text-align:center;border-radius:26px;flex-direction:column;align-items:center;gap:10px;padding:18px 18px 22px;display:flex}.lob-connect-card:first-child{rotate:-1deg}.lob-connect-card:nth-child(2){rotate:1deg}.lob-connect-card h3{color:var(--grape);margin:0;font-family:Lilita One,sans-serif;font-size:24px;font-weight:400}.lob-connect-card p{margin:0 0 4px;font-weight:700}.lob-connect .code-in{font-size:26px}.lob-connect-foot{flex-direction:column;grid-column:1/-1;align-items:center;gap:8px;display:flex}.lob-code .lob-chip+.lob-chip svg{stroke:currentColor;stroke-width:3.4px;stroke-linecap:round}.room-banner,.room-chip{border:4px solid var(--o);box-shadow:0 5px 0 var(--o);pointer-events:auto;background:#fff;border-radius:999px;align-items:center;gap:10px;font-family:Lilita One,sans-serif;display:flex}.room-banner{background:linear-gradient(#fff,#fff3c9);padding:5px 6px 5px 16px;font-size:20px}.room-t{font-weight:400}.room-banner .btn-md{min-height:46px}.room-chip{padding:5px 16px 7px;font-size:17px}.room-live{border:3px solid var(--o);--nc:#37d67a;background:#37d67a;border-radius:50%;flex:none;width:14px;height:14px;animation:1.2s ease-out infinite net-beat}.lob-foot .room-banner{flex-basis:auto}@media (orientation:landscape) and (max-height:600px){.lob-mode{min-height:34px;padding:0 12px;font-size:16px}.lob-modes{box-shadow:0 3px 0 var(--o);border-width:3px;border-radius:18px;padding:3px}.sp-ui .lob-rule{padding:0 8px;font-size:13px}.lob-connect-card{padding:12px 14px 16px}}@media (orientation:portrait){.lob-modes{box-sizing:border-box;width:100%;box-shadow:0 3px 0 var(--o);border-width:3px;border-radius:18px;padding:3px}.lob-mode{flex:1;justify-content:center;gap:5px;min-height:34px;padding:0 6px;font-size:16px}.lob-mode-ico{width:18px;height:18px}.lob-off{grid-template-areas:"a b""rules rules"}.lob-off .lob-team{grid-template-columns:repeat(3,auto);place-content:start center;gap:6px;display:grid}.lob-off .lob-team-name,.lob-off .seat-on{grid-column:1/-1}.lob-off .lob-team-name{justify-self:center}.lob-off .seat-bot{border-radius:50%;min-height:0;padding:3px;display:block}.lob-off .seat-bot .seat-name{display:none}.lob-off .seat-bot .lob-face{width:38px;height:38px}.lob-connect{grid-template-columns:minmax(0,1fr);align-content:start}.seat-keys{display:none}.room-banner{font-size:17px}}.room-banner.pop{min-width:0;max-width:100%}.room-banner .room-t,.room-banner .btn-md{flex:none}.room-live-line{text-overflow:ellipsis;white-space:nowrap;opacity:.75;min-width:0;font-size:.8em;overflow:hidden}.room-live-line:before{content:"· "}.spec-chip{padding:3px 4px 3px 10px}.spec-chip b{animation:none}.spec-back{border:2px solid var(--o);background:var(--lagoon,#3cc6d8);color:#fff;font:inherit;cursor:pointer;pointer-events:auto;border-radius:999px;padding:3px 9px 4px}.cos{z-index:12;padding:var(--safe-t) var(--safe-r) var(--safe-b) var(--safe-l);pointer-events:auto;-webkit-backdrop-filter:blur(8px)saturate(1.1);backdrop-filter:blur(8px)saturate(1.1);animation:cos-in .35s var(--spring) both;background:radial-gradient(80% 70% at 50% 40%,#fff8ee8c,#0000 75%),#ffe2c48c;grid-template-rows:auto minmax(0,1fr);gap:10px;display:grid;position:absolute;inset:0}@keyframes cos-in{0%{opacity:0;scale:1.04}}.cos-head{align-items:center;gap:12px;padding-right:110px;display:flex}.cos-tabs{border:4px solid var(--o);background:var(--cream);box-shadow:0 5px 0 var(--o);border-radius:20px;gap:6px;padding:5px;display:flex}.cos-tab{letter-spacing:.03em;min-height:44px;transition:background .15s, transform .35s var(--boing);background:0 0;border:0;border-radius:14px;padding:0 16px;font-family:Lilita One,sans-serif;font-size:19px}.cos-tab:hover{transform:translateY(-2px)}.cos-tab.is-on{background:var(--gold);box-shadow:inset 0 0 0 3px var(--o), inset 0 -4px 0 #0000001f;animation:jelly .5s var(--spring)}.cos-body{overscroll-behavior:contain;scrollbar-width:thin;min-height:0;padding:4px 6px 24px;overflow-y:auto}.cos-toast{left:50%;bottom:calc(var(--safe-b) + 8px);border:3px solid var(--o);max-width:calc(100% - 32px);box-shadow:0 4px 0 var(--o);text-align:center;animation:pop-in .5s var(--spring) both;background:#fff;border-radius:16px;margin:0;padding:10px 18px;font-weight:700;position:absolute;translate:-50%}.shop{flex-direction:column;gap:18px;max-width:1120px;margin:0 auto;display:flex}.cos-sec-head{flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin-bottom:10px;display:flex}.cos-sec-head h2{margin:0;font-size:30px}.cos-sec-head small{font-size:15px;font-weight:700}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(138px,1fr));gap:14px;display:grid}.shop-feat{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.icard{border:4px solid var(--o);background:radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--rc) 30%, #fff) 0 40%, transparent 72%), var(--cream);min-width:0;box-shadow:0 6px 0 var(--o), inset 0 0 0 4px color-mix(in srgb, var(--rc) 75%, #fff);transition:transform .4s var(--boing);border-radius:22px;flex-direction:column;align-items:center;gap:2px;padding:10px 8px 12px;display:flex;position:relative}.icard:hover{transform:translateY(-5px)rotate(-1.5deg)}.icard:active{transform:translateY(3px)scale(.97)}.icard-art{aspect-ratio:1;place-items:center;width:76%;display:grid}.icard-art .ico{object-fit:contain;filter:drop-shadow(0 4px #2b1d2e2e);width:100%;height:100%}.icard-big .icard-art{width:min(70%,150px)}.icard:where(:hover) .icard-art{animation:jelly .55s var(--spring)}.icard-name{text-align:center;overflow-wrap:anywhere;max-width:100%;font-family:Lilita One,sans-serif;font-size:18px;line-height:1.1}.icard-big .icard-name{font-size:22px}.icard-rar{text-transform:uppercase;letter-spacing:.06em;color:color-mix(in srgb, var(--rc) 70%, var(--o));font-size:12px;font-weight:700}.icard-price{border:3px solid var(--o);white-space:nowrap;background:#fff;border-radius:999px;margin-top:6px;padding:4px 12px 5px;font-size:15px;font-weight:700}.icard.is-owned .icard-price{background:#c6f2cf}.icard-new{z-index:1;border:3px solid var(--o);background:var(--o);color:#fff;letter-spacing:.04em;box-shadow:0 3px 0 var(--o);border-radius:10px;padding:2px 8px 3px;font-family:Lilita One,sans-serif;font-size:13px;position:absolute;top:-10px;right:-8px;rotate:8deg}.icard.r-legendary:after,.pack.is-founder:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 35%,#fff6 50%,#0000 65%) 0 0/250% 100%;border-radius:18px;animation:3.2s ease-in-out infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{background-position:130% 0}60%,to{background-position:-30% 0}}.shop-packs{grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:14px;display:grid}.pack{border:4px solid var(--o);min-height:88px;box-shadow:0 6px 0 var(--o);text-align:left;transition:transform .4s var(--boing);background:linear-gradient(135deg,#fff3c4,#ffd9e3);border-radius:22px;align-items:center;gap:12px;padding:10px 14px;display:flex;position:relative}.pack.is-founder{background:linear-gradient(135deg,#ffe07a,#ff9a8a 55%,#9fe6ee)}.pack:hover{transform:translateY(-4px)rotate(-1deg)}.pack-icons{flex:none;display:flex}.pack-ico{border:3px solid var(--o);background:color-mix(in srgb, var(--rc) 30%, #fff);border-radius:50%;place-items:center;width:46px;height:46px;margin-left:-10px;display:grid}.pack-ico:first-child{margin-left:0}.pack-ico .ico{object-fit:contain;width:34px;height:34px}.pack-txt{flex-direction:column;flex:1;min-width:0;display:flex}.pack-txt b{font-family:Lilita One,sans-serif;font-size:22px;font-weight:400}.pack-txt small{font-size:13px;font-weight:700;line-height:1.2}.voucher{border:4px solid var(--o);box-shadow:0 5px 0 var(--o);background:repeating-linear-gradient(-45deg,#fff6c9 0 14px,#ffeaa0 14px 28px);border-radius:18px;align-items:center;gap:10px;padding:10px 16px;font-weight:700;display:flex}.voucher .btn-ico{color:var(--coral);font-size:28px}.cos-preview,.cos-gl{position:absolute;inset:0}.cos-tag{min-width:150px;min-height:42px;animation:pop-in .4s var(--boing) both;pointer-events:none;justify-content:center;position:absolute;bottom:6%;left:50%;translate:-50%}.ptag{border:3px solid var(--o);background:var(--cream);max-width:100%;box-shadow:0 4px 0 var(--o);white-space:nowrap;border-radius:14px;align-items:center;gap:6px;padding:4px 14px 4px 6px;font-family:Lilita One,sans-serif;font-size:20px;display:inline-flex}.ptag b{text-overflow:ellipsis;color:#fff;paint-order:stroke fill;-webkit-text-stroke:4px var(--o);font-weight:400;overflow:hidden}.ptag:not(:has(.emblem)){padding-left:14px}.emblem{filter:drop-shadow(0 2px #2b1d2e59);flex:none;width:1.5em;height:1.5em}.mvp-name:has(.emblem){align-items:center;gap:6px;display:inline-flex}.mvp-name .emblem{width:1.2em;height:1.2em}.sheet-stage .cos-preview{aspect-ratio:1;height:88%;inset:4% auto auto 50%;translate:-50%}.sheet-stage:has(.sheet-items) .cos-preview{height:calc(100% - 66px);top:0}.sheet-wrap{z-index:2;padding:var(--safe-t) var(--safe-r) var(--safe-b) var(--safe-l);background:#2b1d2e73;place-items:center;animation:.25s both fade;display:grid;position:absolute;inset:0}.sheet{border-color:var(--o);grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);width:min(900px,100%);max-height:100%;display:grid;position:relative;overflow:hidden}.sheet-stage{border-right:4px solid var(--o);background:radial-gradient(circle at 50% 55%, color-mix(in srgb, var(--rc) 45%, #fff) 0 30%, color-mix(in srgb, var(--rc) 80%, var(--o)) 100%);border-radius:24px 0 0 24px;min-height:340px;position:relative;overflow:hidden}.sheet-rays{aspect-ratio:1;background:repeating-conic-gradient(#ffffff38 0deg 10deg,#0000 10deg 24deg);width:180%;animation:24s linear infinite spin;position:absolute;top:55%;left:50%;translate:-50% -50%}.sheet-items{flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:absolute;bottom:10px;left:10px;right:10px}.mini{border:3px solid var(--o);background:color-mix(in srgb, var(--rc) 25%, #fff);width:48px;height:48px;box-shadow:0 3px 0 var(--o);transition:transform .35s var(--boing);border-radius:14px;place-items:center;padding:3px;display:grid}.mini .ico{object-fit:contain;width:100%;height:100%}.mini.is-on{box-shadow:0 3px 0 var(--o), 0 0 0 4px var(--gold);transform:scale(1.12)}.sheet-info{flex-direction:column;gap:8px;min-height:0;padding:22px 24px 18px;display:flex;overflow-y:auto}.sheet-rar{border:3px solid var(--o);background:var(--rc);letter-spacing:.05em;text-transform:uppercase;border-radius:999px;align-self:flex-start;padding:3px 12px 4px;font-family:Lilita One,sans-serif;font-size:15px}.sheet-title{margin:0;padding-right:48px;font-family:Lilita One,sans-serif;font-size:clamp(28px,3.4vw,40px);font-weight:400;line-height:1.05}.sheet-kind{opacity:.75;margin:0;font-weight:700}.sheet-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 10px;margin:0;padding:0;font-weight:700;list-style:none;display:grid}.sheet-list small{opacity:.7;font-weight:500}.sheet-more{opacity:.7}.sheet-note{margin:0;font-size:15px}.sheet-fair{border:3px solid var(--o);background:#e3f8e8;border-radius:14px;align-items:center;gap:8px;margin:4px 0 0;padding:8px 12px;font-size:15px;font-weight:700;display:flex}.fair-ico{fill:#36b25a;width:24px;height:24px;stroke:var(--o);stroke-width:1.5px;flex:none}.sheet-buy{flex-wrap:wrap;align-items:center;gap:12px;margin-top:6px;display:flex}.sheet-price{font-family:Lilita One,sans-serif;font-size:30px}.sheet-owned{color:#2e9a4d;font-family:Lilita One,sans-serif;font-size:24px}.sheet-block{border:3px dashed var(--o);background:#fff;border-radius:14px;padding:10px 14px;font-weight:700}.sheet-sku,.sheet-also{opacity:.8;margin:0;font-size:13px;font-weight:700}.sheet-status,.sheet-err{margin:0;font-weight:700}.sheet-err{color:#d23a4d}.sheet-waiver{opacity:.8;margin:0;font-size:12px;font-weight:700;line-height:1.3}.sheet-legal{flex-wrap:wrap;gap:4px 12px;margin:auto 0 0;padding-top:6px;font-size:12px;display:flex}.sheet-legal-btn{color:inherit;font:inherit;opacity:.7;cursor:pointer;background:0 0;border:0;padding:2px 0;text-decoration:underline}.sheet-legal-btn:hover,.sheet-legal-btn:focus-visible{opacity:1}.sheet-close{position:absolute;top:12px;right:12px}.grant{z-index:3;padding:var(--safe-t) var(--safe-r) var(--safe-b) var(--safe-l);background:radial-gradient(circle,#2b1d2e59,#2b1d2eb3);place-items:center;animation:.25s both fade;display:grid;position:absolute;inset:0;overflow:hidden}.grant-rays{aspect-ratio:1;background:repeating-conic-gradient(#ffe68c4d 0deg 8deg,#0000 8deg 20deg);width:170vmax;animation:20s linear infinite spin;position:absolute;top:48%;left:50%;translate:-50% -50%;-webkit-mask:radial-gradient(circle,#000 10%,#0000 45%);mask:radial-gradient(circle,#000 10%,#0000 45%)}.grant-in{text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:100%;display:flex;position:relative}.grant-title{font-size:clamp(48px,9vw,96px)}.grant-items{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.grant-item{border:4px solid var(--o);background:radial-gradient(circle at 50% 32%, #fff 0 25%, color-mix(in srgb, var(--rc) 45%, #fff) 70%);width:150px;box-shadow:0 7px 0 var(--o), 0 0 0 6px color-mix(in srgb, var(--rc) 60%, transparent), 0 0 40px 10px color-mix(in srgb, var(--rc) 70%, transparent);animation:grant-pop .9s var(--boing) var(--d,0s) both;border-radius:24px;flex-direction:column;align-items:center;padding:12px 8px 14px;display:flex}@keyframes grant-pop{0%{opacity:0;rotate:-30deg;scale:.1}50%{opacity:1}}.grant-item .icard-art{width:96px;animation:hop 1.3s var(--spring) calc(var(--d,0s) + .9s) infinite}.grant-item b{font-family:Lilita One,sans-serif;font-size:20px;font-weight:400;line-height:1.1}.grant-item small{text-transform:uppercase;font-size:12px;font-weight:700}.grant-date{color:#fff;paint-order:stroke fill;-webkit-text-stroke:3px var(--o);margin:0;font-weight:700}.grant-note{border:3px solid var(--o);background:var(--cream);border-radius:16px;max-width:520px;margin:0;padding:10px 16px;font-weight:700}.grant-btns{animation:pop-in .6s var(--spring) .8s both;gap:14px;display:flex}.lock{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:16px;max-width:1180px;height:100%;margin:0 auto;display:grid}.cos-locker .cos-body{overflow:hidden}.lock-stage{place-items:center;min-height:0;display:grid;position:relative}.lock-trial{border:4px solid var(--o);background:var(--grape);color:#fff;letter-spacing:.06em;paint-order:stroke fill;-webkit-text-stroke:4px var(--o);box-shadow:0 4px 0 var(--o);animation:pop-in .5s var(--spring) both;border-radius:14px;padding:4px 16px 6px;font-family:Lilita One,sans-serif;font-size:22px;position:absolute;top:12px;left:50%;translate:-50%;rotate:-3deg}.lock-panel{grid-template-rows:auto minmax(0,1fr) auto;gap:10px;min-height:0;padding:12px;display:grid}.lock-tabs{flex-wrap:wrap;gap:6px;padding:2px 2px 6px;display:flex}.lock-tab{white-space:nowrap;width:auto;height:44px;padding:0 12px;font-size:15px;font-weight:700}.lock-scroll{min-height:0;margin:0 -6px;padding:10px 10px 12px;overflow-y:auto}.lock-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;display:grid}.ltile{border:3px solid var(--o);background:color-mix(in srgb, var(--rc,#fff) 22%, #fff);min-height:108px;box-shadow:0 4px 0 var(--o);transition:transform .35s var(--boing);border-radius:18px;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;display:flex;position:relative}.ltile:hover{transform:translateY(-3px)}.ltile .ico{object-fit:contain;width:58px;height:58px}.ltile:where(.is-locked) .ico{opacity:.8;filter:saturate(.75)}.ltile.is-on{background:var(--gold);box-shadow:0 4px 0 var(--o), 0 0 0 4px #fff, 0 0 0 7px var(--o);animation:jelly .5s var(--spring)}.ltile-name{text-align:center;font-size:14px;font-weight:700;line-height:1.1}.ltile-src{text-align:center;opacity:.8;align-items:center;gap:3px;font-size:11px;font-weight:700;line-height:1.1;display:inline-flex}.ltile-none{border:4px dashed #2b1d2e66;border-radius:50%;width:58px;height:58px}.lock-ico{fill:currentColor;flex:none;width:12px;height:12px}.lock-hint{text-align:center;margin:4px 0 10px;font-size:14px;font-weight:700}.wheel{justify-content:center;gap:10px;display:flex}.wheel-slot{border:4px solid var(--o);width:64px;height:64px;box-shadow:0 4px 0 var(--o);transition:transform .35s var(--boing);background:#fff;border-radius:50%;padding:4px;position:relative}.wheel-slot img{object-fit:contain;width:100%;height:100%}.wheel-slot.is-on{background:var(--gold);transform:scale(1.12)}.wheel-slot.is-trial{border-style:dashed}.wheel-slot kbd{border:2px solid var(--o);background:var(--cream);border-radius:7px;place-items:center;width:20px;height:20px;padding:0;font:700 12px/1 Fredoka,sans-serif;display:grid;position:absolute;bottom:-8px;right:-10px}.lock-foot{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.lock-cta{margin-right:auto}.lock-note{margin-right:auto;font-size:13px;font-weight:700}.lock-saved{color:#2e9a4d;animation:pop-in .5s var(--spring) both;font-family:Lilita One,sans-serif;font-size:20px}.lock-offline{border:3px dashed var(--o);text-align:center;background:#fff;border-radius:14px;flex:1;padding:10px 14px;font-weight:700}.pass{grid-template-rows:auto minmax(0,1fr);gap:14px;max-width:1200px;height:100%;margin:0 auto;display:grid}.cos-pass .cos-body{overflow:hidden}.pass-head{flex-wrap:wrap;align-items:center;gap:10px 20px;display:flex}.pass-lv-badge{flex:none;width:96px}.pass-lv-badge svg{fill:var(--gold)}.pass-lv-badge .burst-txt{flex-direction:column;font-family:Lilita One,sans-serif;line-height:.9}.pass-lv-badge small{font-size:14px}.pass-lv-badge b{font-size:34px;font-weight:400}.pass-info{flex-direction:column;flex:260px;gap:4px;min-width:0;display:flex}.pass-title{margin:0;font-size:clamp(24px,3vw,36px)}.pass-dates,.pass-off{margin:0;font-weight:700}.pass-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px 10px;max-width:470px;display:flex}.pass-after{font-size:13px;font-weight:700}.pass-prem-on{border:4px solid var(--o);background:linear-gradient(135deg, var(--gold), #ff9eb5);box-shadow:0 4px 0 var(--o);border-radius:14px;padding:6px 14px;font-family:Lilita One,sans-serif;font-size:20px}.xpbar{border:4px solid var(--o);height:28px;box-shadow:0 4px 0 var(--o);background:#fff;border-radius:999px;position:relative;overflow:hidden}.xpbar i{width:calc(var(--k,0) * 100%);background:repeating-linear-gradient(-45deg, #b98af5 0 10px, var(--grape) 10px 20px);border-right:3px solid var(--o);transition:width 1.1s var(--spring);animation:1s linear infinite stripes;position:absolute;inset:0 auto 0 0}.xpbar span{color:#fff;paint-order:stroke fill;-webkit-text-stroke:3px var(--o);padding:0 12px;font-size:14px;font-weight:700;line-height:20px;display:block;position:relative}.pass-track{scroll-behavior:smooth;grid-template-rows:minmax(0,470px);grid-auto-columns:104px;grid-auto-flow:column;align-content:start;gap:10px;min-height:0;padding:4px 8px 14px 0;display:grid;overflow:auto hidden}.pass-lanes{z-index:2;grid-template-rows:30px repeat(2,minmax(0,1fr));gap:10px;width:44px;display:grid;position:sticky;left:0}.pass-lanes span{border:3px solid var(--o);writing-mode:vertical-rl;letter-spacing:.06em;color:#fff;paint-order:stroke fill;-webkit-text-stroke:3px var(--o);border-radius:14px;place-items:center;font-family:Lilita One,sans-serif;font-size:16px;display:grid;rotate:180deg}.pass-lanes span:first-child{visibility:hidden}.lane-free{background:var(--lagoon)}.lane-prem{background:linear-gradient(180deg, var(--gold), var(--grape))}.pass-track:has(.pass-lanes){grid-template-columns:44px}.pass-col{grid-template-rows:30px repeat(2,minmax(0,1fr));gap:10px;display:grid}.pass-num{border:3px solid var(--o);background:#fff;border-radius:999px;place-items:center;font-family:Lilita One,sans-serif;font-size:17px;display:grid}.pass-col.is-reached .pass-num{background:var(--grape);color:#fff}.pass-col.is-now .pass-num{background:var(--gold);color:var(--o);animation:1.4s ease-in-out infinite breathe}.cell{border:3px solid var(--o);background:color-mix(in srgb, var(--rc,#fff) 22%, #fff);min-height:0;box-shadow:0 4px 0 var(--o);color:var(--o);font:inherit;cursor:pointer;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 4px;display:flex;position:relative}.cell-premium{background:color-mix(in srgb, var(--rc,#fff) 22%, #fff5d6)}.cell.is-empty{box-shadow:none;background:#ffffff4d;border-style:dashed;border-color:#2b1d2e40}.cell .ico{aspect-ratio:1;object-fit:contain;width:auto;max-width:76%;height:min(72px,55%)}.cell-name{text-align:center;font-size:12px;font-weight:700;line-height:1.1}.cell:where(.is-locked:not(.is-done)) .ico{opacity:.55}.cell:disabled{cursor:default}.pass-goal{border:3px solid var(--o);box-shadow:0 3px 0 var(--o);background:#fff5d6;border-radius:16px;align-items:center;gap:6px;padding:4px 8px 4px 10px;display:flex}.pass-goal small{font-family:Lilita One,sans-serif;font-size:14px}.cell.is-claim{cursor:pointer;background:var(--gold);box-shadow:0 4px 0 var(--o), 0 0 0 4px #fff, 0 0 22px 6px #ffd23fe6;animation:claim-bob 1.1s var(--spring) infinite}@keyframes claim-bob{50%{translate:0 -5px;scale:1.04}}.cell-cta{border:3px solid var(--o);background:var(--coral);color:#fff;letter-spacing:.03em;border-radius:10px;padding:2px 8px 3px;font-family:Lilita One,sans-serif;font-size:12px;position:absolute;bottom:-12px}.cell-done{border:3px solid var(--o);color:#fff;width:26px;height:26px;animation:pop-in .5s var(--spring) both;background:#6bd48a;border-radius:50%;place-items:center;font-weight:700;display:grid;position:absolute;top:-8px;right:-8px}.cell-lock{background:var(--o);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:6px;right:6px}.xp{border-radius:22px;align-items:center;gap:14px;width:min(560px,100%);padding:10px 16px;display:flex;position:relative;rotate:.6deg}.xp-gain{color:var(--grape);flex-direction:column;flex:none;align-items:center;font-family:Lilita One,sans-serif;line-height:.95;display:flex}.xp-gain b{font-size:38px;font-weight:400}.xp-gain small{font-size:16px}.xp-main{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.xp-parts{flex-wrap:wrap;gap:5px;display:flex}.xp-part{border:2px solid var(--o);background:#fff;border-radius:999px;padding:1px 8px 2px;font-size:13px;font-weight:700}.xp-part b{color:var(--grape)}.xp-reason{margin:0;font-size:14px;font-weight:700}.xp .xpbar{height:24px}.xp .xpbar span{font-size:13px;line-height:16px}.xp-up{flex-direction:column;flex:none;align-items:center;gap:4px;display:flex}.xp-burst{width:78px;animation:pop-in .8s var(--boing) 2.6s both}.xp-burst svg{fill:var(--gold)}.xp-burst .burst-txt{flex-direction:column;font-family:Lilita One,sans-serif;line-height:.9}.xp-burst small{font-size:10px}.xp-burst b{font-size:24px;font-weight:400}.title-cos .btn{min-height:44px}@media (max-width:760px),(max-height:520px){.cos-tab{padding:0 10px;font-size:16px}.cos-sec-head h2{font-size:24px}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px}.icard-name{font-size:15px}.icard-big .icard-name{font-size:17px}.icard-price{padding:3px 9px 4px;font-size:13px}.shop-packs{grid-template-columns:minmax(0,1fr)}.pack{flex-wrap:wrap}.pack-txt{flex-basis:100%;order:3}.pack .icard-price{margin:0 0 0 auto}}@media (orientation:portrait){.cos-head{padding-right:0}.cos-tabs{flex:1;justify-content:space-between}.cos-tab{flex:1;padding:0 4px}.shop-feat{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sheet{grid-template-rows:minmax(200px,36vh) auto;grid-template-columns:1fr;overflow-y:auto}.sheet-stage{border-right:0;border-bottom:4px solid var(--o);border-radius:24px 24px 0 0;min-height:0}.sheet-info{padding:16px 16px 14px;overflow:visible}.lock{grid-template-rows:34% minmax(0,1fr);grid-template-columns:1fr;gap:8px}.lock-grid{grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:8px}.lock-tabs{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto;-webkit-mask:linear-gradient(90deg,#000 85%,#0000);mask:linear-gradient(90deg,#000 85%,#0000)}.pass-head{gap:8px 12px}.pass-lv-badge{width:72px}.pass-lv-badge b{font-size:26px}.pass-info{flex-basis:calc(100% - 90px)}.pass-actions{text-align:center;flex:100%;justify-content:center;max-width:none}.pass-track{grid-auto-columns:92px}.xp{gap:10px;padding:8px 12px}.xp-gain b{font-size:30px}}@media (prefers-reduced-motion:reduce){.cell.is-claim,.icard.r-legendary:after,.pack.is-founder:after,.grant-rays,.sheet-rays{animation:none}}.cos *,.xp{box-sizing:border-box}.cos-vestiaire .cos-body{overflow:visible}.vest{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.vest-stage{place-items:center;min-height:0;display:grid;position:relative}.vest-stage .sel-rays{width:min(70vh,100%)}.vest-stage .sel-podium{bottom:13%}.sp-ui .vest-preview{z-index:1;pointer-events:none;inset:-2% -12% 9%}.vest-stage .lock-trial{z-index:2;top:auto;bottom:64px}.vest-scroll .sel-species{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}.vest-scroll .tile{box-shadow:0 4px 0 var(--o);border-width:3px;border-radius:14px}.sel-name.vest-name{z-index:2;bottom:0}.vest-tabs{flex-wrap:nowrap}.sp-ui .vest-tab{letter-spacing:.04em;flex:1;height:48px;font-family:Lilita One,sans-serif;font-size:19px;font-weight:400}.vest-scroll h3{letter-spacing:.08em;text-transform:uppercase;color:var(--grape);margin:14px 0 8px;font-family:Lilita One,sans-serif;font-size:17px;font-weight:400}.vest-acc{color:var(--o);text-transform:none;animation:pop-in .35s var(--boing);display:inline-block}.vest-scroll>:first-child,.vest-scroll>section:first-child h3{margin-top:0}.vest-patch i{border:2px solid var(--o);background:linear-gradient(135deg, var(--p1) 50%, var(--p2) 50%);border-radius:50%;width:24px;height:24px}.vest-name-in{pointer-events:auto;box-sizing:border-box;border:4px solid var(--o);width:100%;min-height:48px;box-shadow:0 5px 0 var(--o), inset 0 4px 0 #2b1d2e14;color:var(--o);-webkit-user-select:text;user-select:text;transition:transform .3s var(--boing);background:#fff;border-radius:16px;outline:none;padding:0 14px;font-family:Lilita One,sans-serif;font-size:22px}.vest-name-in:focus{border-color:var(--grape);transform:rotate(-.6deg)scale(1.02)}.vest-name-in::placeholder{color:#2b1d2e4d}.vest-saved{margin-left:auto;font-size:17px}.vest-ended{color:var(--grape);animation:pop-in .4s var(--spring) both;font-family:Lilita One,sans-serif;font-size:17px}.pass-col.is-focus .cell{animation:jelly .6s var(--spring) .3s 2;box-shadow:0 4px 0 var(--o), 0 0 0 4px var(--gold), 0 0 0 7px var(--o)}@media (orientation:portrait){.vest{grid-template-rows:32% minmax(0,1fr);grid-template-columns:1fr}.sp-ui .vest-preview{inset:-14% -4% 8%}.sp-ui .vest-tab{padding:0 4px;font-size:17px}.vest-tabs{-webkit-mask:none;mask:none}.vest-stage .sel-title{font-size:30px}.vest-stage .lock-trial{bottom:48px}.vest-foot{padding-left:44px}.vest-scroll .sel-species{gap:5px}}@media (orientation:landscape) and (max-height:520px){.sp-ui .vest-tab{height:40px;font-size:16px}.vest-stage .sel-title{font-size:30px}}.fb-pill{left:calc(12px + 44px + 10px + env(safe-area-inset-left));bottom:calc(12px + env(safe-area-inset-bottom));z-index:60;border:3px solid var(--o);background:var(--cream);height:44px;box-shadow:0 3px 0 var(--o);transition:transform .35s var(--boing);border-radius:22px;padding:0 14px;font-size:15px;font-weight:700;position:fixed}.fb-pill:hover{transform:translateY(-3px)rotate(-2deg)}.fb-pill:active{box-shadow:0 1px 0 var(--o);transform:translateY(2px)scale(.94)}.fb-veil{z-index:70;padding:var(--safe-t) var(--safe-r) var(--safe-b) var(--safe-l);pointer-events:auto;background:#2b1d2e73;place-items:center;display:grid;position:fixed;inset:0}.fb{box-sizing:border-box;gap:10px;width:min(440px,100%);max-height:100%;padding:16px 18px 18px;display:grid;overflow:auto}.fb-title{text-align:center;margin:0;font-size:30px}.fb-cats{gap:8px;display:flex}.fb-cat{border:3px solid var(--o);box-shadow:0 3px 0 var(--o);transition:transform .35s var(--boing);background:#fff;border-radius:14px;flex:1;padding:8px 6px;font-weight:700}.fb-cat.is-on{background:var(--grape);color:#fff;animation:jelly .5s var(--spring);transform:scale(1.06)}.fb-text{box-sizing:border-box;resize:vertical;border:3px solid var(--o);width:100%;min-height:120px;color:var(--o);-webkit-user-select:text;user-select:text;background:#fff;border-radius:14px;padding:10px 12px;font:500 16px/1.35 Fredoka,system-ui,sans-serif}.fb-text:focus-visible{outline:3px solid var(--lagoon);outline-offset:1px}.fb-meta{opacity:.7;justify-content:space-between;gap:8px;font-size:12px;display:flex}.fb-count{font-variant-numeric:tabular-nums;flex:none}.fb-actions{justify-content:flex-end;gap:10px;display:flex}.fb-toast{left:50%;bottom:calc(var(--safe-b) + 64px);z-index:80;border:3px solid var(--o);max-width:calc(100% - 32px);box-shadow:0 4px 0 var(--o);text-align:center;animation:pop-in .5s var(--spring) both;background:#fff;border-radius:16px;margin:0;padding:10px 18px;font-weight:700;position:fixed;translate:-50%}.fb-toast.is-err{background:var(--blush)}