:root{--navy:#0b1846;--navy-2:#14245e;--blue-900:#0a1f5c;--blue-800:#102d84;--blue-700:#1a3fae;--blue-600:#2456d6;--blue-500:#2f6bff;--blue-300:#7fb0ff;--blue-100:#d6e6ff;--panel:#1b3c9e;--panel-2:#142f86;--panel-border:#4d86ff;--yellow:#ffd21f;--yellow-2:#ffb300;--yellow-3:#d98200;--yellow-light:#fff38a;--green:#3ccf4e;--green-2:#1f9e36;--red:#e8322e;--red-2:#b81d24;--orange:#ff8a1f;--purple:#8b4cf6;--sky-top:#1d56d8;--sky-bottom:#0c2a7c;--grass-1:#55c449;--grass-2:#45b23d;--grass-dark:#2f8a2c;--text:#fff;--text-dim:#d3e2ff;--text-mute:#8fa9e6;--ink:#1b1f45;--bg:var(--blue-900);--bg-2:var(--blue-800);--surface:var(--panel);--surface-2:var(--panel-2);--surface-3:var(--blue-700);--line:#ffffff29;--line-strong:#ffffff4d;--volt:var(--yellow);--volt-deep:var(--yellow-2);--volt-glow:#ffd21f80;--rival:#2f6bff;--rival-glow:#2f6bff80;--danger:#ff3b3b;--violet:var(--purple);--cyan:#22d3ee;--fire:#ff7a1a;--gold:#ffc93c;--font-display:"Lilita One", "Arial Black", "Impact", system-ui, sans-serif;--font-body:"Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--frame-w:min(100vw, calc(100dvh * 9 / 16));--frame-h:100dvh;--side-w:232px;--nav-h:72px;--hud-h:52px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--radius-sm:10px;--radius:16px;--radius-lg:24px;--stroke:3px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{height:100%;color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;background:#06123a;margin:0;padding:0;font-weight:700;overflow:hidden}body{background:radial-gradient(1200px 700px at 50% -10%,#508cff59,#0000 60%),radial-gradient(900px 600px at 50% 115%,#55c4494d,#0000 60%),#06123a}#root{justify-content:center;align-items:center;height:100dvh;display:flex}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}img,svg{display:block}.app-frame{width:var(--frame-w);height:var(--frame-h);background:var(--bg);isolation:isolate;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;container:frame/size}@media (aspect-ratio>=10/16){.app-frame{box-shadow:0 0 0 1px #ffffff0f,0 40px 120px #000c}}@media (width>=1024px) and (aspect-ratio>=4/3){:root{--frame-w:100vw}}.screen{padding-top:var(--safe-top);animation:screen-enter .42s var(--ease-out) backwards;flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.screen--nav{padding-bottom:calc(var(--nav-h) + var(--safe-bottom))}@container frame (width>=1000px) and (aspect-ratio>=4/3){.screen--nav{padding-bottom:0;padding-left:var(--side-w)}}@keyframes screen-enter{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:none}}.display{font-family:var(--font-display);letter-spacing:.01em;text-transform:uppercase;font-weight:400;line-height:.95}.display-italic{font-family:var(--font-display);text-transform:uppercase;font-style:italic;font-weight:400;line-height:.92}.outlined{color:#fff;-webkit-text-stroke:.16em var(--navy);paint-order:stroke fill;text-shadow:0 .09em 0 var(--navy)}.outlined-thin{color:#fff;-webkit-text-stroke:.1em var(--navy);paint-order:stroke fill;text-shadow:0 .06em 0 var(--navy)}.label{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);font-size:13px;font-weight:400}.panel{border-radius:var(--radius);background:linear-gradient(180deg, #2a55cf 0%, var(--panel) 45%, var(--panel-2) 100%);border:var(--stroke) solid var(--navy);box-shadow:inset 0 2px 0 #ffffff47, inset 0 -3px 0 #00000038, 0 4px 0 var(--navy);position:relative}.text-volt{color:var(--yellow)}.text-rival{color:var(--rival)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes pop-in{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 var(--volt-glow)}50%{box-shadow:0 0 0 10px #ffd21f00}}@keyframes bounce-in{0%{opacity:0;transform:scale(.3)}55%{opacity:1;transform:scale(1.12)}75%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}@keyframes sheen{0%{transform:translate(-120%)skew(-18deg)}to{transform:translate(220%)skew(-18deg)}}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.nav{z-index:40;height:calc(var(--nav-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:linear-gradient(180deg, #1a2f7c 0%, #10205c 45%, var(--navy) 100%);border-top:3px solid var(--navy);animation:nav-in .38s var(--ease-out) both;position:absolute;bottom:0;left:0;right:0;box-shadow:inset 0 1px #ffffff2e,0 -4px 14px #06124659}.nav-bar{height:calc(var(--nav-h) - 3px);padding:0 4px;display:flex;position:relative}.nav-tab{z-index:1;color:#7f97d6;min-width:0;transition:color .2s var(--ease-out), transform .32s var(--ease-spring);-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:4px 2px 6px;display:flex;position:relative}.nav-tab:focus-visible{outline-offset:-4px;border-radius:12px;outline:2px solid #fff}.nav-icon{width:28px;height:28px;transition:transform .2s var(--ease-out);flex:none;overflow:visible}.nav-shine{fill:none;stroke:#fff;stroke-opacity:.55;stroke-width:1.5px}.nav-mark{fill:var(--navy);stroke:none;opacity:.55}.nav-tab--active .nav-mark{opacity:.8}.nav-handle{fill:none;stroke:var(--navy);stroke-width:2.6px}.nav-label{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;color:#a9bff0;transition:color .2s var(--ease-out);font-size:12px;font-weight:400;line-height:1}.nav--five .nav-label{letter-spacing:.02em;font-size:11.5px}.nav-tab:active .nav-icon{transform:scale(.84)}@media (hover:hover){.nav-tab:not(.nav-tab--active):hover{color:#a9bff0}.nav-tab:not(.nav-tab--active):hover .nav-label{color:#fff}}.nav-tab--active{color:var(--yellow);transform:translateY(-7px)}.nav-tab--active .nav-icon{width:31px;height:31px;animation:nav-pop .46s var(--ease-spring) both}.nav-tab--active .nav-label{color:var(--yellow);-webkit-text-stroke:3px var(--navy);paint-order:stroke fill;text-shadow:0 1.5px 0 var(--navy)}.nav-indicator{top:0;bottom:0;left:calc(4px + (100% - 8px) / var(--nav-n) * var(--nav-i));width:calc((100% - 8px) / var(--nav-n));pointer-events:none;transition:left .38s var(--ease-spring);position:absolute}.nav-indicator-tab{border:3px solid var(--navy);box-shadow:inset 0 2px 0 #fff6, inset 0 -4px 0 #0000002e, 0 3px 0 var(--navy);animation:nav-tab-in .42s var(--ease-spring) both;background:linear-gradient(#4d86ff 0%,#2456d6 55%,#1a3fae 100%);border-radius:16px 16px 14px 14px;position:absolute;inset:-13px 3px 7px}@keyframes nav-pop{0%{transform:scale(.7)rotate(-10deg)}55%{transform:scale(1.18)rotate(6deg)}to{transform:scale(1)rotate(0)}}@keyframes nav-tab-in{0%{transform:translateY(8px)scaleY(.7)}to{transform:none}}@keyframes nav-in{0%{transform:translateY(100%)}to{transform:none}}.nav-logo{display:none}@container frame (width>=1000px) and (aspect-ratio>=4/3){.nav{width:var(--side-w);background:radial-gradient(120% 40% at 50% 0%, #5a96ff59, transparent 70%), linear-gradient(180deg, #1a2f7c 0%, #10205c 55%, var(--navy) 100%);border-top:0;border-right:3px solid var(--navy);flex-direction:column;align-items:stretch;gap:22px;height:auto;padding:18px 0;animation-name:nav-in-side;display:flex;top:0;bottom:0;right:auto;box-shadow:inset -1px 0 #ffffff2e,4px 0 16px #06124666}.nav-logo{cursor:pointer;transition:transform .22s var(--ease-spring);justify-content:center;padding:4px 0 0;display:flex}.nav-bar{flex-direction:column;gap:10px;height:auto;padding:0 16px}.nav-tab{cursor:pointer;border-radius:16px;flex-direction:row;flex:none;justify-content:flex-start;gap:14px;height:58px;padding:0 18px}.nav-icon,.nav-tab--active .nav-icon{width:30px;height:30px}.nav-label,.nav--five .nav-label{letter-spacing:.04em;font-size:17px}.nav-tab--active{color:#fff;transform:translate(4px)}.nav-tab--active .nav-label{color:var(--navy);-webkit-text-stroke:0;text-shadow:0 1px #ffffff8c}.nav-indicator{top:calc(var(--nav-i) * (58px + 10px));width:calc(100% - 32px);height:58px;transition:top .38s var(--ease-spring);bottom:auto;left:16px}.nav-indicator-tab{background:linear-gradient(180deg, var(--yellow-light) 0%, var(--yellow) 50%, var(--yellow-2) 100%);border:3px solid var(--navy);box-shadow:inset 0 2px 0 #fff9, inset 0 -4px 0 var(--yellow-3), 0 4px 0 var(--navy);border-radius:16px;animation:none;inset:0 -4px 0 4px}.nav-tab--active .nav-mark{fill:var(--yellow-3)}@media (hover:hover){.nav-logo:hover{transform:scale(1.04)rotate(-1.5deg)}.nav-tab:not(.nav-tab--active):hover{background:#ffffff14;transform:translate(3px)}}}@keyframes nav-in-side{0%{transform:translate(-100%)}to{transform:none}}.logo{filter:drop-shadow(0 6px 10px #06124659);flex:none;display:block;overflow:visible}.logo-text{font-family:var(--font-display);font-weight:400}.logo-rouba,.logo-craque,.logo-ball,.logo-crown,.logo-streaks,.logo-spark{transform-box:fill-box;transform-origin:50% 100%}.logo-ball{transform-origin:50%}.logo-crown{animation:logo-crown-idle 3.2s var(--ease-in-out) infinite}.logo-spark{transform-origin:50%;animation:logo-twinkle 1.8s var(--ease-in-out) infinite}.logo-spark--2{animation-delay:-.6s}.logo-spark--3{animation-delay:-1.2s}.logo-ball{animation:logo-ball-idle 4s var(--ease-in-out) infinite}.logo--animated .logo-rouba{animation:logo-drop .62s var(--ease-spring) both}.logo--animated .logo-craque{animation:logo-squash .76s var(--ease-out) .14s both}.logo--animated .logo-ball{animation:logo-ball-in .7s var(--ease-out) .42s both, logo-ball-idle 4s var(--ease-in-out) 1.2s infinite}.logo--animated .logo-streaks{animation:logo-streaks-in .42s var(--ease-out) .82s both}.logo--animated .logo-crown{animation:logo-crown-pop .56s var(--ease-spring) .64s both, logo-crown-idle 3.2s var(--ease-in-out) 1.3s infinite}.logo--animated .logo-sparkles{animation:.3s ease-out .9s both fade-in}@keyframes logo-drop{0%{opacity:0;transform:translateY(-60%)scale(.9,1.15)}55%{opacity:1;transform:translateY(4%)scale(1.12,.84)}75%{transform:translateY(-3%)scale(.96,1.05)}to{opacity:1;transform:none}}@keyframes logo-squash{0%{opacity:0;transform:scale(.3)}45%{opacity:1;transform:scale(1.14,.86)}65%{transform:scale(.94,1.08)}82%{transform:scale(1.03,.97)}to{opacity:1;transform:none}}@keyframes logo-ball-in{0%{opacity:0;transform:translate(160%)rotate(300deg)}70%{opacity:1;transform:translate(-10%)rotate(-20deg)}to{opacity:1;transform:none}}@keyframes logo-ball-idle{0%,80%,to{transform:rotate(0)}88%{transform:rotate(-18deg)translateY(-3%)}94%{transform:rotate(8deg)}}@keyframes logo-streaks-in{0%{opacity:0;transform:translate(-20%)scaleX(.4)}to{opacity:1;transform:none}}@keyframes logo-crown-pop{0%{opacity:0;transform:translateY(-40%)scale(.2)rotate(-30deg)}60%{opacity:1;transform:translateY(4%)scale(1.25)rotate(8deg)}to{opacity:1;transform:none}}@keyframes logo-crown-idle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)translateY(-4%)}}@keyframes logo-twinkle{0%,to{opacity:1;transform:scale(1)rotate(0)}50%{opacity:.6;transform:scale(.5)rotate(25deg)}}.cm{z-index:60;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;outline:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.cm-backdrop,.cm-glow,.cm-rays,.cm-sparks{pointer-events:none;position:absolute}.cm-backdrop{-webkit-backdrop-filter:blur(8px)saturate(1.2);backdrop-filter:blur(8px)saturate(1.2);animation:cm-fade .22s var(--ease-out) both;background:radial-gradient(90% 60% at 50% 42%,#2456d68c,#0000 70%),#081446b8;inset:0}.cm-glow{aspect-ratio:1;background:radial-gradient(closest-side, var(--cm-glow), transparent 70%);width:130%;animation:cm-glow-in .52s var(--ease-out) both;top:42%;left:50%;transform:translate(-50%,-50%)}.cm-rays{aspect-ratio:1;background:repeating-conic-gradient(from 0deg, #ffd21f8c 0deg 7deg, transparent 7deg 15deg, var(--cm-ray) 15deg 22deg, transparent 22deg 30deg);opacity:.55;width:220%;animation:cm-rays-in .6s var(--ease-out) both, cm-rays-spin 30s linear infinite;top:42%;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:radial-gradient(closest-side,#000 6%,#00000080 35%,#0000 68%);mask-image:radial-gradient(closest-side,#000 6%,#00000080 35%,#0000 68%)}.cm-sparks{inset:0}.cm-sparks svg{animation:cm-twinkle 1.6s var(--ease-in-out) infinite;position:absolute;overflow:visible}.cm-content{z-index:1;max-height:100%;padding:calc(34px + var(--safe-top)) 16px calc(14px + var(--safe-bottom));animation:cm-content-in .24s var(--ease-out) both;flex-direction:column;align-items:center;gap:16px;display:flex;position:relative}.cm-stage{perspective:1100px;cursor:default}.cm-tilt{transform:rotateX(var(--cm-rx,0deg)) rotateY(var(--cm-ry,0deg));transition:transform .52s var(--ease-spring)}.cm-tilt--active{transition:transform 90ms linear}.cm-card{animation:cm-card-in .72s var(--ease-out) both}.cm-float{animation:3.6s ease-in-out .76s infinite cm-float}.cm-tier{background:linear-gradient(180deg, var(--cm-ray) -40%, var(--cm-tier) 45%, var(--cm-tier-dark) 130%);border:3px solid var(--navy);box-shadow:inset 0 2px 0 #ffffff73, inset 0 -3px 0 #0003, 0 4px 0 var(--navy);cursor:default;animation:cm-pop .52s var(--ease-spring) .26s both;border-radius:999px;align-items:center;gap:10px;padding:6px 16px 6px 18px;display:inline-flex}.cm-tier-label{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:#fff;-webkit-text-stroke:4px var(--navy);paint-order:stroke fill;text-shadow:0 2px 0 var(--navy);font-size:22px;font-weight:400;line-height:1.1}.cm--legend .cm-tier-label{color:#ffe070}.cm-actions{animation:cm-pop .52s var(--ease-spring) .36s both}.cm--closing{pointer-events:none}.cm--closing .cm-backdrop,.cm--closing .cm-glow,.cm--closing .cm-sparks,.cm--closing .cm-rays{animation:cm-fade-out .2s var(--ease-in-out) both}.cm--closing .cm-content{animation:cm-content-out .2s var(--ease-in-out) both}@keyframes cm-fade{0%{opacity:0}to{opacity:1}}@keyframes cm-fade-out{to{opacity:0}}@keyframes cm-glow-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes cm-rays-in{0%{opacity:0}}@keyframes cm-rays-spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes cm-content-in{0%{opacity:0}}@keyframes cm-content-out{to{opacity:0;transform:scale(.9)translateY(16px)}}@keyframes cm-card-in{0%{opacity:0;transform:perspective(900px)translateY(60px)scale(.3)rotateY(-120deg)}45%{opacity:1;transform:perspective(900px)translateY(-14px)scale(1.12,1.06)rotateY(10deg)}62%{transform:perspective(900px)translateY(4px)scale(.95,1.02)rotateY(-4deg)}78%{transform:perspective(900px)translateY(-3px)scale(1.02,.99)rotateY(1deg)}to{opacity:1;transform:perspective(900px)translateY(0)scale(1)rotateY(0)}}@keyframes cm-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-7px)rotate(.6deg)}}@keyframes cm-pop{0%{opacity:0;transform:scale(.5)translateY(10px)}60%{opacity:1;transform:scale(1.1)translateY(-2px)}to{opacity:1;transform:none}}@keyframes cm-twinkle{0%,to{opacity:1;transform:scale(1)rotate(0)}50%{opacity:.5;transform:scale(.45)rotate(30deg)}}.gb{--gb-h:56px;--gb-fs:25px;--gb-px:24px;--gb-ow:3px;--gb-bevel:6px;--gb-drop:4px;--gb-bg:linear-gradient(180deg, var(--yellow-light) 0%, var(--yellow) 42%, var(--yellow-2) 100%);--gb-bevel-c:var(--yellow-3);--gb-ink:var(--navy);min-width:0;max-width:100%;height:calc(var(--gb-h) + var(--gb-drop));color:var(--gb-ink);font-family:var(--font-display);font-size:var(--gb-fs);letter-spacing:.02em;text-transform:uppercase;cursor:pointer;isolation:isolate;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;transform-origin:50% 100%;background:0 0;border:0;outline:none;flex:none;justify-content:center;align-items:flex-start;padding:0;font-weight:400;line-height:1;display:inline-flex;position:relative}.gb--full{width:100%;display:flex}.gb-face{min-width:0;height:var(--gb-h);padding:0 var(--gb-px) var(--gb-bevel);border:var(--gb-ow) solid var(--navy);background:var(--gb-bg);box-shadow:inset 0 calc(-1 * var(--gb-bevel)) 0 var(--gb-bevel-c), inset 0 3px 0 #fff9, 0 var(--gb-drop) 0 var(--navy), 0 calc(var(--gb-drop) + 5px) 12px #0612464d;transition:transform .11s var(--ease-out), box-shadow .11s var(--ease-out), filter .16s var(--ease-out);border-radius:999px;flex:1;justify-content:center;align-items:center;gap:.3em;display:flex;position:relative;overflow:hidden;transform:translateY(0)}.gb-face:before{content:"";pointer-events:none;background:linear-gradient(#fff9,#ffffff14);border-radius:999px;height:36%;position:absolute;top:3px;left:12px;right:12px}.gb-face:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffffb3,#0000);width:26%;position:absolute;top:-20%;bottom:-20%;left:0;transform:translate(-200%)skew(-20deg)}.gb-label{z-index:1;white-space:nowrap;min-width:0;padding-top:.04em;line-height:1.2;position:relative}.gb-icon{z-index:1;flex:none;justify-content:center;align-items:center;width:.9em;height:.9em;display:inline-flex;position:relative}.gb-icon>svg{width:100%;height:100%}.gb--secondary .gb-label,.gb--danger .gb-label,.gb--green .gb-label{color:#fff;-webkit-text-stroke:.15em var(--navy);paint-order:stroke fill;text-shadow:0 .08em 0 var(--navy)}.gb--secondary .gb-icon,.gb--danger .gb-icon,.gb--green .gb-icon{color:#fff;filter:drop-shadow(0 1.5px 0 var(--navy)) drop-shadow(0 -1px 0 var(--navy)) drop-shadow(1px 0 0 var(--navy)) drop-shadow(-1px 0 0 var(--navy))}.gb:active:not(:disabled) .gb-face{transform:translateY(calc(var(--gb-drop) - 1px)) scale(1.01, .97);box-shadow:inset 0 calc(-.45 * var(--gb-bevel)) 0 var(--gb-bevel-c), inset 0 3px 0 #ffffff80, 0 1px 0 var(--navy), 0 3px 6px #06124640;transition-duration:60ms}@media (hover:hover){.gb:hover:not(:disabled) .gb-face{filter:brightness(1.06)saturate(1.05)}}.gb:focus-visible .gb-face{outline-offset:3px;outline:3px solid #fff}.gb--xl{--gb-h:66px;--gb-fs:32px;--gb-px:28px;--gb-ow:3.5px;--gb-bevel:7px;--gb-drop:5px}.gb--lg{--gb-h:56px;--gb-fs:25px;--gb-px:22px;--gb-ow:3px;--gb-bevel:6px;--gb-drop:4px}.gb--md{--gb-h:46px;--gb-fs:20px;--gb-px:18px;--gb-ow:3px;--gb-bevel:5px;--gb-drop:4px}.gb--sm{--gb-h:38px;--gb-fs:16px;--gb-px:14px;--gb-ow:2.5px;--gb-bevel:4px;--gb-drop:3px}.gb--sm .gb-face:before{left:8px;right:8px}.gb--sm:after{content:"";position:absolute;inset:-3px -2px}.gb--secondary{--gb-bg:linear-gradient(180deg, #8dbbff 0%, #3b82f6 42%, #2456d6 100%);--gb-bevel-c:#1a3fae;--gb-ink:#fff}.gb--danger{--gb-bg:linear-gradient(180deg, #ff9a86 0%, #f0463a 42%, #d62a26 100%);--gb-bevel-c:#9e1520;--gb-ink:#fff}.gb--green{--gb-bg:linear-gradient(180deg, #a6f58f 0%, #4cd964 42%, #2fb344 100%);--gb-bevel-c:#1f8a34;--gb-ink:#fff}.gb--ghost{--gb-drop:0px;--gb-bevel:0px;--gb-ink:#fff;height:var(--gb-h);font-size:calc(var(--gb-fs) * .8);letter-spacing:.01em;text-transform:none}.gb--ghost .gb-face{box-shadow:none;background:0 0;border-color:#0000}.gb--ghost .gb-face:before{display:none}.gb--ghost .gb-label{text-underline-offset:.22em;text-shadow:0 2px 0 var(--navy), 0 0 6px #0b184699;text-decoration:underline;text-decoration-thickness:2px}@media (hover:hover){.gb--ghost:hover:not(:disabled) .gb-face{filter:none;color:var(--yellow)}}.gb--ghost:active:not(:disabled) .gb-face{box-shadow:none;transform:scale(.95)}.gb--pulse{animation:gb-bounce 2.4s var(--ease-in-out) infinite}.gb--pulse .gb-face:after{opacity:1;animation:gb-sheen 2.4s var(--ease-in-out) infinite}.gb--pulse:active{animation-play-state:paused}.gb:disabled{cursor:not-allowed}.gb:disabled .gb-face{filter:grayscale(.9)brightness(.85);opacity:.7}@keyframes gb-bounce{0%,58%,to{transform:scale(1)}66%{transform:scale(1.05,.93)}76%{transform:scale(.97,1.05)}86%{transform:scale(1.015,.99)}}@keyframes gb-sheen{0%,60%{transform:translate(-200%)skew(-20deg)}to{transform:translate(520%)skew(-20deg)}}.pc{--pc-r:1.15em;--pc-ow:clamp(2px, .24em, 5px);--pc-rim:0px;--pc-drop:max(2px, .28em);--pc-sheen:#ffffff8c;font-family:var(--font-display);text-align:left;-webkit-tap-highlight-color:transparent;outline:none;flex:none;font-weight:400;line-height:1;display:block;position:relative}.pc-body{transform-origin:50% 100%;transition:transform .32s var(--ease-spring), filter .3s var(--ease-out);position:absolute;inset:0}.pc-shape{border-radius:var(--pc-r);background:var(--navy);box-shadow:0 var(--pc-drop) 0 var(--navy), 0 calc(var(--pc-drop) + .3em) .5em #06124659;transition:filter .3s var(--ease-out);position:absolute;inset:0}.pc-face{inset:calc(var(--pc-ow) + var(--pc-rim));border-radius:calc(var(--pc-r) - var(--pc-ow) - var(--pc-rim));background:radial-gradient(90% 55% at 66% 26%, color-mix(in srgb, var(--pc-light) 75%, transparent) 0%, transparent 70%), linear-gradient(180deg, var(--pc-light) -25%, var(--pc-base) 38%, var(--pc-dark) 100%);position:absolute;overflow:hidden;box-shadow:inset 0 .12em #ffffff8c,inset 0 -.3em #00000029}.pc-face:after{content:"";z-index:7;pointer-events:none;opacity:0;background:linear-gradient(90deg, transparent, var(--pc-sheen) 50%, transparent);width:34%;position:absolute;top:-20%;bottom:-20%;left:0;transform:translate(-170%)skew(-18deg)}.pc-rays,.pc-pattern,.pc-gloss,.pc-holo,.pc-glare{pointer-events:none;position:absolute}.pc-rays{background:repeating-conic-gradient(#ffffff29 0deg 9deg,#0000 9deg 22.5deg);width:22em;height:22em;margin:-11em 0 0 -11em;top:34%;left:50%;-webkit-mask-image:radial-gradient(closest-side,#000 20%,#0000 62%);mask-image:radial-gradient(closest-side,#000 20%,#0000 62%)}.pc-pattern{background:repeating-linear-gradient(135deg,#ffffff12 0 .3em,#0000 .3em .75em);inset:0;-webkit-mask-image:linear-gradient(#0000 30%,#000 75%);mask-image:linear-gradient(#0000 30%,#000 75%)}.pc-avatar{z-index:1;width:9.1em;height:9.1em;position:absolute;top:.75em;right:-1.15em}.pc-avatar>svg{width:100%;height:100%}.pc-meta{z-index:3;flex-direction:column;align-items:center;min-width:3.2em;display:flex;position:absolute;top:.4em;left:.45em}.pc-ovr,.pc-pos{color:var(--pc-ink,#fff);-webkit-text-stroke:.15em var(--navy);paint-order:stroke fill;text-shadow:0 .08em 0 var(--navy);white-space:nowrap}.pc-ovr{letter-spacing:.01em;font-variant-numeric:tabular-nums;font-size:3.1em;line-height:1}.pc-pos{letter-spacing:.04em;margin-top:-.02em;font-size:1.3em;line-height:1}.pc-legend-tag{letter-spacing:.12em;text-transform:uppercase;color:var(--navy);box-shadow:0 0 0 max(1px, .14em) var(--navy), 0 max(1px, .2em) 0 max(1px, .14em) var(--navy);background:linear-gradient(#fff38a,#ffd21f 55%,#ffb300);border-radius:.5em;margin-top:.3em;padding:.24em .45em .2em;font-size:.66em}.pc-name{z-index:3;background:linear-gradient(180deg, #1a2a6e 0%, var(--navy) 100%);height:2.15em;box-shadow:0 calc(-1 * max(1px, .12em)) 0 var(--navy), 0 max(1px, .12em) 0 var(--navy), inset 0 max(1px, .08em) 0 #ffffff2e;justify-content:center;align-items:center;padding:0 .4em;display:flex;position:absolute;bottom:1.95em;left:0;right:0}.pc-name-text{letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;color:#fff;max-width:100%;line-height:1.3;overflow:hidden}.pc-stars{z-index:3;justify-content:center;align-items:center;display:flex;position:absolute;bottom:.45em;left:0;right:0}.pc-gloss{z-index:5;border-radius:inherit;background:linear-gradient(#ffffff4d 0%,#ffffff14 16%,#0000 17%),linear-gradient(115deg,#0000 0 58%,#ffffff1f 58% 66%,#0000 66%);inset:0}.pc-glare{z-index:6;background:radial-gradient(circle at var(--pc-gx,50%) var(--pc-gy,28%), #ffffff80, #ffffff1a 32%, transparent 58%);mix-blend-mode:overlay;inset:0}.pc--purple .pc-body,.pc--gold .pc-body,.pc--legend .pc-body{filter:drop-shadow(0 0 .35em var(--pc-glow))}.pc--gold{--pc-sheen:#fffff0cc}.pc--gold .pc-rays{background:repeating-conic-gradient(#ffffdc4d 0deg 9deg,#0000 9deg 22.5deg)}.pc--gold .pc-name{background:linear-gradient(#7a3a00 0%,#4a2100 100%)}.pc--purple .pc-pattern{background:repeating-linear-gradient(135deg,#ffffff1a 0 .3em,#0000 .3em .75em)}.pc--legend{--pc-rim:max(1.5px, .2em);--pc-sheen:#ffecb473}.pc--legend .pc-shape{overflow:hidden}.pc--legend .pc-shape:before{content:"";aspect-ratio:1;background:conic-gradient(#ffe070,#ff7ac8,#7fd8ff,#8cff9e,#ffe070,#c49bff,#fff3c4,#ffe070);width:200%;animation:4s linear infinite pc-spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pc--legend .pc-shape:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 var(--pc-ow) var(--navy);pointer-events:none;position:absolute;inset:0}.pc--legend .pc-face{background:radial-gradient(80% 55% at 66% 26%, #8c6eff8c 0%, transparent 70%), radial-gradient(100% 50% at 50% 115%, #ffc8504d, transparent 60%), linear-gradient(180deg, #3b2c8f 0%, var(--pc-base) 45%, var(--pc-dark) 100%);box-shadow:0 0 0 max(1px, .08em) var(--navy), inset 0 .12em 0 #ffffff59, inset 0 -.3em 0 #00000040}.pc--legend .pc-rays{background:repeating-conic-gradient(#ffe07033 0deg 7deg,#0000 7deg 18deg)}.pc--legend .pc-pattern{background:repeating-linear-gradient(60deg,#ffe07014 0 .06em,#0000 .06em .7em),repeating-linear-gradient(-60deg,#ffe07014 0 .06em,#0000 .06em .7em);-webkit-mask-image:none;mask-image:none}.pc--legend .pc-name{background:linear-gradient(#16104a 0%,#07051e 100%);box-shadow:0 calc(-1*max(1px,.12em)) #ffd21f,0 max(1px,.12em) #ffd21f}.pc--legend .pc-name-text{color:#ffe070}.pc-crown{z-index:4;width:2.8em;height:1.96em;filter:drop-shadow(0 .1em 0 var(--navy));animation:pc-crown 2.6s var(--ease-in-out) infinite;animation-delay:var(--pc-delay,0s);position:absolute;top:-1.05em;left:50%;overflow:visible;transform:translate(-50%)rotate(-6deg)}.pc-holo{z-index:4;mix-blend-mode:screen;animation:6s ease-in-out infinite alternate pc-holo;animation-delay:var(--pc-delay,0s);background:linear-gradient(115deg,#0000 25%,#ff82d238 38%,#82d7ff38 48%,#aaffa029 58%,#0000 72%) 0 0/260% 260%;inset:0}.pc--purple .pc-face:after,.pc--gold .pc-face:after,.pc--legend .pc-face:after{opacity:1;animation:pc-sheen 5.2s var(--ease-in-out) infinite;animation-delay:var(--pc-delay,0s)}.pc--mini{--pc-r:1.3em;--pc-ow:max(2px, .3em);--pc-drop:max(2px, .34em)}.pc--mini.pc--legend{--pc-rim:max(1.5px, .26em)}.pc--mini .pc-shape{box-shadow:0 var(--pc-drop) 0 var(--navy)}.pc--mini .pc-meta{min-width:3.9em;top:.25em;left:.3em}.pc--mini .pc-ovr{font-size:4em}.pc--mini .pc-pos{margin-top:-.12em;font-size:1.75em}.pc--mini .pc-ovr,.pc--mini .pc-pos{-webkit-text-stroke-width:.17em}.pc--mini .pc-avatar{width:9em;height:9em;top:2.2em;right:-1.5em}.pc--mini .pc-name{height:2.7em;padding:0 .25em;bottom:1.85em}.pc--mini .pc-name-text{letter-spacing:0}.pc--mini .pc-stars{bottom:.35em}.pc--mini .pc-rays,.pc--mini .pc-pattern{display:none}.pc--clickable{cursor:pointer}.pc--clickable:active .pc-body{transition-duration:90ms;transform:scale(1.05,.92)}.pc--clickable:focus-visible .pc-shape{outline-offset:max(2px, .2em);outline:max(2px,.2em) solid #fff}@media (hover:hover){.pc--clickable:hover .pc-body{transform:translateY(-.2em)}}.pc-ring{border-radius:calc(var(--pc-r) + max(3px, .34em));border:max(3px, .3em) solid var(--yellow);box-shadow:0 0 0 max(1.5px, .12em) var(--navy), inset 0 0 0 max(1px, .06em) var(--navy), 0 0 1.1em .25em #ffd21fbf;pointer-events:none;animation:pc-ring 1.6s var(--ease-in-out) infinite;position:absolute;inset:calc(-1*max(3px,.34em))}.pc--selected .pc-body,.pc--selected.pc--clickable:hover .pc-body{transform:translateY(-.45em)scale(1.04)}.pc--selected.pc--clickable:active .pc-body{transform:translateY(-.3em)scale(1.06,.97)}.pc--dimmed .pc-shape{filter:grayscale(.85)brightness(.8)contrast(.9)}.pc--dimmed .pc-body{filter:none;transform:scale(.95)}.pc--still .pc-face:after{opacity:0;animation:none}.pc--still .pc-shape:before,.pc--still .pc-holo,.pc--still .pc-crown,.pc--still .pc-back-sparkles{animation:none}.pc--back .pc-face{background:radial-gradient(70% 45% at 50% 42%, #7fb0ff8c, transparent 70%), linear-gradient(180deg, #4d86ff 0%, var(--blue-600) 40%, var(--blue-800) 100%)}.pc--back .pc-rays{background:repeating-conic-gradient(#ffffff24 0deg 8deg,#0000 8deg 20deg);animation:22s linear infinite pc-rays-spin;top:45%}.pc--back .pc-pattern{background:repeating-linear-gradient(45deg,#ffffff0f 0 .25em,#0000 .25em .9em),repeating-linear-gradient(-45deg,#ffffff0f 0 .25em,#0000 .25em .9em);-webkit-mask-image:none;mask-image:none}.pc--back .pc-face:after{opacity:1;animation:pc-sheen 4.2s var(--ease-in-out) infinite}.pc--back.pc--still .pc-face:after,.pc--back.pc--still .pc-rays{opacity:0;animation:none}.pc-back-emblem{z-index:3;width:7em;height:8.1em;position:absolute;top:45%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.pc--mini .pc-back-emblem{width:8em;height:9.3em;top:50%}.pc-back-shield{fill:var(--yellow)}.pc-back-q{font-family:var(--font-display);fill:#fff;stroke:var(--navy);stroke-width:9px;stroke-linejoin:round;paint-order:stroke;font-size:70px}.pc-back-sparkles{transform-box:fill-box;transform-origin:50%;animation:pc-twinkle 1.8s var(--ease-in-out) infinite}.pc-back-label{z-index:3;text-align:center;letter-spacing:.06em;text-transform:uppercase;color:#fff;-webkit-text-stroke:.2em var(--navy);paint-order:stroke fill;text-shadow:0 .1em 0 var(--navy);font-size:.95em;position:absolute;bottom:.85em;left:0;right:0}@keyframes pc-sheen{0%,68%{transform:translate(-170%)skew(-18deg)}to{transform:translate(360%)skew(-18deg)}}@keyframes pc-spin{to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes pc-rays-spin{to{transform:rotate(360deg)}}@keyframes pc-holo{0%{background-position:100% 100%}to{background-position:0 0}}@keyframes pc-crown{0%,to{transform:translate(-50%)translateY(0)rotate(-6deg)}50%{transform:translate(-50%)translateY(-.12em)rotate(4deg)}}@keyframes pc-ring{0%,to{box-shadow:0 0 0 max(1.5px, .12em) var(--navy), inset 0 0 0 max(1px, .06em) var(--navy), 0 0 .8em .15em #ffd21f99}50%{box-shadow:0 0 0 max(1.5px, .12em) var(--navy), inset 0 0 0 max(1px, .06em) var(--navy), 0 0 1.5em .4em #ffd21fe6}}@keyframes pc-twinkle{0%,to{opacity:1;transform:scale(1)rotate(0)}50%{opacity:.7;transform:scale(.7)rotate(20deg)}}.pc-origin{filter:drop-shadow(0 .08em #0b184699);margin-top:.25em;line-height:0;display:block}.stars{vertical-align:middle;flex:none;align-items:center;line-height:0;display:inline-flex}.stars-star{flex:none;overflow:visible}.stars-defs{width:0;height:0;position:absolute;overflow:hidden}.stars-crown,.crest{flex:none;overflow:visible}.crest-text{font-family:var(--font-display);letter-spacing:.5px;font-weight:400}.sb{--sb-light:.85;--sb-crowd:1;z-index:0;pointer-events:none;background:var(--sky-bottom);contain:strict;position:absolute;inset:0;overflow:hidden}.sb--low{--sb-light:.5;--sb-crowd:.8}.sb--high{--sb-light:1}.sb>*{position:absolute}.sb-sky{background:radial-gradient(80% 32% at 50% 0%, #a0cdff8c, transparent 70%), linear-gradient(180deg, #4a8dff 0%, var(--sky-top) 22%, #1846c4 44%, var(--sky-bottom) 100%);inset:0}.sb-rays{width:100%;height:78%;opacity:var(--sb-light);top:0}.sb-rays--l{transform-origin:10% 10%;background:repeating-conic-gradient(from 96deg at 10% 10%,#ffffff42 0deg 3.6deg,#0000 3.6deg 10deg);left:0;-webkit-mask-image:radial-gradient(circle at 10% 10%,#000 0%,#0000008c 30%,#0000 72%);mask-image:radial-gradient(circle at 10% 10%,#000 0%,#0000008c 30%,#0000 72%)}.sb-rays--r{transform-origin:90% 10%;background:repeating-conic-gradient(from 184deg at 90% 10%,#ffffff42 0deg 3.6deg,#0000 3.6deg 10deg);right:0;-webkit-mask-image:radial-gradient(circle at 90% 10%,#000 0%,#0000008c 30%,#0000 72%);mask-image:radial-gradient(circle at 90% 10%,#000 0%,#0000008c 30%,#0000 72%)}.sb--high .sb-rays--l{animation:sb-sweep-l 9s var(--ease-in-out) infinite alternate}.sb--high .sb-rays--r{animation:sb-sweep-r 9s var(--ease-in-out) infinite alternate}.sb-stands{width:100%;height:52%;opacity:var(--sb-crowd);top:3%;left:0}.sb-flag{transform-box:fill-box;transform-origin:0%}.sb--high .sb-flag,.sb--medium .sb-flag{animation:sb-flag 1.4s var(--ease-in-out) infinite alternate}.sb-flood{aspect-ratio:100/120;width:min(19%,210px);height:auto;top:5.2%;overflow:visible}.sb-flood--l{left:-1%}.sb-flood--r{right:-1%}.sb-glow{aspect-ratio:1;width:60%;opacity:var(--sb-light);background:radial-gradient(closest-side,#fffce1bf,#c8e1ff47 38%,#0000 72%);top:-4%}.sb-glow--l{left:-24%}.sb-glow--r{right:-24%}.sb--high .sb-glow{animation:sb-glow 3.2s var(--ease-in-out) infinite alternate}.sb-flashes{inset:0}.sb-flash{opacity:0;background:#fff;border-radius:50%;width:4px;height:4px;margin:-2px 0 0 -2px;animation:4s linear infinite sb-flash;position:absolute;box-shadow:0 0 6px 2px #ffffffe6,0 0 14px 5px #fff0b459}.sb--low .sb-flash:nth-child(2n){display:none}.sb-bits{inset:0}.sb-bits i{border:1.5px solid var(--navy);width:9px;height:5px;transform:rotate(var(--sb-r,0deg));opacity:.9;border-radius:1.5px;animation:8s linear infinite sb-bit;position:absolute}.sb-pitch{width:100%;height:50.5%;bottom:0;left:0}.sb--low .sb-pitch{filter:saturate(.85)brightness(.92)}.sb-pitch-lines{stroke:#ffffffd9;stroke-width:2px;vector-effect:non-scaling-stroke}.sb-pitch-lines *{vector-effect:non-scaling-stroke}.sb-tint{background:radial-gradient(120% 55% at 50% 0%, var(--sb-tint), transparent 70%), radial-gradient(100% 40% at 50% 100%, var(--sb-tint), transparent 70%);inset:0}.sb-vignette{background:radial-gradient(140% 95% at 50% 40%,#0000 60%,#08144666 100%),linear-gradient(#08144600 70%,#08144638 100%);inset:0}@keyframes sb-sweep-l{0%{transform:rotate(-2.5deg)}to{transform:rotate(2.5deg)}}@keyframes sb-sweep-r{0%{transform:rotate(2.5deg)}to{transform:rotate(-2.5deg)}}@keyframes sb-flag{0%{transform:scaleX(1)skewY(0)}to{transform:scaleX(.8)skewY(-10deg)}}@keyframes sb-glow{0%{opacity:calc(var(--sb-light) * .85)}to{opacity:var(--sb-light)}}@keyframes sb-flash{0%,90%{opacity:0;transform:scale(.4)}92%{opacity:1;transform:scale(1.25)}96%{opacity:.35;transform:scale(.9)}to{opacity:0;transform:scale(.4)}}@keyframes sb-bit{0%{transform:translate(0, -30px) rotate(var(--sb-r,0deg));opacity:0}10%{opacity:.9}50%{transform:translate(14px, 60px) rotate(calc(var(--sb-r,0deg) + 180deg))}90%{opacity:.9}to{transform:translate(-6px, 150px) rotate(calc(var(--sb-r,0deg) + 360deg));opacity:0}}@container frame (width>=1000px) and (aspect-ratio>=4/3){.sb-flood{top:3%}.sb-glow{width:640px;top:-220px}.sb-glow--l{left:-240px}.sb-glow--r{right:-240px}}.tb{z-index:2;flex:none;align-items:center;gap:12px;min-height:62px;padding:10px 16px 8px;display:flex;position:relative}.tb-back{background:linear-gradient(180deg, #7fb0ff 0%, var(--blue-500) 50%, var(--blue-600) 100%);border:3px solid var(--navy);width:42px;height:42px;box-shadow:inset 0 2px 0 #ffffff80, inset 0 -3px 0 #0003, 0 3px 0 var(--navy);transition:transform .14s var(--ease-out);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.tb-back svg{width:22px;height:22px;margin-left:-2px;overflow:visible}.tb-back:active{box-shadow:inset 0 2px 0 #ffffff80, inset 0 -2px 0 #0003, 0 1px 0 var(--navy);transform:translateY(2px)scale(.92)}@media (hover:hover){.tb-back:hover{filter:brightness(1.08)}}.tb-back:focus-visible{outline-offset:2px;outline:2px solid #fff}.tb-text{flex:1;min-width:0}.tb-kicker{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--yellow);-webkit-text-stroke:3px var(--navy);paint-order:stroke fill;text-shadow:0 1.5px 0 var(--navy);white-space:nowrap;text-overflow:ellipsis;animation:tb-in .36s var(--ease-out) both;margin-bottom:2px;font-size:13px;font-weight:400;line-height:1.2;overflow:hidden}.tb-title{font-family:var(--font-display);letter-spacing:.01em;text-transform:uppercase;color:#fff;-webkit-text-stroke:.19em var(--navy);paint-order:stroke fill;text-shadow:0 .1em 0 var(--navy);white-space:nowrap;text-overflow:ellipsis;animation:tb-title-in .48s var(--ease-spring) 40ms both;margin:-.06em 0 -.14em -.06em;padding:.06em .12em .14em .06em;font-size:clamp(24px,7.4cqw,31px);font-weight:400;line-height:1.1;overflow:hidden}.tb-right{flex:none;align-items:center;gap:8px;display:flex}@keyframes tb-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:none}}@keyframes tb-title-in{0%{opacity:0;transform:translate(-12px)scale(.9)}to{opacity:1;transform:none}}.hud{--hud-pill-h:30px;--hud-val:15px;--hud-plus:22px;--hud-icon:28px;z-index:30;height:var(--hud-h);animation:hud-in .42s var(--ease-spring) both;flex:none;justify-content:space-between;align-items:center;gap:8px;padding:0 10px;display:flex;position:relative}.hud-left{flex:auto;align-items:center;gap:8px;min-width:0;display:flex}.hud-right{flex:none;align-items:center;gap:7px;display:flex}.hud-profile{align-items:center;gap:7px;min-width:0;display:flex}.hud-avatar{border:3px solid var(--yellow);width:40px;height:40px;box-shadow:0 0 0 2px var(--navy), 0 4px 0 1px var(--navy);background:radial-gradient(90% 90% at 50% 20%,#bfe0ff 0%,#6fa8ff 60%,#3b7bff 100%);border-radius:11px;flex:none;position:relative;overflow:hidden}.hud-avatar>svg{width:40px;height:40px;position:absolute;top:1px;left:-3px}.hud-id{flex-direction:column;gap:3px;min-width:0;display:flex}.hud-name{font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;color:#fff;-webkit-text-stroke:3px var(--navy);paint-order:stroke fill;text-shadow:0 1.5px 0 var(--navy);font-size:15px;line-height:1.1;overflow:hidden}.hud-lvl-row{align-items:center;gap:4px;display:flex}.hud-level{min-width:22px;height:20px;font-family:var(--font-display);color:var(--navy);background:linear-gradient(180deg, var(--yellow-light), var(--yellow) 50%, var(--yellow-2));border:2px solid var(--navy);box-shadow:inset 0 -2px 0 var(--yellow-3), 0 2px 0 var(--navy);border-radius:7px;flex:none;place-items:center;padding:1px 4px 0;font-size:12px;line-height:1;display:grid}.hud-xp{border:2px solid var(--navy);background:#0b1846;border-radius:999px;flex:none;width:48px;height:9px;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #00000080}.hud-xp>i{background:linear-gradient(180deg, #a6f58f 0%, var(--green) 55%, var(--green-2) 100%);animation:hud-xp .9s var(--ease-out) .25s both;border-radius:999px;position:absolute;top:0;bottom:0;left:0;box-shadow:inset 0 1px #ffffff80}.hud-back{width:40px;height:44px;transition:transform .14s var(--ease-out);flex:none;place-items:center;margin-left:-4px;display:grid}.hud-back svg{width:30px;height:30px;overflow:visible}.hud-back:active{transform:scale(.86)translate(-2px)}.hud-back:focus-visible{border-radius:10px;outline:2px solid #fff}.hud-title{min-width:0;font-family:var(--font-display);text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;color:#fff;-webkit-text-stroke:.2em var(--navy);paint-order:stroke fill;text-shadow:0 .1em 0 var(--navy);animation:hud-title-in .46s var(--ease-spring) 60ms both;margin:0;padding:.05em .1em .1em .04em;font-size:clamp(17px,5.4cqw,24px);font-weight:400;line-height:1.2;overflow:hidden}.hud-pill{height:var(--hud-pill-h);padding:0 3px 0 calc(var(--hud-icon) - 4px);border:2.5px solid var(--navy);box-shadow:inset 0 2px 3px #00000073, inset 0 -1px 0 #ffffff1f, 0 3px 0 var(--navy);background:linear-gradient(#08123cd1,#0b1846eb);border-radius:999px;align-items:center;gap:5px;margin-left:8px;display:flex;position:relative}.hud-icon{left:calc(-1 * var(--hud-icon) / 2 + 2px);width:var(--hud-icon);height:var(--hud-icon);margin-top:calc(-1 * var(--hud-icon) / 2 - 1px);position:absolute;top:50%;overflow:visible}.hud-pill--coin .hud-icon{animation:hud-coin 3.6s var(--ease-in-out) infinite}.hud-value{font-family:var(--font-display);font-size:var(--hud-val);font-variant-numeric:tabular-nums;color:#fff;white-space:nowrap;-webkit-text-stroke:3px var(--navy);paint-order:stroke fill;text-shadow:0 1.5px 0 var(--navy);padding-top:1px;line-height:1}.hud-plus{width:var(--hud-plus);height:var(--hud-plus);background:linear-gradient(180deg, #a6f58f 0%, var(--green) 50%, var(--green-2) 100%);border:2px solid var(--navy);transition:transform .12s var(--ease-out);border-radius:7px;flex:none;place-items:center;display:grid;box-shadow:inset 0 -2.5px #1f8a34,inset 0 1.5px #fff9}.hud-plus svg{width:72%;height:72%}.hud-plus,.hud-gear{position:relative}.hud-plus:after,.hud-gear:after{content:"";position:absolute;inset:-10px -9px}.hud-gear:after{inset:-8px -6px}.hud-plus:active{transform:scale(.86)}.hud-gear-wrap{flex:none;position:relative}.hud-gear{border:2.5px solid var(--navy);width:32px;height:32px;box-shadow:inset 0 2px 3px #00000073, inset 0 -1px 0 #ffffff1f, 0 3px 0 var(--navy);transition:transform .16s var(--ease-out);background:linear-gradient(#08123cd1,#0b1846eb);border-radius:10px;place-items:center;display:grid}.hud-gear svg{width:24px;height:24px;overflow:visible}.hud-gear:active{transform:rotate(40deg)scale(.9)}.hud-plus:focus-visible,.hud-gear:focus-visible{outline-offset:2px;outline:2px solid #fff}.hud-wobble{animation:hud-wobble .52s var(--ease-out)}.hud-tip{z-index:2;font-family:var(--font-display);white-space:nowrap;color:var(--navy);border:2.5px solid var(--navy);box-shadow:0 3px 0 var(--navy);pointer-events:none;animation:bounce-in .38s var(--ease-spring) both;background:#fff;border-radius:10px;padding:6px 10px 5px;font-size:13px;line-height:1;position:absolute;top:calc(100% + 9px);right:-2px}.hud-tip:before{content:"";border-left:2.5px solid var(--navy);border-top:2.5px solid var(--navy);background:#fff;border-radius:2px 0 0;width:10px;height:10px;position:absolute;top:-8px;right:10px;transform:rotate(45deg)}@container frame (width<=380px){.hud{--hud-pill-h:28px;--hud-val:14px;--hud-plus:20px;--hud-icon:26px;gap:6px;padding:0 8px}.hud-right{gap:5px}.hud-avatar,.hud-avatar>svg{width:38px;height:38px}.hud-name{font-size:14px}.hud-xp{width:36px}.hud-pill{gap:4px;margin-left:7px}.hud-gear{border-radius:9px;width:29px;height:29px}.hud-gear svg{width:21px;height:21px}}@keyframes hud-in{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}@keyframes hud-title-in{0%{opacity:0;transform:translate(-12px)scale(.9)}to{opacity:1;transform:none}}@keyframes hud-xp{0%{width:0}}@keyframes hud-coin{0%,80%,to{transform:rotate(0)scale(1)}86%{transform:rotate(-14deg)scale(1.12)}93%{transform:rotate(10deg)scale(1.05)}}@keyframes hud-wobble{0%{transform:rotate(0)scale(1)}20%{transform:rotate(-14deg)scale(1.15)}45%{transform:rotate(10deg)scale(1.08)}70%{transform:rotate(-5deg)scale(1.02)}to{transform:rotate(0)scale(1)}}@container frame (width>=1000px) and (aspect-ratio>=4/3){.hud{--hud-pill-h:38px;--hud-val:19px;--hud-plus:28px;--hud-icon:36px;gap:16px;width:100%;max-width:1100px;height:60px;min-height:60px;margin:6px auto 0;padding:0 24px}.hud-right{gap:14px}.hud-pill{gap:8px;margin-left:14px;padding-right:4px}.hud-avatar,.hud-avatar>svg{width:48px;height:48px}.hud-name{font-size:18px}.hud-xp{width:72px;height:11px}.hud-title{font-size:30px}.hud-gear{border-radius:12px;width:40px;height:40px}.hud-gear svg{width:28px;height:28px}.hud-plus,.hud-gear,.hud-back{cursor:pointer}@media (hover:hover){.hud-plus:hover,.hud-back:hover{transform:translateY(-2px)scale(1.06)}.hud-gear:hover{transform:rotate(30deg)}}}.col-shade{z-index:0;pointer-events:none;background:linear-gradient(#0a1f5c1a 0%,#0a1f5c80 38%,#081848bd 100%);position:absolute;inset:0}.col-body{z-index:1;flex-direction:column;flex:auto;min-height:0;display:flex;position:relative}.col-head{flex-direction:column;flex:none;gap:8px;padding:clamp(4px,1cqh,10px) 16px 4px;display:flex}.col-head-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.col-kicker{min-width:0;height:24px;font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;color:#fff;-webkit-text-stroke:3px var(--navy);paint-order:stroke fill;background:linear-gradient(180deg, var(--blue-500), var(--blue-700));border:2.5px solid var(--navy);box-shadow:inset 0 2px 0 #ffffff4d, 0 2px 0 var(--navy);border-radius:8px;align-items:center;padding:1px 10px 0;font-size:13px;line-height:1;display:inline-flex}.col-count{font-family:var(--font-display);text-transform:uppercase;color:var(--navy);border:2.5px solid var(--navy);box-shadow:0 2px 0 var(--navy);background:#fff;border-radius:999px;flex:none;align-items:baseline;gap:4px;padding:4px 10px 3px;font-size:12px;line-height:1;display:inline-flex}.col-count b{color:var(--blue-600);font-size:17px;font-weight:400}.col-tiers{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.col-tier{background:linear-gradient(180deg, var(--tl) 0%, var(--tb) 42%, var(--td) 100%);border:3px solid var(--navy);min-width:0;box-shadow:inset 0 2px 0 #ffffff73, inset 0 -3px 0 #0003, 0 3px 0 var(--navy);animation:bounce-in .52s var(--ease-out) backwards;animation-delay:calc(var(--i,0) * 60ms + 80ms);border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:7px 2px 6px;display:flex;position:relative}.col-tier--legend{box-shadow:inset 0 2px 0 #ffffff40, 0 0 0 1.5px var(--navy), 0 3px 0 1.5px var(--navy);background:linear-gradient(#3a2c8a 0%,#241a5e 50%,#0e0a30 100%) padding-box padding-box,conic-gradient(#ff5f6d,#ffc371,#fff38a,#47e891,#3fd5ff,#8b4cf6,#ff5fd2,#ff5f6d) border-box;border-color:#0000}.col-tier-crown{width:20px;height:15px;margin-left:-10px;animation:2.8s ease-in-out infinite float-y;position:absolute;top:-9px;left:50%}.col-tier-count{font-family:var(--font-display);color:#fff;-webkit-text-stroke:4px var(--navy);paint-order:stroke fill;text-shadow:0 2px 0 var(--navy);font-size:clamp(19px,5.8cqw,24px);line-height:1}.col-tier--legend .col-tier-count{color:#ffe070}.col-tier-label{max-width:100%;font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;color:#fff;-webkit-text-stroke:2.5px var(--navy);paint-order:stroke fill;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(9.5px,2.8cqw,11px);line-height:1;overflow:hidden}.col-tier--empty{filter:saturate(.25)brightness(.8)}.col-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1 1 0;min-height:0;position:relative;overflow:hidden auto;-webkit-mask-image:linear-gradient(#0000 0,#000 12px calc(100% - 18px),#0000 100%);mask-image:linear-gradient(#0000 0,#000 12px calc(100% - 18px),#0000 100%)}.col-scroll::-webkit-scrollbar{display:none}.col-inner{padding:16px 16px 28px}.col-measure{width:100%;height:0}.col-section+.col-section{margin-top:22px}.col-section-head{align-items:center;gap:8px;margin:0 0 16px;display:flex}.col-section-head:after{content:"";background:#d6e6ff40;border-radius:2px;flex:auto;height:4px}.col-section-title{height:30px;font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:#fff;-webkit-text-stroke:3.5px var(--navy);paint-order:stroke fill;background:linear-gradient(180deg, var(--blue-300), var(--blue-500) 50%, var(--blue-700));border:3px solid var(--navy);box-shadow:inset 0 2px 0 #fff6, 0 3px 0 var(--navy);border-radius:10px;align-items:center;padding:1px 14px 0;font-size:17px;font-weight:400;line-height:1;display:inline-flex;transform:rotate(-2deg)}.col-section-head--stolen .col-section-title{background:linear-gradient(180deg, #ff8a7a, var(--red) 50%, var(--red-2))}.col-section-count{min-width:28px;height:26px;font-family:var(--font-display);color:var(--navy);border:2.5px solid var(--navy);box-shadow:0 2px 0 var(--navy);background:#fff;border-radius:999px;place-items:center;padding:1px 6px 0;font-size:15px;font-weight:400;line-height:1;display:inline-grid}.col-grid{grid-template-columns:repeat(var(--cols,3), var(--cw));justify-content:space-between;row-gap:20px;display:grid}.col-item{animation:col-pop .48s var(--ease-spring) backwards;animation-delay:calc(var(--i,0) * 40ms + .16s);position:relative}.col-ribbon{z-index:2;font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;color:#fff;-webkit-text-stroke:2.5px var(--navy);paint-order:stroke fill;background:linear-gradient(180deg, #ff6a5a, var(--red) 55%, var(--red-2));border:2.5px solid var(--navy);box-shadow:0 2px 0 var(--navy);pointer-events:none;border-radius:6px;padding:4px 9px 3px;font-size:11.5px;line-height:1;position:absolute;top:-11px;right:-7px;transform:rotate(7deg)}.col-tag{z-index:2;font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;color:var(--navy);border:2.5px solid var(--navy);box-shadow:0 2px 0 var(--navy);pointer-events:none;background:#fff;border-radius:999px;padding:3px 8px 2px;font-size:10.5px;line-height:1.1;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}.col-ghost{box-shadow:inset 0 2px 0 #ffffff1f, 0 3px 0 var(--navy);text-align:center;animation:col-pop .48s var(--ease-spring) backwards;animation-delay:calc(var(--i,0) * 40ms + .16s);background:repeating-linear-gradient(135deg,#ffffff0d 0 10px,#0000 10px 20px),linear-gradient(#2b4494 0%,#1b2e70 100%);border:3px dashed #d6e6ff8c;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:0 6px;display:flex}.col-ghost-q{width:40px;height:40px;font-family:var(--font-display);color:#fff;-webkit-text-stroke:4px var(--navy);paint-order:stroke fill;background:linear-gradient(180deg, #ff8a7a, var(--red) 55%, var(--red-2));border:3px solid var(--navy);box-shadow:inset 0 2px 0 #fff6, 0 3px 0 var(--navy);border-radius:50%;place-items:center;padding-top:2px;font-size:26px;line-height:1;animation:3s ease-in-out infinite float-y;display:grid}.col-ghost-text{font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;color:var(--text-dim);font-size:11px;line-height:1.1}.col-empty{border:3px solid var(--navy);box-shadow:inset 0 -4px 0 #2f6bff26, 0 4px 0 var(--navy);animation:bounce-in .52s var(--ease-out) .16s backwards;background:#fff;border-radius:18px;align-items:center;gap:16px;padding:14px 14px 14px 18px;display:flex}.col-empty-card{flex:none;transform:rotate(-8deg)}.col-empty-float{filter:drop-shadow(0 4px #0b184659);animation:3.4s ease-in-out infinite float-y}.col-empty-text{flex-direction:column;flex:auto;align-items:flex-start;gap:5px;min-width:0;display:flex}.col-empty-title{font-family:var(--font-display);text-transform:uppercase;color:var(--navy);font-size:17px;font-weight:400;line-height:1.05}.col-empty-desc{font-family:var(--font-body);color:#3a4a7c;font-size:12.5px;font-weight:800;line-height:1.3}.col-empty-btn{margin-top:4px}@keyframes col-pop{0%{opacity:0;transform:translateY(16px)scale(.7)}60%{opacity:1;transform:translateY(-3px)scale(1.06)}to{opacity:1;transform:none}}@container frame (width>=1000px) and (aspect-ratio>=4/3){.col-body{width:100%;max-width:1400px;margin:0 auto}.col-head{flex-direction:row;align-items:center;gap:24px;padding:clamp(10px,2cqh,22px) clamp(24px,3cqw,48px) 6px}.col-head-row{flex-direction:column;flex:none;align-items:flex-start;gap:4px}.col-tiers{flex:auto;gap:12px}.col-inner{padding:18px clamp(24px,3cqw,48px) 36px}.col-grid{row-gap:26px}.col-section+.col-section{margin-top:30px}}.div-shade{z-index:0;pointer-events:none;background:linear-gradient(#0a1f5c1a 0%,#0a1f5c73 40%,#081848b3 100%);position:absolute;inset:0}.div-head-title{align-items:center;gap:8px;display:inline-flex}.div-body{z-index:1;flex-direction:column;flex:auto;gap:clamp(8px,1.4cqh,14px);min-height:0;padding:clamp(6px,1.2cqh,12px) 16px 0;display:flex;position:relative}.div-banner{border-radius:var(--radius);background:linear-gradient(180deg, #2a55cf 0%, var(--panel) 45%, var(--panel-2) 100%);border:var(--stroke) solid var(--navy);box-shadow:inset 0 2px 0 #ffffff47, inset 0 -3px 0 #00000038, 0 4px 0 var(--navy);animation:bounce-in .56s var(--ease-out) backwards;flex:none;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px 12px;padding:12px 14px 12px 12px;display:grid;position:relative}.div-banner-emblem{animation:pop-in .56s var(--ease-spring) .16s backwards, float-y 3.6s ease-in-out .8s infinite;filter:drop-shadow(0 0 10px #ffffff40);grid-row:span 2;align-self:start}.div-banner-text{flex-direction:column;gap:3px;min-width:0;display:flex}.div-banner-kicker{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--blue-300);font-size:12px;line-height:1}.div-banner-round{white-space:nowrap;font-size:clamp(24px,7.4cqw,30px)}.div-banner-sub{font-family:var(--font-body);color:var(--text-dim);font-size:12.5px;font-weight:800;line-height:1.3}.div-inline-stars{vertical-align:-2px;display:inline-flex}.div-progress{align-items:center;gap:8px;min-width:0;display:flex}.div-bar{border:2.5px solid var(--navy);background:#08143ed9;border-radius:999px;flex:auto;gap:3px;padding:3px;display:flex;box-shadow:inset 0 2px #0000004d}.div-seg{background:#7fb0ff2e;border-radius:999px;flex:1 1 0;height:10px}.div-seg--done{background:linear-gradient(180deg, var(--yellow-light), var(--yellow) 50%, var(--yellow-2));animation:div-seg-in .38s var(--ease-spring) backwards;animation-delay:calc(var(--i,0) * 90ms + .42s);box-shadow:inset 0 -2px #d982008c}.div-seg--next{background:#fff;animation:1.2s ease-in-out infinite div-seg-blink}.div-progress-count{font-family:var(--font-display);color:var(--text-dim);flex:none;font-size:15px;line-height:1}.div-progress-count b{color:var(--yellow);-webkit-text-stroke:3px var(--navy);paint-order:stroke fill;font-size:20px;font-weight:400}.div-road-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1 1 0;min-height:0;margin:0 -16px;padding:0 16px;position:relative;overflow:hidden auto;-webkit-mask-image:linear-gradient(#0000 0,#000 14px calc(100% - 18px),#0000 100%);mask-image:linear-gradient(#0000 0,#000 14px calc(100% - 18px),#0000 100%)}.div-road-scroll::-webkit-scrollbar{display:none}.div-road{margin:0;padding:12px 0 20px;list-style:none}.div-row{min-height:clamp(58px,8.6cqh,72px);animation:div-row-in .46s var(--ease-spring) backwards;animation-delay:calc(var(--i,0) * 45ms + .18s);align-items:stretch;display:flex}.div-track{flex:none;place-items:center;width:52px;display:grid;position:relative}.div-track:before,.div-track:after{content:"";background:repeating-linear-gradient(#d6e6ff8c 0 7px,#0000 7px 13px);width:10px;margin-left:-5px;position:absolute;left:50%}.div-track:before{top:0;bottom:50%}.div-track:after{top:50%;bottom:0}.div-track--up:before,.div-track--down:after{background:linear-gradient(90deg, var(--yellow-2), var(--yellow) 40%, var(--yellow-light) 60%, var(--yellow-2));box-shadow:-2.5px 0 0 var(--navy), 2.5px 0 0 var(--navy)}.div-track--top:before,.div-track--first:after{display:none}.div-node{z-index:1;border-radius:50%;place-items:center;display:grid;position:relative}.div-row--won .div-node{background:linear-gradient(180deg, #7dff8a, var(--green) 55%, var(--green-2));border:3px solid var(--navy);width:32px;height:32px;box-shadow:inset 0 2px 0 #ffffff73, 0 3px 0 var(--navy)}.div-row--current .div-node{width:44px;height:44px;font-family:var(--font-display);color:#fff;-webkit-text-stroke:4px var(--navy);paint-order:stroke fill;background:linear-gradient(180deg, var(--yellow-light), var(--yellow) 45%, var(--yellow-2));border:3px solid var(--navy);box-shadow:inset 0 2px 0 #fff9, inset 0 -3px 0 #d9820099, 0 3px 0 var(--navy);font-size:24px;line-height:1;animation:1.6s ease-in-out infinite div-node-bob}.div-row--current .div-node:after{content:"";border:3px solid var(--yellow);animation:div-ring 1.6s var(--ease-out) infinite;border-radius:50%;position:absolute;inset:-7px}.div-row--locked .div-node{border:2.5px solid var(--navy);width:28px;height:28px;box-shadow:0 2px 0 var(--navy);background:linear-gradient(#3d5aa8,#22377a)}.div-row--goal .div-node{filter:drop-shadow(0 0 10px #ffd21f99);animation:3.4s ease-in-out infinite float-y}.div-card{background:linear-gradient(180deg, #2a55cf 0%, var(--panel) 50%, var(--panel-2) 100%);border:3px solid var(--navy);min-width:0;box-shadow:inset 0 2px 0 #ffffff40, 0 4px 0 var(--navy);border-radius:14px;flex:auto;align-items:center;gap:10px;margin:6px 0 8px;padding:8px 12px;display:flex}.div-card-text{flex-direction:column;flex:auto;gap:3px;min-width:0;display:flex}.div-card-kicker{font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;color:var(--blue-300);align-items:center;gap:6px;font-size:12px;line-height:1;display:flex}.div-card-title{font-family:var(--font-display);text-transform:uppercase;color:#fff;-webkit-text-stroke:3px var(--navy);paint-order:stroke fill;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:17px;line-height:1.1;display:flex;overflow:hidden}.div-card-meta{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);font-size:12px;line-height:1}.div-card-crest{filter:drop-shadow(0 2px 0 var(--navy));flex:none}.div-row--won .div-card-title{white-space:normal;font-size:clamp(13px,4cqw,15px)}.div-score{font-family:var(--font-display);color:var(--navy);border:2.5px solid var(--navy);box-shadow:0 2px 0 var(--navy);background:#fff;border-radius:8px;flex:none;padding:4px 8px 3px;font-size:15px;line-height:1}.div-badge-v{width:26px;height:26px;font-family:var(--font-display);color:#fff;-webkit-text-stroke:3px var(--navy);paint-order:stroke fill;background:linear-gradient(180deg, #7dff8a, var(--green) 55%, var(--green-2));border:2.5px solid var(--navy);box-shadow:0 2px 0 var(--navy);border-radius:8px;flex:none;place-items:center;font-size:16px;line-height:1;display:grid}.div-row--current .div-card{background:linear-gradient(180deg, var(--yellow-light) 0%, var(--yellow) 45%, var(--yellow-2) 100%);box-shadow:inset 0 2px 0 #ffffffb3, inset 0 -4px 0 #d982008c, 0 4px 0 var(--navy), 0 0 22px #ffd21f8c;margin-top:14px;padding-top:11px;padding-bottom:10px;position:relative}.div-row--current .div-card-kicker{color:var(--navy)}.div-row--current .div-card-title{font-size:clamp(16px,5cqw,19px)}.div-row--current .div-card-meta{color:var(--navy);opacity:.75}.div-now{letter-spacing:.06em;color:#fff;-webkit-text-stroke:2.5px var(--navy);paint-order:stroke fill;background:linear-gradient(180deg, #ff6a5a, var(--red) 55%, var(--red-2));border:2.5px solid var(--navy);box-shadow:0 2px 0 var(--navy);border-radius:7px;padding:4px 8px 3px;font-size:11px;animation:1.4s ease-in-out infinite div-blink;position:absolute;top:-12px;left:10px;transform:rotate(-4deg)}.div-play{min-height:40px;font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;color:#fff;-webkit-text-stroke:3.5px var(--navy);paint-order:stroke fill;background:linear-gradient(180deg, #7dff8a, var(--green) 50%, var(--green-2));border:3px solid var(--navy);box-shadow:inset 0 2px 0 #ffffff80, inset 0 -3px 0 #0000002e, 0 3px 0 var(--navy);transition:transform .12s var(--ease-out), box-shadow .12s var(--ease-out);border-radius:12px;flex:none;justify-content:center;align-items:center;margin-bottom:3px;padding:1px 14px 0;font-size:17px;line-height:1;display:inline-flex;position:relative}.div-play:before{content:"";position:absolute;inset:-4px -2px}.div-play:active{box-shadow:inset 0 2px 0 #ffffff80, 0 0 0 var(--navy);transform:translateY(3px)}.div-play:focus-visible{outline-offset:2px;outline:3px solid #fff}.div-row--locked .div-card{box-shadow:inset 0 2px 0 #ffffff24, inset 0 -3px 0 #0003, 0 3px 0 var(--navy);background:repeating-linear-gradient(135deg,#ffffff0f 0 10px,#0000 10px 20px),linear-gradient(#2b4494 0%,#213780 55%,#1b2e70 100%)}.div-row--locked .div-card-title{color:#b4c5ee;-webkit-text-stroke:0;font-size:14px}.div-row--locked .div-card-kicker{color:var(--text-mute)}.div-row--goal .div-card{background:linear-gradient(180deg, #a978ff 0%, var(--purple) 50%, #5d23c4 100%)}.div-row--goal .div-card-kicker{color:var(--yellow-light)}.div-row--goal .div-card-meta{color:#e4d6ff}.div-row--goal .div-card svg{flex:none}@keyframes div-seg-in{0%{opacity:0;transform:scale(.2,.6)}70%{opacity:1;transform:scale(1.15,1.2)}to{transform:none}}@keyframes div-seg-blink{0%,to{background:#ffffffe6}50%{background:#ffffff59}}@keyframes div-row-in{0%{opacity:0;transform:translate(-18px)scale(.96)}to{opacity:1;transform:none}}@keyframes div-node-bob{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes div-ring{0%{opacity:.9;transform:scale(.9)}to{opacity:0;transform:scale(1.45)}}@keyframes div-blink{0%,to{transform:rotate(-4deg)scale(1)}50%{transform:rotate(-4deg)scale(1.1)}}@container frame (width>=1000px) and (aspect-ratio>=4/3){.div-body{grid-template-columns:minmax(300px,380px) minmax(0,620px);justify-content:center;align-items:start;column-gap:clamp(24px,4cqw,56px);padding:clamp(12px,2.4cqh,28px) clamp(24px,4cqw,56px) 0;display:grid}.div-banner{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;row-gap:16px;margin-top:12px;padding:24px 20px 22px}.div-banner-emblem{grid-row:auto;align-self:center;margin:14px 0 10px;transform:scale(1.5)}.div-banner-text{align-items:center}.div-progress{width:100%}.div-road-scroll{height:100%;margin:0;padding:0 8px}.div-row{min-height:74px}}.mx-root{touch-action:manipulation;background:#1c47bd}.mx-stage{z-index:1;position:absolute;inset:0;overflow:hidden}.mx-stage canvas{display:block}.mx-cartoon{font-family:var(--font-display);letter-spacing:.01em;white-space:nowrap;color:#0000;font-weight:400;line-height:.95;display:inline-block;position:relative}.mx-cartoon:before,.mx-cartoon:after{content:attr(data-text);pointer-events:none;position:absolute;inset:0}.mx-cartoon:before{color:var(--navy);-webkit-text-stroke:.17em var(--navy);text-shadow:0 .03em 0 var(--navy), 0 .06em 0 var(--navy), 0 .09em 0 var(--navy), 0 .12em 0 var(--navy), 0 .2em .12em #0b184659}.mx-cartoon:after{background:linear-gradient(#fffbd0 0%,#ffe14a 30%,#ffc21f 56%,#ff8a1f 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.mx-top{top:calc(var(--safe-top) + 8px);z-index:10;pointer-events:none;transition:opacity .3s var(--ease-out), transform .3s var(--ease-out);animation:mx-drop .56s var(--ease-spring) .15s backwards;flex-direction:column;gap:6px;display:flex;position:absolute;left:8px;right:8px}.mx-top.is-hidden{opacity:0;transform:translateY(-14px)}.mx-bar{border:3px solid var(--navy);height:64px;box-shadow:inset 0 2px 0 #ffffff47, inset 0 -3px 0 #0003, 0 4px 0 var(--navy);background:linear-gradient(#264ec4f0 0%,#142f86f0 100%);border-radius:18px;grid-template-columns:40px minmax(0,1fr) auto minmax(0,1fr) 40px;align-items:center;gap:4px;padding:0 6px;display:grid}.mx-sq{pointer-events:auto;background:linear-gradient(180deg, #2f5fe0 0%, var(--blue-800) 100%);border:3px solid var(--navy);width:40px;height:40px;box-shadow:inset 0 2px 0 #ffffff4d, 0 3px 0 var(--navy);transition:transform .1s var(--ease-out);border-radius:12px;place-items:center;display:grid;position:relative}.mx-sq:after{content:"";position:absolute;inset:-4px}.mx-sq:active{transform:translateY(2px)scale(.94)}.mx-sq.is-off{filter:saturate(.4)}.mx-sq:disabled{opacity:.5}.mx-side{flex-direction:column;align-items:center;gap:1px;min-width:0;display:flex}.mx-crest{filter:drop-shadow(0 2px 0 var(--navy));flex:none}.mx-side-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-family:var(--font-display);letter-spacing:.03em;color:#fff;-webkit-text-stroke:2.5px var(--navy);paint-order:stroke fill;font-size:11px;font-weight:400;line-height:1.1;overflow:hidden}.mx-scorebox{flex-direction:column;align-items:center;gap:2px;display:flex}.mx-score{font-family:var(--font-display);color:#fff;-webkit-text-stroke:5px var(--navy);paint-order:stroke fill;text-shadow:0 3px 0 var(--navy);font-variant-numeric:tabular-nums;align-items:center;gap:5px;font-size:32px;font-weight:400;line-height:.95;display:flex}.mx-num{text-align:center;min-width:.62em;display:inline-block}.mx-num.is-pop{color:var(--yellow);animation:mx-num-pop .72s var(--ease-spring) both}.mx-num.is-pop.is-rival{color:#8fb6ff}.mx-dash{font-size:26px}.mx-clock{background:var(--navy);font-family:var(--font-display);letter-spacing:.06em;color:var(--yellow);font-variant-numeric:tabular-nums;text-align:center;border-radius:999px;min-width:52px;padding:2px 8px 3px;font-size:12px;font-weight:400;line-height:1}.mx-sub{align-items:center;gap:6px;padding:0 2px;display:flex}.mx-half{border:2.5px solid var(--navy);box-shadow:0 2px 0 var(--navy);font-family:var(--font-display);letter-spacing:.04em;color:var(--ink);background:#fff;border-radius:999px;flex:none;padding:4px 9px 5px;font-size:11px;font-weight:400;line-height:1}.mx-half.is-ht{background:var(--yellow)}.mx-timeline{flex:1;min-width:0;padding:4px 6px}.mx-track{border:2.5px solid var(--navy);height:10px;box-shadow:0 2px 0 var(--navy);background:#0b18468c;border-radius:999px;position:relative}.mx-fill{border-radius:inherit;transform-origin:0;background:linear-gradient(180deg, var(--yellow-light) 0%, var(--yellow) 50%, var(--yellow-2) 100%);transition:transform .5s linear;position:absolute;inset:0}.mx-ht-tick{width:3px;height:15px;box-shadow:0 0 0 1.5px var(--navy);background:#fff;border-radius:2px;margin-left:-1.5px;position:absolute;top:-5px;left:50%}.mx-mark{border:2px solid var(--navy);width:12px;height:12px;animation:mx-mark-in .46s var(--ease-spring) both;background:#fff;border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.mx-mark--goal{width:15px;height:15px}.mx-mark--goal.mx-mark--mine{background:var(--red);box-shadow:inset 0 0 0 2px #fff}.mx-mark--goal.mx-mark--rival{background:var(--blue-500);box-shadow:inset 0 0 0 2px #fff}.mx-mark--chance{box-shadow:inset 0 0 0 2.5px var(--blue-500);background:#fff}.mx-mark--save{box-shadow:inset 0 0 0 2.5px var(--red);background:#fff}.mx-mark--yellow{background:var(--yellow);border-radius:3px;width:10px;height:14px}.mx-pill{pointer-events:auto;background:linear-gradient(180deg, #2f5fe0 0%, var(--blue-800) 100%);border:2.5px solid var(--navy);min-width:34px;height:28px;box-shadow:inset 0 2px 0 #ffffff47, 0 3px 0 var(--navy);font-family:var(--font-display);letter-spacing:.04em;color:#fff;transition:transform .1s var(--ease-out);border-radius:999px;flex:none;justify-content:center;align-items:center;gap:4px;padding:0 9px;font-size:12px;font-weight:400;line-height:1;display:inline-flex;position:relative}.mx-pill:after{content:"";position:absolute;inset:-8px -3px}.mx-pill.is-active{background:linear-gradient(180deg, var(--yellow-light) 0%, var(--yellow) 55%, var(--yellow-2) 100%);color:var(--ink)}.mx-pill:active{transform:translateY(2px)scale(.94)}.mx-pill:disabled{opacity:.5}.mx-feed{left:10px;right:10px;bottom:calc(var(--safe-bottom) + 16px);z-index:11;pointer-events:none;flex-direction:column;align-items:flex-start;gap:6px;transition:opacity .25s;display:flex;position:absolute}.mx-root--craque .mx-feed{bottom:calc(var(--safe-bottom) + 148px)}.mx-feed.is-hidden{opacity:0}.mx-toast{--accent:var(--blue-500);border:3px solid var(--navy);max-width:100%;box-shadow:inset 0 -3px 0 #0b18461a, 0 3px 0 var(--navy);color:var(--ink);animation:mx-toast-in .42s var(--ease-spring) both, mx-toast-out .26s ease-in 2.5s forwards;background:#fff;border-radius:16px;align-items:center;gap:8px;padding:5px 14px 5px 5px;display:flex}.mx-toast--mine{--accent:var(--red)}.mx-toast--rival{--accent:var(--blue-500)}.mx-toast--yellow{--accent:var(--yellow-2)}.mx-toast--kickoff{--accent:var(--green-2)}.mx-toast-min{background:var(--accent);border:2px solid var(--navy);min-width:36px;height:28px;font-family:var(--font-display);color:#fff;-webkit-text-stroke:2.5px var(--navy);paint-order:stroke fill;font-variant-numeric:tabular-nums;border-radius:10px;place-items:center;padding:0 5px;font-size:14px;font-weight:400;display:grid}.mx-toast-icon{background:var(--accent);border:2px solid var(--navy);border-radius:50%;flex:none;width:14px;height:14px}.mx-toast--goal .mx-toast-icon{background:radial-gradient(circle at 50% 45%, var(--navy) 0 22%, transparent 24%), #fff;width:16px;height:16px}.mx-toast--chance .mx-toast-icon,.mx-toast--save .mx-toast-icon{box-shadow:inset 0 0 0 2.5px var(--accent);background:#fff}.mx-toast--yellow .mx-toast-icon{background:var(--yellow);border-radius:3px;width:11px;height:15px;transform:rotate(10deg)}.mx-toast--kickoff .mx-toast-icon{background:var(--green)}.mx-toast-body{flex-direction:column;min-width:0;display:flex}.mx-toast-title{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;color:var(--ink);font-size:15px;font-weight:400;line-height:1.1;overflow:hidden}.mx-toast-detail{font-family:var(--font-body);color:#43518a;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:800;line-height:1.2;overflow:hidden}.mx-intro{z-index:20;pointer-events:none;animation:fade-in .26s var(--ease-out) both;background:radial-gradient(#1c47bd59,#0b1846b8);place-items:center;padding:0 14px;display:grid;position:absolute;inset:0}.mx-intro--whistle{background:radial-gradient(#1c47bd0d,#0b184666);animation:.32s ease-in .7s forwards mx-fade-out}.mx-matchup{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:6px;width:100%;max-width:400px;display:grid}.mx-matchup-side{min-width:0;animation:bounce-in .56s var(--ease-spring) both;flex-direction:column;align-items:center;gap:8px;display:flex}.mx-matchup-side:last-child{animation-delay:.14s}.mx-matchup-side svg{filter:drop-shadow(0 4px 0 var(--navy))}.mx-matchup-name{font-family:var(--font-display);text-align:center;color:#fff;-webkit-text-stroke:4px var(--navy);paint-order:stroke fill;text-shadow:0 3px 0 var(--navy);font-size:17px;font-weight:400;line-height:1}.mx-matchup-x{animation:bounce-in .52s var(--ease-spring) .26s both;font-size:52px}.mx-whistle{text-align:center;animation:mx-squash-in .56s var(--ease-spring) both;flex-direction:column;align-items:center;gap:.06em;font-size:clamp(48px,17cqw,72px);display:flex}.mx-goal{z-index:30;padding:0 12px calc(var(--safe-bottom) + 15cqh);pointer-events:none;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;animation:.32s ease-in 1.95s forwards mx-fade-out;display:flex;position:absolute;inset:0;overflow:hidden}.mx-root--craque .mx-goal{padding-bottom:calc(var(--safe-bottom) + 150px)}.mx-goal-rays{transform-origin:50%;background:repeating-conic-gradient(#ffffff38 0deg 9deg,#0000 9deg 22deg);border-radius:50%;width:170cqw;height:170cqw;margin-left:-85cqw;animation:.2s both fade-in,5s linear infinite mx-spin;position:absolute;bottom:12cqh;left:50%;transform:translateY(50%);-webkit-mask-image:radial-gradient(circle,#000 20%,#0000 62%);mask-image:radial-gradient(circle,#000 20%,#0000 62%)}.mx-goal-word{transform-origin:50% 85%;animation:mx-squash-in .64s var(--ease-spring) both, mx-wobble .9s ease-in-out .7s infinite;font-size:clamp(104px,36cqw,160px);line-height:.9;position:relative}.mx-ribbon{background:linear-gradient(180deg, #ff5a4f 0%, var(--red) 55%, var(--red-2) 100%);border:3px solid var(--navy);max-width:calc(100% - 24px);box-shadow:inset 0 2px 0 #ffffff59, 0 4px 0 var(--navy);animation:mx-ribbon-in .46s var(--ease-spring) .24s both;border-radius:8px;padding:7px 20px 8px;position:relative}.mx-ribbon:before,.mx-ribbon:after{content:"";background:var(--red-2);border:3px solid var(--navy);z-index:-1;width:16px;height:100%;position:absolute;top:8px}.mx-ribbon:before{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,45% 50%);left:-12px}.mx-ribbon:after{clip-path:polygon(0 0,100% 0,55% 50%,100% 100%,0 100%);right:-12px}.mx-ribbon-text{font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;color:#fff;-webkit-text-stroke:4px var(--navy);paint-order:stroke fill;text-shadow:0 2px 0 var(--navy);font-size:21px;font-weight:400;line-height:1;display:block;overflow:hidden}.mx-assist{border:2.5px solid var(--navy);box-shadow:0 3px 0 var(--navy);font-family:var(--font-body);color:var(--ink);animation:rise-in .38s var(--ease-out) .38s both;background:#fff;border-radius:999px;padding:4px 12px 5px;font-size:12px;font-weight:900}.mx-goal--rival{justify-content:center;padding:0;animation:.28s ease-in 1.5s forwards mx-fade-out}.mx-root--craque .mx-goal--rival{padding:0}.mx-rival-band{background:linear-gradient(180deg, #4d82ff 0%, var(--blue-500) 50%, var(--blue-700) 100%);border-top:3px solid var(--navy);border-bottom:3px solid var(--navy);filter:saturate(.8);width:100%;animation:mx-band .38s var(--ease-spring) both;flex-direction:column;align-items:center;gap:4px;padding:10px 16px 12px;display:flex;transform:rotate(-3deg)scale(1.05);box-shadow:0 5px #0b184699}.mx-rival-word{font-family:var(--font-display);color:#fff;-webkit-text-stroke:6px var(--navy);paint-order:stroke fill;text-shadow:0 4px 0 var(--navy);font-size:clamp(32px,10cqw,44px);font-weight:400;line-height:1}.mx-rival-name{font-family:var(--font-display);letter-spacing:.04em;color:#fff;-webkit-text-stroke:3px var(--navy);paint-order:stroke fill;align-items:center;gap:6px;font-size:14px;font-weight:400;display:flex}.mx-ht{z-index:25;pointer-events:none;animation:fade-in .24s var(--ease-out) both;background:#0b184673;place-items:center;padding:0 16px;display:grid;position:absolute;inset:0}.mx-ht-card{border:3px solid var(--navy);box-shadow:inset 0 -4px 0 #0b18461a, 0 5px 0 var(--navy);animation:bounce-in .52s var(--ease-spring) both;background:linear-gradient(#fff 0%,#eaf1ff 100%);border-radius:22px;flex-direction:column;align-items:center;gap:10px;padding:26px 26px 16px;display:flex;position:relative}.mx-ht-label{background:linear-gradient(180deg, #4d82ff 0%, var(--blue-600) 100%);border:3px solid var(--navy);box-shadow:0 3px 0 var(--navy);font-family:var(--font-display);letter-spacing:.06em;color:#fff;-webkit-text-stroke:3px var(--navy);paint-order:stroke fill;white-space:nowrap;border-radius:999px;padding:6px 16px 7px;font-size:17px;font-weight:400;line-height:1;position:absolute;top:-17px;left:50%;transform:translate(-50%)}.mx-ht-score{align-items:center;gap:12px;display:flex}.mx-ht-score svg{filter:drop-shadow(0 3px 0 var(--navy))}.mx-ht-nums{font-family:var(--font-display);color:#fff;-webkit-text-stroke:7px var(--navy);paint-order:stroke fill;text-shadow:0 4px 0 var(--navy);font-variant-numeric:tabular-nums;font-size:46px;font-weight:400;line-height:1}.mx-ht-nums em{margin:0 2px;font-size:26px;font-style:normal}.mx-ht-hint{font-family:var(--font-body);color:#43518a;font-size:13px;font-weight:800}.mx-pause{z-index:60;animation:fade-in .2s var(--ease-out) both;background:#0b18469e;place-items:center;padding:0 20px;display:grid;position:absolute;inset:0}.mx-pause-card{background:linear-gradient(180deg, #2f62e6 0%, var(--panel) 50%, var(--panel-2) 100%);border:3px solid var(--navy);width:min(100%,300px);box-shadow:inset 0 3px 0 #ffffff47, inset 0 -4px 0 #0003, 0 5px 0 var(--navy);animation:bounce-in .46s var(--ease-spring) both;border-radius:24px;flex-direction:column;align-items:center;gap:14px;padding:26px 20px 22px;display:flex}.mx-pause-word{font-size:46px}.mx-pause-score{font-family:var(--font-display);letter-spacing:.04em;color:#fff;-webkit-text-stroke:3px var(--navy);paint-order:stroke fill;font-size:15px;font-weight:400}.mx-ft{z-index:40;padding:24px 12px calc(var(--safe-bottom) + 24px);color:#fff;animation:fade-in .32s var(--ease-out) both;background:radial-gradient(circle at 50% 44%,#ffffff47,#0000 55%),linear-gradient(#1d56d8f0 0%,#0c2a7cf5 100%);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0;overflow:hidden}.mx-ft-rays{pointer-events:none;background:repeating-conic-gradient(#ffffff1a 0deg 10deg,#0000 10deg 24deg);border-radius:50%;width:180cqh;height:180cqh;margin:-90cqh 0 0 -90cqh;animation:14s linear infinite mx-spin;position:absolute;top:44%;left:50%;-webkit-mask-image:radial-gradient(circle,#000 15%,#0000 60%);mask-image:radial-gradient(circle,#000 15%,#0000 60%)}.mx-ft-label{animation:mx-squash-in .56s var(--ease-spring) both;font-size:clamp(40px,12.5cqw,54px);position:relative}.mx-ft-score{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:4px;width:100%;max-width:400px;display:grid;position:relative}.mx-ft-team{min-width:0;animation:bounce-in .52s var(--ease-spring) .16s both;flex-direction:column;align-items:center;gap:8px;display:flex}.mx-ft-team svg{filter:drop-shadow(0 4px 0 var(--navy))}.mx-ft-name{font-family:var(--font-display);letter-spacing:.02em;text-align:center;color:#fff;-webkit-text-stroke:3px var(--navy);paint-order:stroke fill;font-size:14px;font-weight:400;line-height:1.05}.mx-ft-nums{font-family:var(--font-display);animation:bounce-in .48s var(--ease-spring) .3s both;align-items:center;gap:6px;font-weight:400;line-height:.9;display:flex}.mx-ft-n{color:#fff;-webkit-text-stroke:9px var(--navy);paint-order:stroke fill;text-shadow:0 6px 0 var(--navy);font-variant-numeric:tabular-nums;font-size:clamp(60px,19cqw,84px)}.mx-ft-n--win{color:var(--yellow)}.mx-ft-x{color:#fff;-webkit-text-stroke:5px var(--navy);paint-order:stroke fill;font-size:28px}.mx-ft-hint{border:2.5px solid var(--navy);box-shadow:0 3px 0 var(--navy);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);background:#fff;border-radius:999px;margin-top:4px;padding:6px 14px 7px;font-size:13px;font-weight:400;animation:.4s .6s both fade-in,1.6s ease-in-out 1s infinite float-y;position:relative}.mx-ft-bar{border:2.5px solid var(--navy);background:linear-gradient(var(--yellow), var(--yellow)) left center / 0% 100% no-repeat, #0b18468c;border-radius:999px;width:140px;height:10px;animation-name:mx-bar;animation-timing-function:linear;animation-fill-mode:forwards;position:relative}@keyframes mx-drop{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:none}}@keyframes mx-num-pop{0%{transform:scale(2.3)}45%{transform:scale(.85,1.15)}to{transform:scale(1)}}@keyframes mx-mark-in{0%{transform:translate(-50%,-50%)scale(0)}to{transform:translate(-50%,-50%)scale(1)}}@keyframes mx-toast-in{0%{opacity:0;transform:translate(-30px)scale(.7)}to{opacity:1;transform:none}}@keyframes mx-toast-out{to{opacity:0;transform:translate(-16px)scale(.9)}}@keyframes mx-fade-out{to{opacity:0}}@keyframes mx-squash-in{0%{opacity:0;transform:scale(.2)translateY(30%)}35%{opacity:1;transform:scale(1.22,.78)}55%{transform:scale(.9,1.14)}72%{transform:scale(1.06,.95)}86%{transform:scale(.98,1.02)}to{opacity:1;transform:scale(1)}}@keyframes mx-wobble{0%,to{transform:rotate(0)scale(1)}25%{transform:rotate(-3deg)scale(1.03,.98)}75%{transform:rotate(3deg)scale(.98,1.03)}}@keyframes mx-ribbon-in{0%{opacity:0;transform:scaleX(.2)translateY(10px)}to{opacity:1;transform:none}}@keyframes mx-band{0%{opacity:0;transform:rotate(-3deg)scale(1.05,.1)}to{opacity:1;transform:rotate(-3deg)scale(1.05)}}@keyframes mx-spin{to{rotate:360deg}}@keyframes mx-bar{to{background-size:100% 100%,auto}}.mx-root.is-paused .mx-goal,.mx-root.is-paused .mx-goal *,.mx-root.is-paused .mx-goal :before,.mx-root.is-paused .mx-goal :after,.mx-root.is-paused .mx-intro,.mx-root.is-paused .mx-intro *,.mx-root.is-paused .mx-ht,.mx-root.is-paused .mx-ht *,.mx-root.is-paused .mx-toast{animation-play-state:paused}.mx-tools{display:none}@container frame (width>=1000px) and (aspect-ratio>=4/3){.mx-top{gap:8px;width:min(620px,46cqw);margin:0 auto;top:16px;left:0;right:0}.mx-bar{border-radius:22px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:14px;height:82px;padding:0 18px}.mx-side{flex-direction:row;gap:10px}.mx-side:first-child{justify-content:flex-end}.mx-side:first-child .mx-crest{order:2}.mx-side:last-of-type{justify-content:flex-start}.mx-crest{width:50px;height:50px}.mx-side-name{-webkit-text-stroke:3.5px var(--navy);font-size:16px}.mx-score{-webkit-text-stroke:6px var(--navy);gap:8px;font-size:46px}.mx-dash{font-size:36px}.mx-clock{min-width:66px;padding:3px 12px 4px;font-size:15px}.mx-sub{padding:0 10px}.mx-half{font-size:13px}.mx-tools{z-index:10;transition:opacity .3s var(--ease-out);animation:mx-drop .56s var(--ease-spring) .15s backwards;align-items:center;gap:12px;display:flex;position:absolute;top:22px;right:24px}.mx-tools.is-hidden{opacity:0;pointer-events:none}.mx-tools .mx-sq{width:46px;height:46px}.mx-tools .mx-pill{min-width:46px;height:36px;padding:0 14px;font-size:15px}.mx-feed{zoom:1.2;gap:8px;width:min(440px,34cqw);bottom:24px;left:24px;right:auto}.mx-root--craque .mx-feed{bottom:176px}.mx-matchup{zoom:1.5;max-width:640px}.mx-whistle{font-size:110px}.mx-goal,.mx-root--craque .mx-goal{justify-content:center;gap:10px;padding:0 24px 6cqh}.mx-goal-rays{width:150cqh;height:150cqh;margin-left:-75cqh;bottom:50%}.mx-goal-word{font-size:220px}.mx-ribbon,.mx-assist{zoom:1.45}.mx-rival-band{zoom:1.5}.mx-ht-card,.mx-pause-card{zoom:1.45}.mx-ft-label{font-size:84px}.mx-ft-score,.mx-ft-hint{zoom:1.4}}.mx-ctrls{left:10px;right:10px;bottom:calc(var(--safe-bottom) + 10px);z-index:12;pointer-events:none;transition:opacity .26s var(--ease-out), transform .26s var(--ease-out);animation:mx-ctrls-in .52s var(--ease-spring) .35s backwards;grid-template-columns:auto 1fr auto;align-items:end;gap:6px;display:grid;position:absolute}.mx-ctrls.is-hidden{opacity:0;transform:translateY(24px)}.mx-ctrls.is-hidden *{pointer-events:none!important}.mx-stick{pointer-events:auto;touch-action:none;cursor:grab;border:3px solid var(--navy);width:112px;height:112px;transition:transform .16s var(--ease-out);background:radial-gradient(circle at 50% 40%,#ffffff29,#0000 62%),#0b18466b;border-radius:50%;position:relative;box-shadow:inset 0 0 0 3px #ffffff59,inset 0 -6px #0000002e,0 4px #0b18468c}.mx-stick.is-drag{cursor:grabbing;transform:scale(1.04)}.mx-stick-ring{border:2px dashed #ffffff59;border-radius:50%;position:absolute;inset:22%}.mx-stick-arrows i{width:0;height:0;filter:drop-shadow(0 1px 0 var(--navy));border-bottom:8px solid #ffffffbf;border-left:6px solid #0000;border-right:6px solid #0000;position:absolute;top:50%;left:50%}.mx-stick-arrows i:first-child{transform:translate(-50%,-50%)rotate(0)translateY(-43px)}.mx-stick-arrows i:nth-child(2){transform:translate(-50%,-50%)rotate(90deg)translateY(-43px)}.mx-stick-arrows i:nth-child(3){transform:translate(-50%,-50%)rotate(180deg)translateY(-43px)}.mx-stick-arrows i:nth-child(4){transform:translate(-50%,-50%)rotate(270deg)translateY(-43px)}.mx-stick-knob{border:3px solid var(--navy);width:50px;height:50px;box-shadow:inset 0 -4px 0 #0b18462e, 0 4px 0 var(--navy);pointer-events:none;transition:transform .32s var(--ease-spring);background:radial-gradient(circle at 38% 30%,#fff 0%,#eef3ff 45%,#b9c8ee 100%);border-radius:50%;margin:-25px 0 0 -25px;position:absolute;top:50%;left:50%}.mx-stick.is-drag .mx-stick-knob{transition:none}.mx-mapwrap{flex-direction:column;justify-self:center;align-items:center;padding-bottom:6px;display:flex;position:relative}.mx-map{border:3px solid var(--navy);width:56px;height:86px;box-shadow:inset 0 0 0 1px #ffffff40, 0 3px 0 var(--navy);background:#43ad3a;border-radius:9px;display:block}.mx-hint{white-space:nowrap;border:2.5px solid var(--navy);box-shadow:0 3px 0 var(--navy);font-family:var(--font-display);letter-spacing:.04em;animation:mx-hint-in .36s var(--ease-spring) both;border-radius:999px;padding:4px 10px 5px;font-size:12px;font-weight:400;line-height:1.15;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)}.mx-hint--go{background:var(--yellow);color:var(--ink);font-size:15px}.mx-hint--wait{color:var(--ink);background:#fff}.mx-acts{width:148px;height:116px;position:relative}.mx-act{pointer-events:auto;touch-action:none;border:3px solid var(--navy);box-shadow:inset 0 3px 0 #fff6, inset 0 -6px 0 #00000038, 0 5px 0 var(--navy);transition:transform 90ms var(--ease-out), box-shadow 90ms var(--ease-out), filter .2s;border-radius:50%;position:absolute}.mx-act--pass{background:radial-gradient(circle at 50% 30%, #6fa3ff 0%, var(--blue-500) 55%, var(--blue-600) 100%);width:64px;height:64px;bottom:12px;left:0}.mx-act--shot{background:radial-gradient(circle at 50% 30%, #7ff08a 0%, var(--green) 55%, var(--green-2) 100%);width:80px;height:80px;bottom:4px;right:0}.mx-act:active{box-shadow:inset 0 3px 0 #fff6, inset 0 -3px 0 #00000038, 0 1px 0 var(--navy);transform:translateY(4px)scale(1.05,.9)}.mx-act-face{border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:1px;display:flex;position:absolute;inset:0}.mx-act-face svg{filter:drop-shadow(0 2px #0b184699)}.mx-act-label{font-family:var(--font-display);letter-spacing:.02em;color:#fff;-webkit-text-stroke:3px var(--navy);paint-order:stroke fill;text-shadow:0 2px 0 var(--navy);font-size:13px;font-weight:400;line-height:1}.mx-act--shot .mx-act-label{font-size:15px}.mx-act-face.is-go{animation:mx-act-go .38s var(--ease-spring)}.mx-act-face.is-nope{animation:.38s linear mx-act-nope}.mx-ctrls.is-locked .mx-act,.mx-ctrls.is-locked .mx-stick{filter:saturate(.55)brightness(.92)}.mx-ctrls.is-locked .mx-stick-knob{opacity:.8}@keyframes mx-ctrls-in{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@keyframes mx-hint-in{0%{opacity:0;transform:translate(-50%)translateY(8px)scale(.6)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes mx-act-go{0%{transform:scale(1)}35%{transform:scale(1.18,.86)}65%{transform:scale(.92,1.1)}to{transform:scale(1)}}@keyframes mx-act-nope{0%,to{transform:translate(0)}20%{transform:translate(-6px)rotate(-6deg)}40%{transform:translate(5px)rotate(5deg)}60%{transform:translate(-4px)rotate(-3deg)}80%{transform:translate(2px)}}@container frame (width>=1000px) and (aspect-ratio>=4/3){.mx-ctrls{gap:20px;bottom:22px;left:28px;right:28px}.mx-stick{width:136px;height:136px}.mx-stick-knob{width:60px;height:60px;margin:-30px 0 0 -30px}.mx-stick-arrows i:first-child{transform:translate(-50%,-50%)rotate(0)translateY(-53px)}.mx-stick-arrows i:nth-child(2){transform:translate(-50%,-50%)rotate(90deg)translateY(-53px)}.mx-stick-arrows i:nth-child(3){transform:translate(-50%,-50%)rotate(180deg)translateY(-53px)}.mx-stick-arrows i:nth-child(4){transform:translate(-50%,-50%)rotate(270deg)translateY(-53px)}.mx-map{border-radius:11px;width:132px;height:86px}.mx-acts{width:196px;height:140px}.mx-act--pass{width:80px;height:80px;bottom:14px}.mx-act--shot{width:100px;height:100px}.mx-act-label{font-size:15px}.mx-act--shot .mx-act-label{font-size:18px}}.an{font-variant-numeric:tabular-nums;white-space:nowrap;display:inline-block;position:relative}.an-value{transform-origin:50% 85%;display:inline-block}.an--counting .an-value{animation:.14s ease-in-out infinite alternate an-jiggle}.an-value--pop{animation:an-pop .62s var(--ease-out) both}.an-sparks{pointer-events:none;width:0;height:0;position:absolute;top:50%;left:50%}.an-sparks svg{opacity:0;width:.34em;height:.34em;animation:an-spark .7s var(--ease-out) both;position:absolute;top:-.17em;left:-.17em;overflow:visible}@keyframes an-jiggle{0%{transform:scale(1.04)rotate(-2deg)}to{transform:scale(1.1)rotate(2deg)}}@keyframes an-pop{0%{transform:scale(1)}22%{transform:scale(1.3,.78)}45%{transform:scale(.86,1.2)translateY(-.08em)}66%{transform:scale(1.08,.94)}84%{transform:scale(.98,1.02)}to{transform:scale(1)}}@keyframes an-spark{0%{opacity:1;transform:translate(0)scale(.3)rotate(0)}60%{opacity:1}to{opacity:0;transform:translate(var(--an-dx), var(--an-dy)) scale(1) rotate(var(--an-rot))}}.chibi{flex:none;display:block;overflow:visible}.chibi-rig,.chibi-head,.chibi-shadow{transform-box:view-box}.chibi-rig{transform-origin:50px 150px;animation:2.4s ease-in-out infinite chibi-breathe;animation-delay:var(--chibi-delay,0s)}.chibi-head{transform-origin:50px 76px;animation:2.4s ease-in-out infinite chibi-head;animation-delay:calc(var(--chibi-delay,0s) - .18s)}.chibi-shadow{transform-origin:50px 150px;animation:2.4s ease-in-out infinite chibi-shadow;animation-delay:var(--chibi-delay,0s)}.chibi--celebrate .chibi-rig{animation:chibi-hop .9s var(--ease-in-out) infinite;animation-delay:var(--chibi-delay,0s)}.chibi--celebrate .chibi-shadow{animation:chibi-hop-shadow .9s var(--ease-in-out) infinite;animation-delay:var(--chibi-delay,0s)}.chibi-number{font-family:var(--font-display);font-weight:400}.chibi--still .chibi-rig,.chibi--still .chibi-head,.chibi--still .chibi-shadow{animation:none}@keyframes chibi-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.012,.985)}}@keyframes chibi-head{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(1.6px)rotate(-1.2deg)}}@keyframes chibi-shadow{0%,to{transform:scaleX(1)}50%{transform:scaleX(1.03)}}@keyframes chibi-hop{0%,to{transform:translateY(0)scale(1.04,.95)}15%{transform:translateY(0)scale(1)}45%{transform:translateY(-14px)scale(.97,1.04)}75%{transform:translateY(0)scale(1)}}@keyframes chibi-hop-shadow{0%,to,75%{opacity:.3;transform:scale(1)}45%{opacity:.16;transform:scale(.7)}}@media (prefers-reduced-motion:reduce){.chibi-rig,.chibi-head,.chibi-shadow{animation:none!important}}.menu-shade{z-index:0;pointer-events:none;background:radial-gradient(70% 34% at 50% 44%,#fff38a33,#0000 70%),linear-gradient(#0a1f5c00 60%,#0a1f5c29 80%,#08184857 100%);position:absolute;inset:0}.menu-hud{z-index:6;animation:menu-hud-drop .56s var(--ease-spring) backwards;flex:none;position:relative}.menu-body{z-index:1;flex-direction:column;flex:auto;gap:clamp(5px,1.25cqh,12px);min-height:0;padding:clamp(6px,1.4cqh,16px) 16px clamp(8px,1.5cqh,14px);display:flex;position:relative}.menu-body--hud{padding-top:clamp(2px,.6cqh,8px)}.menu-top{z-index:4;flex:1 1 0;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.menu-logo{filter:drop-shadow(0 6px 10px #06123a59);justify-content:center;display:flex;position:relative}.menu-logo-wrap{justify-content:center;display:flex}.menu-sparkle{z-index:1;color:#fff;pointer-events:none;filter:drop-shadow(0 0 4px #fff38ae6);animation:2.8s ease-in-out infinite menu-twinkle;position:absolute;transform:translate(-50%,-50%)scale(0)}.menu-sparkle:nth-child(odd){color:var(--yellow-light)}.menu-reset{z-index:2;color:#fff;background:linear-gradient(180deg, var(--blue-600), var(--blue-800));border:2.5px solid var(--navy);width:30px;height:30px;box-shadow:inset 0 2px 0 #ffffff4d, 0 3px 0 var(--navy);opacity:.85;transition:transform .16s var(--ease-spring), opacity .15s ease;border-radius:10px;place-items:center;display:grid;position:absolute;top:0;right:-6px}.menu-reset:before{content:"";position:absolute;inset:-7px}.menu-reset svg{width:15px;height:15px}.menu-reset:active{transform:translateY(2px)rotate(-120deg)scale(.92)}@media (hover:hover){.menu-reset:hover{opacity:1}}.menu-reset:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}.menu-hero{z-index:2;flex:1.6 1 0;min-height:0;margin:0 -16px;position:relative}.menu-mound{left:50%;bottom:calc(var(--h) * -.02);width:min(calc(100% - 10px), calc(var(--h) * 2));height:calc(var(--h) * .42);background:radial-gradient(60% 55% at 50% 30%, #ffffff47, transparent 70%), linear-gradient(180deg, #7fe070 0%, var(--grass-1) 35%, var(--grass-2) 70%, var(--grass-dark) 100%);border:3px solid var(--navy);box-shadow:inset 0 3px 0 #fff6, inset 0 -7px 0 #0b184638, 0 5px 0 var(--navy), 0 14px 22px #06123a59;animation:menu-mound-in .52s var(--ease-spring) 40ms backwards;border-radius:50%;position:absolute;transform:translate(-50%)}.menu-mound-stripes{border-radius:inherit;background:repeating-linear-gradient(90deg,#ffffff1a 0 12%,#0000 12% 24%);position:absolute;inset:0;-webkit-mask-image:radial-gradient(closest-side,#000 60%,#0000 100%);mask-image:radial-gradient(closest-side,#000 60%,#0000 100%)}.menu-chibi{left:50%;bottom:calc(var(--h) * var(--lift));width:calc(var(--h) * var(--s) * .625);height:calc(var(--h) * var(--s));margin-left:calc(var(--h) * (var(--dx) - var(--s) * .3125));-webkit-tap-highlight-color:transparent;border-radius:20px;justify-content:center;align-items:flex-end;padding:0;display:flex;position:absolute}.menu-chibi:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}.menu-chibi-in{transform-origin:50% 100%;animation:menu-chibi-in .76s var(--ease-out) var(--d,0s) backwards;transition:transform .18s var(--ease-spring);display:block;position:relative}.menu-chibi:active .menu-chibi-in{transform:scale(1.06,.92)}@media (hover:hover){.menu-chibi:hover .menu-chibi-in{transform:translateY(-3px)scale(1.03)}}.menu-chibi-crown{left:50%;top:calc(var(--h) * -.075);width:calc(var(--h) * .2);height:calc(var(--h) * .15);margin-left:calc(var(--h) * -.1);pointer-events:none;filter:drop-shadow(0 0 6px #fff38ae6);animation:bounce-in .6s var(--ease-out) calc(var(--d,0s) + .52s) backwards, menu-crown-float 2.6s ease-in-out calc(var(--d,0s) + 1.1s) infinite;position:absolute}.menu-toast{z-index:8;max-width:calc(100% - 24px);color:var(--ink);border:3px solid var(--navy);box-shadow:inset 0 -3px 0 #2f6bff2e, 0 4px 0 var(--navy), 0 10px 20px #06123a59;white-space:nowrap;pointer-events:none;animation:menu-toast 4s var(--ease-out) .42s both;background:linear-gradient(#fff 0%,#eaf2ff 100%);border-radius:999px;align-items:center;gap:8px;padding:4px 12px 4px 4px;display:flex;position:absolute;top:0;left:50%}.menu-toast-avatar{background:linear-gradient(180deg, #ff6a5a, var(--red));border:2.5px solid var(--navy);border-radius:50%;flex:none;place-items:center;width:38px;height:38px;display:grid;overflow:hidden}.menu-toast-text{flex-direction:column;min-width:0;line-height:1.05;display:flex}.menu-toast-kicker{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--red);font-size:12px}.menu-toast-name{font-family:var(--font-body);color:var(--ink);text-overflow:ellipsis;font-size:13px;font-weight:900;overflow:hidden}.menu-toast-ovr{border-left:2px dashed #0b184640;flex-direction:column;flex:none;align-items:center;gap:1px;padding-left:9px;line-height:1;display:flex}.menu-toast-ovr-label{font-family:var(--font-display);letter-spacing:.08em;color:var(--text-mute);font-size:11px}.menu-toast-ovr-row{font-family:var(--font-display);color:#5b6a99;font-variant-numeric:tabular-nums;align-items:center;gap:3px;font-size:17px;display:flex}.menu-toast-ovr-row b{color:var(--green-2);font-weight:400}.menu-toast-ovr-arrow{width:14px;height:11px;color:var(--green-2)}.menu-level{z-index:3;animation:rise-in .46s var(--ease-out) .26s backwards;flex:none;padding-top:9px;position:relative}.menu-level-tab,.menu-level-hint{z-index:2;border:2.5px solid var(--navy);height:21px;box-shadow:0 2px 0 var(--navy);white-space:nowrap;border-radius:8px;align-items:center;gap:4px;padding:0 9px;display:inline-flex;position:absolute;top:0}.menu-level-tab{letter-spacing:.06em;background:linear-gradient(180deg, var(--blue-500), var(--blue-600));font-size:13px;line-height:1;left:12px}.menu-level-hint{font-family:var(--font-body);color:var(--ink);animation:menu-hint-pop .42s var(--ease-spring) backwards;background:#fff;font-size:11.5px;font-weight:900;line-height:1;right:12px}.menu-level-hint-icon{width:15px;height:15px;display:inline-flex}.menu-level-hint-icon svg{width:100%;height:100%}.menu-level-track{border:3px solid var(--navy);box-shadow:inset 0 3px 0 #00000040, inset 0 -2px 0 #ffffff1f, 0 3px 0 var(--navy);background:linear-gradient(#08143edb,#102d84db);border-radius:16px;gap:4px;padding:9px 4px 4px;display:flex;position:relative}.menu-chip{min-width:0;height:32px;font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;color:var(--text-dim);transition:color .15s ease, transform .18s var(--ease-spring);border:2.5px solid #0000;border-radius:11px;flex:1 1 0;justify-content:center;align-items:center;gap:2px;padding:0 4px;font-size:clamp(13px,4cqw,16px);font-weight:400;line-height:1;display:inline-flex;position:relative}.menu-chip:before{content:"";position:absolute;inset:-6px -2px}.menu-chip--craque{flex-grow:1.3}.menu-chip-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.menu-chip-crown{flex:none;width:17px;height:13px;margin-top:-2px}.menu-chip:not(.menu-chip--on):active{transform:scale(.92)}@media (hover:hover){.menu-chip:not(.menu-chip--on):hover{color:#fff}}.menu-chip:focus-visible{outline:3px solid var(--yellow);outline-offset:1px}.menu-chip--on{color:var(--navy);background:linear-gradient(180deg, var(--yellow-light) 0%, var(--yellow) 42%, var(--yellow-2) 100%);border-color:var(--navy);box-shadow:inset 0 2px 0 #ffffffa6, inset 0 -3px 0 #d9820099, 0 2px 0 var(--navy);animation:menu-chip-pop .42s var(--ease-spring)}.menu-cta{z-index:3;animation:bounce-in .62s var(--ease-out) .34s backwards;flex:none;position:relative}.menu-cta-label{align-items:center;gap:.22em;display:inline-flex}.menu-play-icon{flex:none;width:.78em;height:.78em}.menu-tiles{z-index:3;flex:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid;position:relative}.menu-tile{text-align:center;min-width:0;min-height:clamp(76px,11.4cqh,104px);animation:bounce-in .56s var(--ease-out) backwards;transition:transform .14s var(--ease-out), box-shadow .14s var(--ease-out);flex-direction:column;justify-content:flex-start;align-items:center;gap:4px;padding:6px 4px 8px;display:flex}.menu-tile:first-child{animation-delay:.42s}.menu-tile:nth-child(2){animation-delay:.5s}.menu-tile:nth-child(3){animation-delay:.58s}.menu-tile:active{box-shadow:inset 0 2px 0 #ffffff47, inset 0 -3px 0 #00000038, 0 1px 0 var(--navy);transform:translateY(3px)}.menu-tile:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}.menu-tile-label{max-width:100%;font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;color:#fff;-webkit-text-stroke:3px var(--navy);paint-order:stroke fill;text-shadow:0 1.5px 0 var(--navy);font-size:clamp(11.5px,3.4cqw,14px);line-height:1.1}.menu-tile-div{align-items:center;gap:4px;margin-top:-1px;display:flex}.menu-tile-shield{flex:none;width:clamp(24px,7.4cqw,32px);height:auto}.menu-tile-div-text{flex-direction:column;align-items:flex-start;gap:3px;display:flex}.menu-tile-round{font-family:var(--font-display);white-space:nowrap;text-transform:uppercase;color:var(--text-dim);font-size:clamp(10px,2.9cqw,12px);line-height:1}.menu-tile-round b{color:var(--yellow);font-weight:400}.menu-pips{gap:2px;width:90%;margin-top:auto;display:flex}.menu-pip{height:7px;box-shadow:inset 0 0 0 1.5px var(--navy);background:#08143ebf;border-radius:3px;flex:1 1 0}.menu-pip--done{background:linear-gradient(180deg, var(--yellow-light), var(--yellow) 50%, var(--yellow-2))}.menu-pip--current{background:#fff;animation:1.1s ease-in-out infinite menu-pip-pulse}.menu-tile--team{position:relative}.menu-tile-ovr{align-items:baseline;gap:3px;margin-top:-2px;display:flex}.menu-tile-ovr-tag{font-family:var(--font-display);color:var(--yellow);-webkit-text-stroke:3px var(--navy);paint-order:stroke fill;font-size:clamp(12px,3.5cqw,15px)}.menu-tile-ovr-value{font-family:var(--font-display);color:#fff;-webkit-text-stroke:5px var(--navy);paint-order:stroke fill;text-shadow:0 3px 0 var(--navy);font-variant-numeric:tabular-nums;font-size:clamp(27px,8.2cqw,36px);line-height:1;display:inline-block}.menu-tile--flash{animation:bounce-in .56s var(--ease-out) .5s backwards, menu-tile-flash 1s ease-out var(--flash-at,1.6s)}.menu-tile-plus{font-family:var(--font-display);color:#fff;-webkit-text-stroke:3px var(--navy);paint-order:stroke fill;background:linear-gradient(180deg, #7dff8a, var(--green) 55%, var(--green-2));border:2.5px solid var(--navy);box-shadow:0 3px 0 var(--navy);pointer-events:none;animation:menu-plus 2.4s var(--ease-out) var(--flash-at,1.6s) both;border-radius:999px;padding:3px 8px 2px;font-size:16px;line-height:1;position:absolute;top:-12px;right:-6px}.menu-tile-streak{align-items:center;gap:2px;margin-top:-2px;display:flex}.menu-flame{transform-origin:50% 90%;flex:none;width:clamp(20px,6cqw,26px);height:auto;animation:1.2s ease-in-out infinite menu-flicker}.menu-tile-big{font-family:var(--font-display);color:#fff;-webkit-text-stroke:5px var(--navy);paint-order:stroke fill;text-shadow:0 3px 0 var(--navy);font-size:clamp(27px,8.2cqw,36px);line-height:1}.menu-tile-sub{max-width:100%;font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;color:var(--text-dim);font-size:clamp(9.5px,2.7cqw,11.5px);line-height:1.05}@container frame (height<=700px){.menu-body{gap:6px}.menu-chip{height:30px}.menu-tile{gap:2px;padding:5px 3px 7px}}@keyframes menu-hud-drop{0%{opacity:0;transform:translateY(-110%)}60%{opacity:1;transform:translateY(6%)}to{opacity:1;transform:none}}@keyframes menu-twinkle{0%,to{opacity:0;transform:translate(-50%,-50%)scale(0)rotate(0)}45%{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(45deg)}70%{opacity:.6;transform:translate(-50%,-50%)scale(.7)rotate(80deg)}}@keyframes menu-mound-in{0%{opacity:0;transform:translate(-50%)scale(.6,.3)}to{opacity:1;transform:translate(-50%)}}@keyframes menu-chibi-in{0%{opacity:0;transform:translateY(45%)scale(.5,.3)}45%{opacity:1;transform:translateY(-12%)scale(.9,1.14)}68%{transform:translateY(0)scale(1.12,.88)}84%{transform:translateY(-2%)scale(.97,1.04)}to{opacity:1;transform:none}}@keyframes menu-crown-float{0%,to{transform:translateY(0)rotate(-8deg)}50%{transform:translateY(-5px)rotate(6deg)}}@keyframes menu-toast{0%{opacity:0;transform:translate(-50%,-16px)scale(.6)}8%{opacity:1;transform:translate(-50%,2px)scale(1.06)}13%,86%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-12px)scale(.92)}}@keyframes menu-hint-pop{0%{transform:scale(.5)}60%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes menu-chip-pop{0%{transform:scale(.8)}45%{transform:scale(1.12,.92)}70%{transform:scale(.96,1.05)}to{transform:scale(1)}}@keyframes menu-pip-pulse{0%,to{background:#fff}50%{background:var(--yellow-light);box-shadow:inset 0 0 0 1.5px var(--navy), 0 0 8px 1px #fff38ae6}}@keyframes menu-flicker{0%,to{transform:scale(1)rotate(-4deg)}35%{transform:scale(1.1,1.14)rotate(4deg)}65%{transform:scale(.96)rotate(-1deg)}}@keyframes menu-tile-flash{0%{box-shadow:inset 0 2px 0 #ffffff47, 0 4px 0 var(--navy), 0 0 0 0 #3ccf4ee6}to{box-shadow:inset 0 2px 0 #ffffff47, 0 4px 0 var(--navy), 0 0 0 16px #3ccf4e00}}@keyframes menu-plus{0%{opacity:0;transform:translateY(10px)scale(.3)}14%{opacity:1;transform:translateY(-2px)scale(1.25)}24%{transform:translateY(0)scale(1)}80%{opacity:1;transform:translateY(-8px)scale(1)}to{opacity:0;transform:translateY(-18px)scale(.9)}}.menu-side{display:contents}@container frame (width>=1000px) and (aspect-ratio>=4/3){.menu-body{grid-template:"top side"minmax(0,1fr)"hero side"minmax(0,1.8fr)/minmax(0,1.3fr) minmax(340px,460px);gap:8px clamp(24px,4cqw,64px);padding:clamp(16px,3cqh,36px) clamp(24px,4cqw,56px) clamp(20px,4cqh,44px);display:grid}.menu-top{grid-area:top}.menu-hero{grid-area:hero;margin:0}.menu-side{flex-direction:column;grid-area:side;justify-content:center;gap:clamp(12px,2.6cqh,26px);min-height:0;display:flex}.menu-chip{height:44px}.menu-tile{gap:6px;padding:12px 6px 14px}}.seg{--seg-pad:4px;width:100%;height:48px;padding:var(--seg-pad);border:3px solid var(--navy);box-shadow:inset 0 3px 6px #00000073, inset 0 -1px 0 #ffffff1f, 0 3px 0 var(--navy);background:linear-gradient(#081236 0%,#14245e 100%);border-radius:16px;flex:none;display:flex;position:relative}.seg-pill{top:var(--seg-pad);bottom:var(--seg-pad);left:calc(var(--seg-pad) + (100% - 2 * var(--seg-pad)) / var(--seg-n) * var(--seg-i));width:calc((100% - 2 * var(--seg-pad)) / var(--seg-n));background:linear-gradient(180deg, var(--yellow-light) 0%, var(--yellow) 45%, var(--yellow-2) 100%);box-shadow:0 0 0 2px var(--navy), inset 0 -4px 0 var(--yellow-3), inset 0 2px 0 #ffffffb3;transition:left .38s var(--ease-spring);border-radius:11px;position:absolute}.seg-tab{z-index:1;min-width:0;font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;color:#a9bff0;transition:color .2s var(--ease-out);-webkit-tap-highlight-color:transparent;border-radius:11px;flex:1;justify-content:center;align-items:center;padding:0 4px 3px;font-size:clamp(13px,4.1cqw,16px);font-weight:400;display:flex;position:relative}.seg-label{white-space:nowrap;text-overflow:ellipsis;max-width:100%;line-height:1.25;display:inline-block;overflow:hidden}.seg-tab--active{color:var(--navy)}.seg-tab--active .seg-label{animation:seg-pop .38s var(--ease-spring) both}.seg-tab:active .seg-label{transform:scale(.92)}@media (hover:hover){.seg-tab:not(.seg-tab--active):hover{color:#fff}}.seg-tab:focus-visible{outline-offset:-2px;outline:2px solid #fff}@keyframes seg-pop{0%{transform:scale(.8)}60%{transform:scale(1.12)}to{transform:scale(1)}}.mt-screen{overflow:clip}.mt-screen .mt-tabs{z-index:4;flex:none;width:auto;margin:2px 12px 6px;position:relative}.mt-ovr{background:linear-gradient(180deg, #2a55cf 0%, var(--panel) 48%, var(--panel-2) 100%);border:3px solid var(--navy);box-shadow:inset 0 2px 0 #ffffff4d, inset 0 -3px 0 #00000038, 0 3px 0 var(--navy);animation:bounce-in .52s var(--ease-spring) .16s both;border-radius:14px;align-items:center;gap:7px;padding:3px 10px 4px 8px;display:flex}.mt-ovr-value{font-size:30px;line-height:1.05;display:inline-block}.mt-ovr-meta{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.mt-ovr-label{letter-spacing:.06em;color:var(--yellow);font-size:13px;line-height:1}.mt-ovr--compact{border-radius:12px;gap:6px;padding:2px 8px 3px 7px}.mt-ovr--compact .mt-ovr-value{font-size:24px}.mt-ovr--compact .mt-ovr-label{font-size:11px}.mt-stage{z-index:1;flex:auto;min-height:0;position:relative;overflow-x:clip}.mt-panel{position:absolute;inset:0}.mt-panel--scroll{overscroll-behavior:contain;scrollbar-width:none;animation:mt-panel-in .36s var(--ease-spring) both;padding:8px 16px 12px;overflow:hidden auto}.mt-sheet{pointer-events:none;border:3px solid var(--navy);animation:mt-panel-in .36s var(--ease-spring) both;background:linear-gradient(#ffffff1a,#fff0 90px),linear-gradient(#2456d6eb 0%,#142f86f5 70%);border-bottom:0;border-radius:20px 20px 0 0;position:absolute;inset:0 0 -170px;box-shadow:inset 0 2px #ffffff47}.mt-panel--scroll::-webkit-scrollbar{display:none}@keyframes mt-panel-in{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:none}}.mt-panel-head{align-items:center;gap:8px;margin:2px 0 8px;display:flex}.mt-panel-head--gap{margin-top:clamp(12px,8cqh - 39.2px,32px)}.mt-panel-title{letter-spacing:.02em;font-size:18px;line-height:1.1}.mt-panel-aux{font-family:var(--font-body);color:var(--text-dim);text-align:right;margin-left:auto;font-size:12px;font-weight:800;line-height:1.2}.mt-count{min-width:26px;height:24px;color:var(--ink);background:linear-gradient(180deg, var(--yellow-light), var(--yellow) 55%, var(--yellow-2));border:2.5px solid var(--navy);box-shadow:0 2px 0 var(--navy);border-radius:8px;place-items:center;padding:1px 6px 0;font-size:15px;line-height:1;display:grid}.mt-world{animation:mt-world-in .64s var(--ease-spring) both;position:absolute;inset:0}@keyframes mt-world-in{0%{opacity:0;transform:translateY(34px)scale(.93)}to{opacity:1;transform:none}}.mt-persp{pointer-events:none;position:absolute;inset:0}.mt-plane{transform-origin:50%;transform-style:preserve-3d;position:absolute}.mt-ground{position:absolute;inset:0}.mt-apron{border:3px solid var(--navy);background:linear-gradient(90deg,#0000001a,#0000 10% 90%,#0000001a),linear-gradient(#2c8a2e 0%,#36a03a 40%,#3aa83c 100%);border-bottom:0;border-radius:26px 26px 0 0;position:absolute;box-shadow:inset 0 3px #ffffff29;bottom:-60%!important}.mt-grass{background:linear-gradient(90deg, #ffffff0b 50%, #fff0 50%) 0 0 / calc(100% / 6) 100%, linear-gradient(180deg, var(--grass-1) 50%, var(--grass-2) 50%) 0 0 / 100% calc(100% / 8);border-radius:6px;position:absolute;overflow:hidden;box-shadow:0 0 0 2px #145a1959}.mt-grass-light{background:radial-gradient(70% 48% at 50% 46%,#ffffd229,#ffffd200 72%),radial-gradient(125% 95%,#0000 62%,#0a3c1433 100%);position:absolute;inset:0}.mt-grass-sweep{width:34%;animation:mt-sweep 1.2s var(--ease-in-out) .38s both;background:linear-gradient(90deg,#fff0,#ffffff38,#fff0);position:absolute;top:-10%;bottom:-10%;left:0;transform:translate(-120%)skew(-16deg)}@keyframes mt-sweep{0%{transform:translate(-120%)skew(-16deg)}to{transform:translate(300%)skew(-16deg)}}.mt-crest-mow{opacity:.16;filter:brightness(0)invert();position:absolute;top:50%;left:50%}.mt-lines{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.mt-lines g{fill:none;stroke-linejoin:round;stroke-linecap:round}.mt-lines .mt-lines-main{stroke:#fff;stroke-width:.5px}.mt-lines .mt-lines-spots{fill:#fff;stroke:none}.mt-board{transform-origin:50% 100%;border:1.5px solid var(--navy);background:var(--navy);border-radius:2px;gap:1.5px;display:flex;position:absolute;overflow:hidden;transform:rotateX(-90deg)}.mt-ad{min-width:0;font-family:var(--font-display);letter-spacing:.04em;white-space:nowrap;color:#fff;flex:1 1 0;place-items:center;font-weight:400;line-height:1;display:grid;overflow:hidden;box-shadow:inset 0 .22em #ffffff47}.mt-ad--red{background:var(--red);flex-grow:1.5}.mt-ad--yellow{color:var(--navy);background:var(--yellow);flex-grow:1.2}.mt-ad--blue{background:var(--blue-500)}.mt-ad--green{background:var(--green-2);flex-grow:1.5}.mt-goal{transform-style:preserve-3d;pointer-events:none;position:absolute}.mt-goal>*{position:absolute}.mt-goal-net{background:repeating-linear-gradient(0deg,#ffffffb8 0 1px,#fff0 1px 4px),repeating-linear-gradient(90deg,#ffffffb8 0 1px,#fff0 1px 4px),#ffffff29}.mt-goal-frame,.mt-goal-back{width:100%;height:var(--gh);left:0}.mt-goal-frame{border:var(--post) solid #fff;box-shadow:0 0 0 1.5px var(--navy), inset 0 0 0 1.5px var(--navy)}.mt-goal-roof{transform:translateZ(var(--gh));inset:0}.mt-goal-side{height:100%;width:var(--gh);top:0}.mt-goal-side--l{transform-origin:0;left:0;transform:rotateY(-90deg)}.mt-goal-side--r{transform-origin:100%;right:0;transform:rotateY(90deg)}.mt-goal--far .mt-goal-frame{transform-origin:50% 100%;border-bottom:0;bottom:0;transform:rotateX(-90deg)}.mt-goal--far .mt-goal-back{transform-origin:50% 100%;bottom:100%;transform:rotateX(-90deg)}.mt-goal--near .mt-goal-frame{transform-origin:50% 0;border-top:0;top:0;transform:rotateX(90deg)}.mt-goal--near .mt-goal-back{transform-origin:50% 0;top:100%;transform:rotateX(90deg)}.mt-corner{z-index:5;pointer-events:none;position:absolute;top:4px}.mt-corner--l{left:12px}.mt-corner--r{right:12px}.mt-formation{letter-spacing:.03em;background:linear-gradient(180deg, #22347a 0%, var(--navy-2) 55%, var(--navy) 100%);border:3px solid var(--navy);box-shadow:inset 0 2px 0 #fff3, 0 3px 0 var(--navy), 0 0 0 1.5px #ffffff59;animation:bounce-in .52s var(--ease-spring) .24s both;border-radius:12px;padding:4px 10px 5px;font-size:19px;line-height:1.05;display:inline-block}.mt-cards{z-index:3;pointer-events:none;position:absolute;inset:0}.mt-token{width:0;height:0;position:absolute}.mt-shadow{left:calc(var(--w) * -.6);top:calc(var(--w) * -.1);width:calc(var(--w) * 1.2);height:calc(var(--w) * .3);animation:mt-shadow-in .56s var(--ease-out) var(--d) both;background:radial-gradient(closest-side,#0b28148c,#0b281440 60%,#0b281400);border-radius:50%;position:absolute}@keyframes mt-shadow-in{0%{opacity:0;transform:scale(.35)}50%{opacity:1;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}.mt-dust{left:calc(var(--w) * -.55);top:calc(var(--w) * -.1);width:calc(var(--w) * 1.1);height:calc(var(--w) * .3);opacity:0;animation:mt-dust .52s var(--ease-out) calc(var(--d) + .25s) forwards;border:2px solid #fffc;border-radius:50%;position:absolute}@keyframes mt-dust{0%{opacity:.9;transform:scale(.55)}to{opacity:0;transform:scale(1.8)}}.mt-card-drop{left:calc(var(--w) * -.5);bottom:calc(var(--w) * -.05);pointer-events:auto;transform-origin:50% 100%;animation:mt-drop .64s linear var(--d) both;position:absolute}@keyframes mt-drop{0%{opacity:0;animation-timing-function:cubic-bezier(.5,0,.9,.6);transform:translateY(-56px)scale(.9,1.12)}40%{opacity:1;animation-timing-function:cubic-bezier(.2,.7,.4,1);transform:translateY(0)scale(1.14,.84)}62%{animation-timing-function:cubic-bezier(.5,0,.8,.6);transform:translateY(-9px)scale(.95,1.06)}80%{transform:translateY(0)scale(1.04,.96)}to{opacity:1;transform:none}}.mt-card-press{cursor:pointer;transition:transform .18s var(--ease-spring);position:relative}.mt-card-press:active{transform:scale(.92)}@media (hover:hover){.mt-card-press:hover{transform:translateY(-4px)rotate(-2deg)}}.mt-token--new .mt-card-press:after{content:"";border-radius:calc(var(--w) * .16);pointer-events:none;box-shadow:0 0 0 3px var(--yellow), 0 0 0 5px var(--navy), 0 0 16px 4px #ffd21fb3;animation:1.2s ease-in-out infinite mt-new-glow;position:absolute;inset:-4px}@keyframes mt-new-glow{0%,to{opacity:1}50%{opacity:.5}}.mt-new{z-index:2;font-size:max(11px, calc(var(--w) * .2));letter-spacing:.04em;white-space:nowrap;background:linear-gradient(180deg, #ff5a4f, var(--red) 55%, var(--red-2));border:2px solid var(--navy);box-shadow:inset 0 1.5px 0 #ffffff59, 0 2px 0 var(--navy);pointer-events:none;animation:mt-new-pop .52s var(--ease-spring) calc(var(--d) + .42s) both;border-radius:999px;padding:.16em .5em .2em;position:absolute;top:0;left:50%}@keyframes mt-new-pop{0%{opacity:0;transform:translate(-50%,-62%)scale(.3)rotate(-12deg)}70%{opacity:1;transform:translate(-50%,-62%)scale(1.15)rotate(4deg)}to{opacity:1;transform:translate(-50%,-62%)scale(1)rotate(-3deg)}}.mt-ring{left:calc(var(--w) * -.8);top:calc(var(--w) * -.16);width:calc(var(--w) * 1.6);height:calc(var(--w) * .46);border:3px solid var(--yellow);opacity:0;animation:mt-ring 1.5s ease-out calc(var(--d) + .5s) infinite;border-radius:50%;position:absolute}@keyframes mt-ring{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(1.45)}}.mt-hint{z-index:4;background:linear-gradient(180deg, #2a55cf, var(--panel-2));border:2.5px solid var(--navy);box-shadow:inset 0 1.5px 0 #ffffff47, 0 2px 0 var(--navy);font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;color:#fff;pointer-events:none;opacity:0;animation:mt-hint 5.2s var(--ease-spring) 1.5s forwards;border-radius:999px;align-items:center;gap:6px;padding:5px 11px 5px 8px;font-size:12px;font-weight:400;line-height:1;display:inline-flex;position:absolute;bottom:6px;left:12px}.mt-hint svg{color:var(--yellow)}@keyframes mt-hint{0%{opacity:0;transform:translateY(8px)scale(.8)}8%{opacity:1;transform:none}85%{opacity:1;transform:none}to{opacity:0;transform:translateY(4px)}}.mt-bench-grid{justify-content:center;gap:22px 12px;padding-top:8px;display:grid}.mt-bench-slot{animation:bounce-in .48s var(--ease-spring) calc(80ms + var(--i) * 70ms) both;position:relative}.mt-left-tag{z-index:2;letter-spacing:.03em;white-space:nowrap;color:#fff;background:linear-gradient(180deg, #ff5a4f, var(--red) 55%, var(--red-2));border:2px solid var(--navy);box-shadow:inset 0 1.5px 0 #ffffff59, 0 2px 0 var(--navy);pointer-events:none;border-radius:999px;padding:3px 7px 4px;font-size:10.5px;line-height:1;position:absolute;top:0;left:50%;transform:translate(-50%,-88%)rotate(-3deg)}.mt-bench-empty{animation:bounce-in .48s var(--ease-spring) calc(80ms + var(--i) * 70ms) both;background:#0b184647;border:3px dashed #d6e6ff66;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.mt-bench-plus{color:#d6e6ffbf;border:3px solid #d6e6ff66;border-radius:50%;place-items:center;width:32px;height:32px;padding-bottom:2px;font-size:24px;line-height:1;display:grid}.mt-bench-vaga{letter-spacing:.08em;color:#d6e6ff99;font-size:13px;line-height:1}.mt-bench-tip{font-family:var(--font-body);text-align:center;color:var(--text-dim);margin:16px 0 0;font-size:12.5px;font-weight:800;line-height:1.3}.mt-forms{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.mt-form{background:linear-gradient(180deg, #2a55cf 0%, var(--panel) 48%, var(--panel-2) 100%);border:3px solid var(--navy);box-shadow:inset 0 2px 0 #ffffff47, inset 0 -3px 0 #0003, 0 3px 0 var(--navy);animation:bounce-in .46s var(--ease-spring) calc(60ms + var(--i) * 60ms) both;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:6px 4px;display:flex;position:relative}.mt-form--active{background:linear-gradient(180deg, var(--yellow-light) 0%, var(--yellow) 45%, var(--yellow-2) 100%);box-shadow:inset 0 2px 0 #ffffff8c, inset 0 -3px 0 #a0500059, 0 3px 0 var(--navy), 0 0 14px #ffd21f8c}.mt-form--locked{cursor:not-allowed}.mt-form--locked .mt-mini,.mt-form--locked .mt-form-label{opacity:.55;filter:grayscale(.8)}.mt-mini{width:100%;max-width:clamp(48px,11cqh - 22.4px,76px);height:auto}.mt-mini-grass{fill:var(--grass-1)}.mt-mini-stripe{fill:var(--grass-2)}.mt-mini-lines{fill:none;stroke:#ffffffe6;stroke-width:1.3px}.mt-mini-rim{fill:none;stroke:var(--navy);stroke-width:3px}.mt-mini-dot,.mt-mini-gk{stroke:var(--navy);stroke-width:1.6px}.mt-mini-dot{fill:var(--red)}.mt-mini-gk{fill:var(--yellow)}.mt-form-label{letter-spacing:.02em;white-space:nowrap;font-size:15px;line-height:1.05}.mt-form-lock,.mt-form-check{border:2.5px solid var(--navy);width:22px;height:22px;box-shadow:0 2px 0 var(--navy);border-radius:50%;place-items:center;display:grid;position:absolute;top:-8px;right:-7px}.mt-form-lock{color:#dfe7ff;background:linear-gradient(#5a6fa8,#34467e)}.mt-form-check{color:#fff;background:linear-gradient(180deg, #6be27a, var(--green) 50%, var(--green-2))}.mt-soon-chip{letter-spacing:.05em;color:var(--text-dim);background:var(--navy-2);border:2px solid var(--navy);border-radius:999px;align-items:center;gap:4px;margin-left:auto;padding:3px 8px 4px 6px;font-size:11px;line-height:1;display:inline-flex}.mt-styles{cursor:not-allowed;flex-direction:column;gap:clamp(7px,3.5cqh - 15.4px,16px);display:flex}.mt-style{animation:rise-in .38s var(--ease-out) calc(.24s + var(--i) * 70ms) both;grid-template-columns:84px minmax(0,1fr);align-items:center;gap:8px;display:grid}.mt-style-label{letter-spacing:.03em;color:var(--text-dim);font-size:12.5px;line-height:1.1}.mt-seg{background:var(--navy-2);border:2.5px solid var(--navy);box-shadow:inset 0 2px 3px #0000004d, 0 2px 0 var(--navy);opacity:.78;border-radius:12px;gap:3px;padding:3px;display:flex}.mt-seg-opt{text-overflow:ellipsis;white-space:nowrap;text-align:center;min-width:0;font-family:var(--font-body);color:var(--text-mute);border-radius:9px;flex:1 1 0;padding:clamp(6px,1.5cqh - 3.6px,10px) 1px;font-size:clamp(10.5px,2.95cqw,12.5px);font-weight:800;line-height:1.1;overflow:hidden}.mt-seg-opt--on{color:var(--ink);box-shadow:inset 0 1.5px 0 #ffffff80, 0 0 0 2px var(--navy);background:linear-gradient(#f1e7a8,#d6c472)}.mt-note{color:var(--ink);border:3px solid var(--navy);box-shadow:inset 0 -3px 0 #0b18461f, 0 4px 0 var(--navy);animation:bounce-in .46s var(--ease-spring) .48s both;background:#fff;border-radius:16px;align-items:center;gap:10px;margin-top:clamp(12px,8cqh - 39.2px,30px);padding:9px 12px;display:flex;position:relative}.mt-note:before{content:"";border-left:3px solid var(--navy);border-top:3px solid var(--navy);background:#fff;width:14px;height:14px;position:absolute;top:-10px;left:28px;transform:rotate(45deg)}.mt-note-icon{width:30px;height:30px;color:var(--navy);background:linear-gradient(180deg, var(--yellow-light), var(--yellow) 55%, var(--yellow-2));border:2.5px solid var(--navy);border-radius:50%;flex:none;place-items:center;display:grid}.mt-note-text{font-family:var(--font-body);font-size:13.5px;font-weight:800;line-height:1.25}.mt-note-text strong{color:var(--red);font-weight:900}.mt-cta{z-index:5;flex:none;padding:6px 16px 10px;position:relative}.mt-dk-body{z-index:1;flex:auto;gap:18px;min-height:0;padding:4px 22px 18px 12px;display:flex;position:relative}.mt-dk-stage{flex:auto;min-width:0;overflow:clip}.mt-dk-aside{border:3px solid var(--navy);min-height:0;box-shadow:inset 0 2px 0 #ffffff47, 0 5px 0 var(--navy);animation:mt-panel-in .36s var(--ease-spring) both;background:linear-gradient(#ffffff1a,#fff0 90px),linear-gradient(#2456d6f0 0%,#142f86f7 70%);border-radius:20px;flex-direction:column;flex:0 0 clamp(340px,30cqw,420px);display:flex;overflow:hidden}.mt-dk-head{flex:none;align-items:center;gap:12px;padding:14px 16px 10px;display:flex}.mt-dk-headtext{flex-direction:column;line-height:1;display:flex}.mt-dk-kicker{letter-spacing:.1em;color:var(--yellow);font-size:12px}.mt-dk-form{color:#fff;font-size:26px}.mt-screen .mt-dk-tabs{margin:0 12px 6px}.mt-dk-content{flex:auto;min-height:0;position:relative}.mt-dk-content .mt-panel--scroll{padding:6px 12px 12px}.mt-dk-cta{border-top:3px solid #08143c73;padding:10px 14px 14px}.mt-xi{scrollbar-width:thin;flex-direction:column;gap:6px;padding:2px 12px 10px;display:flex;position:absolute;inset:0;overflow-y:auto}.mt-xi-group{flex-direction:column;gap:4px;display:flex}.mt-xi-line{letter-spacing:.12em;color:var(--yellow);padding-left:4px;font-size:11px}.mt-xi-row{border:2px solid var(--navy);color:#fff;width:100%;font:inherit;text-align:left;cursor:pointer;background:#ffffff1f;border-radius:10px;align-items:center;gap:10px;padding:4px 10px 4px 6px;display:flex}.mt-xi-row:hover{background:#ffffff38}.mt-xi-row--new{background:#ffd23c4d}.mt-xi-ovr{text-align:center;flex:none;width:34px;font-size:18px}.mt-xi-name{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;font-size:14px;font-weight:800;overflow:hidden}.mt-xi-new{background:var(--yellow);color:var(--navy);border-radius:6px;padding:1px 6px;font-size:10px}.mt-xi-pos{color:var(--yellow);flex:none;font-size:12px}@media (height<=760px){.mt-xi-row{padding-block:2px}.mt-xi-ovr{font-size:16px}}.mt-rival{z-index:55}.op-screen{container-type:size}.op-versus{z-index:1;flex-direction:column;flex:auto;justify-content:center;align-items:stretch;gap:clamp(8px,1.6cqh,18px);min-height:0;padding:4px 14px 6px;display:flex;position:relative}.op-screen--craque .op-versus{padding-top:14px}.op-round{z-index:3;white-space:nowrap;letter-spacing:.06em;color:var(--text-dim);background:linear-gradient(180deg, #22347a, var(--navy-2));border:2.5px solid var(--navy);box-shadow:inset 0 1.5px 0 #fff3, 0 2px 0 var(--navy);animation:op-round-in .42s var(--ease-spring) 60ms both;border-radius:999px;align-items:center;gap:6px;padding:4px 12px 5px;font-size:13px;line-height:1;display:inline-flex;position:absolute;top:0;left:50%;transform:translate(-50%,-55%)}@keyframes op-round-in{0%{opacity:0;transform:translate(-50%,-55%)scale(.3)}to{opacity:1;transform:translate(-50%,-55%)}}.op-round-num{color:var(--yellow)}.op-board{flex:0 auto;min-height:0;animation:.34s linear .64s both op-shake;position:relative}.op-board-bg{border:3.5px solid var(--navy);background:var(--navy);box-shadow:0 5px 0 var(--navy);border-radius:20px;position:absolute;inset:0;overflow:hidden}.op-side{position:absolute;inset:0}.op-side--mine{clip-path:polygon(0 0,58% 0,42% 100%,0 100%);background:repeating-linear-gradient(-62deg, #ffffff17 0 9px, #fff0 9px 20px), radial-gradient(80% 70% at 22% 36%, #ffc89673, #ffc89600 70%), linear-gradient(170deg, #ff6a55 0%, var(--red) 46%, var(--red-2) 100%);animation:op-panel-l .52s var(--ease-spring) 40ms both}.op-side--rival{clip-path:polygon(58% 0,100% 0,100% 100%,42% 100%);background:repeating-linear-gradient(-62deg, #ffffff17 0 9px, #fff0 9px 20px), radial-gradient(80% 70% at 78% 36%, #aad2ff80, #aad2ff00 70%), linear-gradient(190deg, #5f93ff 0%, var(--blue-500) 46%, var(--blue-700) 100%);animation:op-panel-r .52s var(--ease-spring) 40ms both}@keyframes op-panel-l{0%{transform:translate(-70%)}to{transform:none}}@keyframes op-panel-r{0%{transform:translate(70%)}to{transform:none}}.op-seam{opacity:0;width:100%;height:100%;animation:.2s ease-out .48s forwards fade-in;position:absolute;inset:0;overflow:visible}.op-seam-edge{stroke:var(--navy);stroke-width:11px}.op-seam-core{stroke:#fff;stroke-width:5px}.op-board-gloss{pointer-events:none;background:linear-gradient(#ffffff38,#fff0);height:42%;position:absolute;inset:0 0 auto}.op-board-bg:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 3px #ffffff4d,inset 0 -5px #0003}@keyframes op-shake{0%,to{transform:none}20%{transform:translate(-5px,3px)rotate(-.6deg)}40%{transform:translate(4px,-2px)rotate(.5deg)}60%{transform:translate(-3px,1px)}80%{transform:translate(2px)}}.op-matchup{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);place-items:center;row-gap:clamp(4px,1.2cqh,14px);padding:clamp(10px,2cqh,20px) 6px clamp(10px,1.8cqh,18px);display:grid;position:relative}.op-board--round .op-matchup{padding-top:clamp(16px,2.6cqh,24px)}.op-team{text-align:center;flex-direction:column;align-items:center;gap:clamp(3px,.7cqh,7px);min-width:0;max-width:100%;display:flex}.op-team--mine,.op-ovr--mine{animation:op-team-l .56s var(--ease-spring) .14s both}.op-team--rival,.op-ovr--rival{animation:op-team-r .56s var(--ease-spring) .14s both}.op-ovr--mine,.op-ovr--rival{animation-delay:.24s}@keyframes op-team-l{0%{opacity:0;transform:translate(-60px)rotate(-8deg)}to{opacity:1;transform:none}}@keyframes op-team-r{0%{opacity:0;transform:translate(60px)rotate(8deg)}to{opacity:1;transform:none}}.op-crest{filter:drop-shadow(0 4px #0b18468c);place-items:center;margin-bottom:clamp(0px,.4cqh,6px);animation:3.2s ease-in-out 1.2s infinite float-y;display:grid;position:relative}.op-team--rival .op-crest{animation-delay:2.8s}.op-crest:before{content:"";z-index:-1;background:radial-gradient(closest-side,#ffffff80,#fff0);border-radius:50%;position:absolute;inset:-20%}.op-team-name{white-space:nowrap;max-width:100%;font-size:clamp(19px,3.5cqh,32px);line-height:1.12}.op-team-name--long{font-size:clamp(15px,2.6cqh,24px)}.op-team-name--xlong{font-size:clamp(13px,2.2cqh,20px)}.op-team-sub{text-overflow:ellipsis;max-width:100%;font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:#ffffffe6;text-shadow:0 1px #0b184699;font-size:10px;font-weight:900;line-height:1.2;overflow:hidden}.op-team-sub--tag{font-family:var(--font-display);letter-spacing:.06em;color:var(--blue-700);text-shadow:none;border:2px solid var(--navy);box-shadow:0 2px 0 var(--navy);background:#fff;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:400}.op-vs{aspect-ratio:1;z-index:2;place-items:center;width:clamp(56px,10.5cqh,96px);display:grid;position:relative}.op-vs-text{letter-spacing:.01em;color:var(--navy);-webkit-text-stroke:.2em var(--navy);text-shadow:0 .07em 0 var(--navy), 0 .12em 0 var(--navy), 0 .2em .12em #0b184673;transform-origin:50% 60%;font-size:clamp(50px,9.2cqh,88px);line-height:1;animation:.62s linear .38s both op-slam;position:relative}.op-vs-text:after{content:attr(data-text);-webkit-text-stroke:0;text-shadow:none;color:#0000;background:linear-gradient(180deg, #fff7b0 0%, var(--yellow) 38%, var(--yellow-2) 62%, #ff7a1a 100%);-webkit-background-clip:text;background-clip:text;position:absolute;inset:0}@keyframes op-slam{0%{opacity:0;animation-timing-function:cubic-bezier(.55,0,1,.45);transform:scale(3.4)rotate(-16deg)}40%{opacity:1;animation-timing-function:cubic-bezier(.2,.8,.4,1);transform:scale(.78,.7)rotate(0)}62%{transform:scale(1.16,1.1)rotate(-4deg)}80%{transform:scale(.96)rotate(-7deg)}to{opacity:1;transform:scale(1)rotate(-6deg)}}.op-vs-flash{opacity:0;pointer-events:none;border:6px solid #fff;border-radius:50%;animation:.52s ease-out .6s forwards op-flash;position:absolute;inset:-40%}@keyframes op-flash{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(1.5)}}.op-burst,.op-twinkle{pointer-events:none;fill:var(--yellow-light);stroke:var(--navy);stroke-width:1.6px;paint-order:stroke;position:absolute;top:50%;left:50%}.op-burst{opacity:0;width:16px;height:16px;animation:op-burst .64s var(--ease-out) .62s forwards;margin:-8px 0 0 -8px}.op-burst--alt{fill:#fff;width:12px;height:12px;margin:-6px 0 0 -6px}@keyframes op-burst{0%{opacity:1;transform:rotate(var(--a)) translateY(-14px) scale(.4)}60%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translateY(-74px) scale(1.1)}}.op-twinkle{fill:#fff;opacity:0;width:18px;height:18px;transform:translate(var(--x), var(--y)) scale(0);animation:op-twinkle 1.8s ease-in-out var(--td) infinite;margin:-9px 0 0 -9px}.op-twinkle:nth-of-type(odd){fill:var(--yellow)}@keyframes op-twinkle{0%,to{opacity:0;transform:translate(var(--x), var(--y)) scale(0) rotate(0deg)}45%{opacity:1;transform:translate(var(--x), var(--y)) scale(var(--s)) rotate(45deg)}70%{opacity:.9;transform:translate(var(--x), var(--y)) scale(calc(var(--s) * .6)) rotate(70deg)}}.op-ovr{align-items:baseline;gap:5px;display:flex}.op-ovr-label{letter-spacing:.06em;color:var(--yellow-light);text-shadow:0 2px 0 var(--navy);font-size:clamp(12px,2cqh,17px);line-height:1}.op-ovr-num{font-size:clamp(38px,6.8cqh,70px);line-height:1.02}.op-ovr-vs{animation:bounce-in .36s var(--ease-spring) .76s both;font-size:clamp(16px,2.6cqh,24px);line-height:1.1}.op-meter{flex-direction:column;align-items:center;gap:5px;padding:0 6px;animation:.3s .72s both fade-in;display:flex;position:relative}.op-meter-bar{background:var(--navy-2);border:3px solid var(--navy);width:100%;height:16px;box-shadow:0 3px 0 var(--navy);border-radius:999px;display:flex;overflow:hidden}.op-meter-fill{height:100%;animation:op-meter .76s var(--ease-spring) .78s both;box-shadow:inset 0 3px #ffffff4d}.op-meter-fill--mine{transform-origin:100%;background:linear-gradient(180deg, #ff6a55, var(--red) 60%, var(--red-2));border-right:2px solid var(--navy)}.op-meter-fill--rival{transform-origin:0;background:linear-gradient(180deg, #6b9bff, var(--blue-500) 60%, var(--blue-700))}@keyframes op-meter{0%{transform:scaleX(0)}to{transform:none}}.op-meter-caption{letter-spacing:.1em;font-size:12.5px;line-height:1.15}.op-featured{z-index:1;flex:none;position:relative}.op-section-head{animation:rise-in .34s var(--ease-out) .52s both;justify-content:space-between;align-items:center;padding:0 16px;display:flex}.op-section-title{letter-spacing:.03em;align-items:center;gap:7px;font-size:16px;line-height:1.15;display:inline-flex}.op-section-crest{filter:drop-shadow(0 2px 0 var(--navy));flex:none}.op-section-aux{letter-spacing:.06em;color:var(--text-dim);background:var(--navy-2);border:2px solid var(--navy);border-radius:999px;align-items:center;gap:2px;padding:3px 7px 4px 9px;font-size:11px;line-height:1;animation:1.2s ease-in-out 1.6s 3 op-nudge;display:inline-flex}@keyframes op-nudge{0%,to{transform:none}50%{transform:translate(4px)}}.op-carousel{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x;cursor:grab;gap:10px;padding:21px 16px 10px;scroll-padding-inline:16px;display:flex;position:relative;overflow:auto hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 12px calc(100% - 16px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 12px calc(100% - 16px),#0000 100%)}.op-carousel::-webkit-scrollbar{display:none}.op-carousel--drag{scroll-snap-type:none;cursor:grabbing}.op-carousel--free{scroll-snap-type:none}.op-slot{scroll-snap-align:start;animation:op-deal .52s var(--ease-spring) calc(.56s + var(--i) * 70ms) both;flex:none;position:relative}@keyframes op-deal{0%{opacity:0;transform:translate(-40px,30px)rotate(-10deg)scale(.8)}to{opacity:1;transform:none}}.op-slot--steal:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#ffd21fcc,#ffd21f00);border-radius:50%;height:18px;position:absolute;bottom:-9px;left:6%;right:6%}.op-steal-tag{z-index:2;letter-spacing:.04em;white-space:nowrap;color:var(--ink);background:linear-gradient(180deg, var(--yellow-light), var(--yellow) 50%, var(--yellow-2));border:2px solid var(--navy);box-shadow:inset 0 1.5px 0 #fff9, 0 2px 0 var(--navy);pointer-events:none;border-radius:999px;padding:3px 8px 4px;font-size:11.5px;line-height:1;position:absolute;top:0;left:50%;transform:translate(-50%,-80%)rotate(-3deg)}.op-banner{z-index:1;color:var(--ink);border:3px solid var(--navy);box-shadow:inset 0 -3px 0 #0b18461f, 0 4px 0 var(--navy);animation:op-bubble .48s var(--ease-spring) .9s both;background:#fff;border-radius:16px;flex:none;align-items:center;gap:10px;margin:2px 16px 0;padding:7px 12px 8px 9px;display:flex;position:relative}.op-banner:before{content:"";border-left:3px solid var(--navy);border-top:3px solid var(--navy);background:#fff;border-top-left-radius:3px;width:14px;height:14px;position:absolute;top:-10px;left:46px;transform:rotate(45deg)}@keyframes op-bubble{0%{opacity:0;transform:translateY(14px)scale(.7)}70%{opacity:1;transform:translateY(-2px)scale(1.04)}to{opacity:1;transform:none}}.op-banner-icon{width:38px;height:38px;color:var(--navy);background:linear-gradient(180deg, var(--yellow-light), var(--yellow) 50%, var(--yellow-2));border:2.5px solid var(--navy);box-shadow:inset 0 2px 0 #fff9, 0 2px 0 var(--navy);border-radius:50%;flex:none;place-items:center;animation:1.4s ease-in-out 1.6s 2 wobble;display:grid}.op-banner-text{font-family:var(--font-body);color:var(--ink);margin:0;font-size:13.5px;font-weight:800;line-height:1.3}.op-banner-text strong{color:var(--red);white-space:nowrap;font-weight:900}.op-banner-stars{vertical-align:-2px;margin-left:1px;display:inline-flex}.op-cta{z-index:2;padding:clamp(8px, 1.3cqh, 14px) 16px calc(clamp(10px, 1.6cqh, 16px) + var(--safe-bottom));animation:rise-in .42s var(--ease-spring) .98s both;flex:none;position:relative}.op-squad-btn{cursor:pointer;min-height:30px;color:var(--ink);background:var(--yellow);box-shadow:0 2px 0 var(--navy)}.op-squad-btn:active{box-shadow:none;transform:translateY(2px)}@container frame (width>=1000px) and (aspect-ratio>=4/3){.op-versus,.op-featured,.op-banner,.op-cta{width:100%;max-width:1200px;margin-inline:auto}.op-versus{flex:none;padding:8px 16px 4px}.op-screen--craque .op-versus{padding-top:18px}.op-matchup{padding:22px 24px 18px}.op-team-name{font-size:36px}.op-featured{flex-direction:column;flex:auto;justify-content:center;min-height:0;display:flex}.op-section-title{font-size:20px}.op-section-aux{padding:5px 10px 6px 12px;font-size:13px}.op-carousel{cursor:default;scroll-snap-type:none;justify-content:center;gap:18px;overflow:visible;-webkit-mask-image:none;mask-image:none}.op-banner{width:calc(100% - 32px);max-width:1168px;padding:10px 16px}.op-banner-text{font-size:17px}.op-cta{max-width:720px;padding:14px 16px 20px}}@container frame (width>=1000px) and (aspect-ratio>=4/3) and (height<=780px){.op-matchup{padding:14px 24px 10px}.op-team-name{font-size:30px}.op-carousel{padding-top:18px;padding-bottom:6px}.op-cta{padding:8px 16px 12px}}.shop-shade{z-index:0;pointer-events:none;background:linear-gradient(#0a1f5c0d 0%,#0a1f5c6b 40%,#081848b3 100%);position:absolute;inset:0}.shop-scroll{z-index:1;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1 1 0;min-height:0;position:relative;overflow:hidden auto;-webkit-mask-image:linear-gradient(#0000 0,#000 10px calc(100% - 16px),#0000 100%);mask-image:linear-gradient(#0000 0,#000 10px calc(100% - 16px),#0000 100%)}.shop-scroll::-webkit-scrollbar{display:none}.shop-inner{padding:16px 16px 24px}.shop-ribbon{z-index:4;width:112px;font-family:var(--font-display);letter-spacing:.05em;text-align:center;text-transform:uppercase;color:#fff;-webkit-text-stroke:2.5px var(--navy);paint-order:stroke fill;background:linear-gradient(180deg, #ff6a5a, var(--red) 55%, var(--red-2));border-top:2.5px solid var(--navy);border-bottom:2.5px solid var(--navy);pointer-events:none;padding:4px 0 3px;font-size:11px;line-height:1;position:absolute;top:12px;right:-30px;transform:rotate(38deg)}.shop-price{z-index:2;min-width:84px;height:32px;font-family:var(--font-display);color:#fff;-webkit-text-stroke:3.5px var(--navy);paint-order:stroke fill;background:linear-gradient(180deg, #7dff8a, var(--green) 50%, var(--green-2));border:3px solid var(--navy);box-shadow:inset 0 2px 0 #ffffff80, inset 0 -3px 0 #00000029, 0 3px 0 var(--navy);border-radius:11px;justify-content:center;align-items:center;gap:4px;padding:1px 12px 0;font-size:17px;line-height:1;display:inline-flex;position:relative}.shop-price svg{flex:none}.shop-price--big{height:36px;padding:1px 14px 0;font-size:20px}.shop-featured{text-align:left;background:radial-gradient(60% 70% at 26% 62%, #fff38a8c, transparent 70%), linear-gradient(160deg, #b86bff 0%, var(--purple) 40%, #5d23c4 100%);border:3px solid var(--navy);width:100%;min-height:176px;box-shadow:inset 0 3px 0 #ffffff59, inset 0 -5px 0 #00000038, 0 5px 0 var(--navy);animation:bounce-in .6s var(--ease-out) 60ms backwards;transition:transform .14s var(--ease-out);border-radius:20px;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:end;padding:34px 12px 14px;display:grid;position:relative;overflow:hidden}.shop-featured:active{transform:translateY(3px)scale(.99)}.shop-featured:focus-visible,.shop-item:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.shop-featured-rays{pointer-events:none;background:repeating-conic-gradient(#ffffff29 0deg 8deg,#0000 8deg 22deg);width:440px;height:440px;margin:-220px 0 0 -220px;animation:40s linear infinite shop-spin;position:absolute;top:62%;left:26%;-webkit-mask-image:radial-gradient(circle closest-side,#000 20%,#0000 100%);mask-image:radial-gradient(circle closest-side,#000 20%,#0000 100%)}.shop-featured-tag{z-index:3;font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;color:var(--navy);background:linear-gradient(180deg, var(--yellow-light), var(--yellow) 50%, var(--yellow-2));border:2.5px solid var(--navy);box-shadow:inset 0 2px 0 #fff9, 0 2px 0 var(--navy);border-radius:8px;padding:4px 12px 3px;font-size:15px;line-height:1;animation:2.4s ease-in-out 1s infinite wobble;position:absolute;top:8px;left:10px;transform:rotate(-3deg)}.shop-timer{z-index:3;font-family:var(--font-body);white-space:nowrap;color:var(--navy);border:2.5px solid var(--navy);box-shadow:0 2px 0 var(--navy);background:#fff;border-radius:999px;align-items:center;gap:4px;padding:3px 8px 3px 4px;font-size:11px;font-weight:900;line-height:1;display:inline-flex;position:absolute;bottom:10px;left:10px}.shop-featured-art{z-index:1;height:128px;display:block;position:relative}.shop-fan{width:96px;height:90px;position:absolute;bottom:18px;left:14px}.shop-fan-card{transform-origin:50% 100%;filter:drop-shadow(0 3px #0b184699);position:absolute;bottom:0;left:50%}.shop-fan-card--l{margin-left:-44px;transform:rotate(-16deg)}.shop-fan-card--r{margin-left:-10px;transform:rotate(16deg)}.shop-fan-card--c{margin-left:-30px;animation:3s ease-in-out infinite float-y;bottom:4px}.shop-featured-chibi{display:block;position:absolute;bottom:-8px;right:-4px}.shop-featured-info{z-index:2;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;padding:0 14px 2px 0;display:flex;position:relative}.shop-featured-title{font-family:var(--font-display);text-transform:uppercase;color:#fff;-webkit-text-stroke:5px var(--navy);paint-order:stroke fill;text-shadow:0 3px 0 var(--navy);font-size:clamp(19px,5.8cqw,24px);line-height:.98}.shop-featured-desc{font-family:var(--font-body);color:#fff;text-shadow:0 1px 0 var(--navy);font-size:11.5px;font-weight:900;line-height:1.25}.shop-ribbon--featured{top:16px;right:-28px}.shop-section{align-items:center;gap:8px;margin:20px 0 14px;display:flex}.shop-section:after{content:"";background:#d6e6ff40;border-radius:2px;flex:auto;height:4px}.shop-section-title{height:30px;font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;color:#fff;-webkit-text-stroke:3.5px var(--navy);paint-order:stroke fill;background:linear-gradient(180deg, var(--blue-300), var(--blue-500) 50%, var(--blue-700));border:3px solid var(--navy);box-shadow:inset 0 2px 0 #fff6, 0 3px 0 var(--navy);border-radius:10px;align-items:center;padding:1px 14px 0;font-size:16px;font-weight:400;line-height:1;display:inline-flex;transform:rotate(-2deg)}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px;display:grid}.shop-item{--shop-a:#7fb0ff;--shop-b:#2f6bff;--shop-c:#1a3fae;background:radial-gradient(70% 50% at 50% 34%, #fff6, transparent 70%), linear-gradient(180deg, var(--shop-a) 0%, var(--shop-b) 48%, var(--shop-c) 100%);border:3px solid var(--navy);min-width:0;box-shadow:inset 0 3px 0 #ffffff59, inset 0 -4px 0 #0003, 0 4px 0 var(--navy);animation:bounce-in .56s var(--ease-out) backwards;transition:transform .14s var(--ease-out);border-radius:18px;flex-direction:column;align-items:center;gap:4px;padding:10px 8px 12px;display:flex;position:relative;overflow:hidden}.shop-item:active{transform:translateY(3px)scale(.97,.95)}@media (hover:hover){.shop-item:hover .shop-item-art{transform:translateY(-3px)rotate(-3deg)scale(1.05)}}.shop-item--chest{--shop-a:#ffe07a;--shop-b:#ff9f1f;--shop-c:#c25a00}.shop-item--lenda{--shop-a:#5a44c4;--shop-b:#2d2175;--shop-c:#120c3c;background:radial-gradient(70% 50% at 50% 34%, #ffe07059, transparent 70%) padding-box, linear-gradient(180deg, var(--shop-a) 0%, var(--shop-b) 48%, var(--shop-c) 100%) padding-box, conic-gradient(from 0deg, #ff5f6d, #ffc371, #fff38a, #47e891, #3fd5ff, #8b4cf6, #ff5fd2, #ff5f6d) border-box;box-shadow:inset 0 3px 0 #ffffff40, 0 0 0 2px var(--navy), 0 4px 0 2px var(--navy);border-color:#0000}.shop-item--gems{--shop-a:#8ff0ff;--shop-b:#22b8e8;--shop-c:#0b6fa8}.shop-item-art{width:100%;height:clamp(78px,13cqh,104px);transition:transform .2s var(--ease-spring);display:block}.shop-art-svg{filter:drop-shadow(0 4px #0b184659);width:100%;height:100%;overflow:visible}.shop-item-name{max-width:100%;font-family:var(--font-display);text-transform:uppercase;text-align:center;color:#fff;-webkit-text-stroke:4px var(--navy);paint-order:stroke fill;text-shadow:0 2px 0 var(--navy);white-space:nowrap;text-overflow:ellipsis;padding:2px 4px 3px;font-size:clamp(14px,4.3cqw,17px);line-height:1.05;overflow:hidden}.shop-item--lenda .shop-item-name{color:#ffe070}.shop-note{text-align:center;font-family:var(--font-body);color:var(--text-mute);margin:16px 0 0;font-size:11.5px;font-weight:800}.shop-toast{z-index:30;font-family:var(--font-display);white-space:nowrap;color:var(--navy);border:3px solid var(--navy);box-shadow:inset 0 -4px 0 #2f6bff26, 0 5px 0 var(--navy), 0 16px 30px #06123a73;pointer-events:none;animation:shop-toast 1.7s var(--ease-out) both;background:#fff;border-radius:18px;padding:12px 22px 11px;font-size:24px;line-height:1;position:absolute;top:46%;left:50%}.shop-toast:after{content:"";border-right:3px solid var(--navy);border-bottom:3px solid var(--navy);background:#fff;width:16px;height:16px;margin-left:-8px;position:absolute;bottom:-11px;left:50%;transform:rotate(45deg)}@keyframes shop-spin{to{transform:rotate(360deg)}}@keyframes shop-toast{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)rotate(-8deg)}16%{opacity:1;transform:translate(-50%,-50%)scale(1.15)rotate(3deg)}26%{transform:translate(-50%,-50%)scale(.94)rotate(-1deg)}36%,82%{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}to{opacity:0;transform:translate(-50%,-64%)scale(.9)}}@container frame (width>=1000px) and (aspect-ratio>=4/3){.shop-inner{max-width:1080px;margin:0 auto;padding:clamp(14px,2.6cqh,28px) clamp(24px,3cqw,48px) 32px}.shop-featured{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;min-height:230px;padding:40px 32px 22px}.shop-featured-art{height:180px}.shop-fan{transform-origin:50% 100%;left:20%;transform:scale(1.45)}.shop-featured-chibi{transform-origin:50% 100%;right:12%;transform:scale(1.4)}.shop-featured-info{gap:12px;padding-left:12px}.shop-featured-title{-webkit-text-stroke-width:7px;font-size:38px}.shop-featured-desc{font-size:16px}.shop-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.shop-item-art{height:clamp(96px,16cqh,140px)}}.cf{z-index:55;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.vic{background:var(--sky-bottom)}.vic-rays{z-index:1;aspect-ratio:1;pointer-events:none;width:190%;transition:top .7s var(--ease-out), opacity .7s var(--ease-out);position:absolute;top:36%;left:50%;transform:translate(-50%,-50%)}.vic-rays--cards{opacity:.75;top:44%}.vic-rays--steal{opacity:.7;top:18%}.vic-rays-in{animation:vic-rays-in .9s var(--ease-out) .15s both;position:absolute;inset:0}.vic-rays-in:after{content:"";background:radial-gradient(closest-side,#ffec8c80,#ffd21f2e 55%,#ffd21f00);border-radius:50%;position:absolute;inset:30%}.vic-rays-spin{background:repeating-conic-gradient(#ffe45c57 0deg 7deg,#ffe45c00 7deg 18deg);border-radius:50%;animation:30s linear infinite vic-spin;position:absolute;inset:0;-webkit-mask-image:radial-gradient(closest-side,#000 8%,#0000008c 45%,#0000 100%);mask-image:radial-gradient(closest-side,#000 8%,#0000008c 45%,#0000 100%)}@keyframes vic-rays-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes vic-spin{to{transform:rotate(360deg)}}.vic-amb{z-index:1;pointer-events:none;animation:.7s ease-out 1.1s both fade-in;position:absolute;inset:0;overflow:hidden}.vic-amb-bit{border:1.5px solid var(--navy);opacity:.9;will-change:transform;border-radius:2px;width:8px;height:12px;animation-name:vic-amb-fall;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;top:0}.vic-amb-bit--dot{border-radius:50%;width:9px;height:9px}.vic-amb-bit--ribbon{width:5px;height:15px}@keyframes vic-amb-fall{0%{transform:translateY(-4cqh)rotate(0)scaleX(1)}25%{transform:translate3d(var(--vic-sway), 23cqh, 0) rotate(110deg) scaleX(.35)}50%{transform:translateY(50cqh)rotate(210deg)scaleX(1)}75%{transform:translate3d(calc(var(--vic-sway) * -1), 77cqh, 0) rotate(320deg) scaleX(.35)}to{transform:translateY(104cqh)rotate(420deg)scaleX(1)}}@media (prefers-reduced-motion:reduce){.vic-amb{display:none}}.vic-shake{z-index:2;padding:calc(var(--safe-top) + 10px) 12px calc(var(--safe-bottom) + 8px);flex-direction:column;display:flex;position:absolute;inset:0}.vic-top{z-index:3;flex:none;place-items:center;height:clamp(132px,24cqh,214px);display:grid;position:relative}.vic-top>*{grid-area:1/1}.vic-stage{z-index:4;flex:1;min-height:0;position:relative}.vic-foot{z-index:5;flex-direction:column;flex:none;justify-content:flex-end;align-items:center;gap:0;height:96px;display:flex;position:relative}.vic-title{font-family:var(--font-display);letter-spacing:.01em;text-transform:uppercase;white-space:nowrap;margin:.8em 0 0;font-style:normal;font-weight:400;line-height:1;display:inline-block;position:relative}.vic-title-word{display:block;position:relative}.vic-title-pass{display:block}.vic-title-pass--fill{position:absolute;inset:0}.vic-title-l{transform:translateY(var(--vic-ly)) rotate(var(--vic-lr));display:inline-block}.vic-title-pass--base .vic-title-l{color:var(--navy);-webkit-text-stroke:.19em var(--navy);text-shadow:0 .05em 0 var(--navy), 0 .1em 0 var(--navy), 0 .14em 0 var(--navy), 0 .22em .12em #060e326b}.vic-title-pass--fill .vic-title-l{color:#0000;background:linear-gradient(#fffbd6 0%,#fff066 22%,#ffd21f 46%,#ffac1c 74%,#ff7c14 100%);-webkit-background-clip:text;background-clip:text}.vic-title-crown{z-index:2;transform-origin:50% 100%;filter:drop-shadow(0 .04em .04em #060e3259);width:.84em;height:auto;position:absolute;top:-.86em;left:50%;transform:translate(-50%)rotate(-5deg)}.vic-title-sparkle{z-index:3;width:var(--vic-sz);height:var(--vic-sz);margin:calc(var(--vic-sz) / -2) 0 0 calc(var(--vic-sz) / -2);pointer-events:none;opacity:0;animation:vic-twinkle 1.8s ease-in-out calc(var(--vic-sd) + .45s) infinite;position:absolute}@keyframes vic-twinkle{0%,to{opacity:0;transform:scale(.2)rotate(0)}35%{opacity:1;transform:scale(1.15)rotate(40deg)}60%{opacity:1;transform:scale(.85)rotate(70deg)}80%{opacity:0;transform:scale(.3)rotate(90deg)}}.vic-intro{z-index:20;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:clamp(10px,2.2cqh,20px);padding:0 16px 5%;display:flex;position:absolute;inset:0}.vic-intro--leaving{pointer-events:none}.vic-intro-fade{transition:opacity .17s ease-out}.vic-intro--leaving .vic-intro-fade{opacity:0}.vic-intro-kicker{font-family:var(--font-display);letter-spacing:.3em;text-transform:uppercase;color:#fff;-webkit-text-stroke:.2em var(--navy);paint-order:stroke fill;text-shadow:0 .12em 0 var(--navy);margin:0 -.3em -6px 0;font-size:16px;font-weight:400;animation:.26s ease-out .2s both fade-in;display:block}.vic-intro-title{font-size:min(20.5cqw,104px)}.vic-intro-title .vic-title-word{transform-origin:50% 85%;animation:.54s both vic-slam}@keyframes vic-slam{0%{opacity:0;animation-timing-function:cubic-bezier(.6,0,.9,.45);transform:translateY(-12%)scale(2.3)rotate(-7deg)}46%{opacity:1;animation-timing-function:cubic-bezier(.2,.8,.3,1);transform:translateY(0)scale(1.22,.74)rotate(0)}64%{transform:translateY(-4%)scale(.9,1.12)rotate(0)}82%{transform:translateY(0)scale(1.04,.97)rotate(0)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}.vic-intro-title .vic-title-crown{animation:vic-crown-drop .56s var(--ease-out) .33s both}@keyframes vic-crown-drop{0%{opacity:0;transform:translate(-50%,-1.1em)rotate(-40deg)scale(.5)}45%{opacity:1;transform:translate(-50%,.06em)rotate(-2deg)scale(1.18,.8)}68%{transform:translate(-50%,-.1em)rotate(-7deg)scale(.94,1.08)}to{opacity:1;transform:translate(-50%)rotate(-5deg)scale(1)}}.vic-intro-rest{flex-direction:column;align-items:center;gap:clamp(10px,2cqh,18px);width:100%;display:flex}.vic-intro-score{background:linear-gradient(180deg, #2a55cf 0%, var(--panel) 45%, var(--panel-2) 100%);border:3px solid var(--navy);width:min(100%,340px);box-shadow:inset 0 2px 0 #ffffff4d, inset 0 -4px 0 #0003, 0 5px 0 var(--navy);animation:vic-pop-up .44s var(--ease-spring) .4s both;border-radius:22px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;padding:12px 10px 10px;display:grid}.vic-intro-score .vic-score-num{font-size:52px}@keyframes vic-pop-up{0%{opacity:0;transform:translateY(26px)scale(.7)}70%{opacity:1;transform:translateY(-3px)scale(1.04)}to{opacity:1;transform:none}}.vic-intro-team{text-align:center;min-width:0;font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;text-wrap:balance;color:#fff;-webkit-text-stroke:.2em var(--navy);paint-order:stroke fill;flex-direction:column;align-items:center;gap:6px;font-size:13px;font-weight:400;line-height:1.05;display:flex}.vic-intro-sub{animation:rise-in .36s var(--ease-out) .7s both;font-size:clamp(18px,min(3.2cqh,6.2cqw),26px)}.vic-intro .vic-streak{animation:bounce-in .46s var(--ease-out) .56s both}.vic-score{background:linear-gradient(180deg, #2a55cf 0%, var(--panel) 50%, var(--panel-2) 100%);border:3px solid var(--navy);max-width:100%;box-shadow:inset 0 2px 0 #ffffff47, 0 3px 0 var(--navy);font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;color:var(--text-dim);border-radius:999px;align-items:center;gap:6px;padding:3px 6px;font-size:12px;font-weight:400;display:inline-flex}.vic-score-name{text-overflow:ellipsis;min-width:0;overflow:hidden}.vic-score-num{font-family:var(--font-display);color:#fff;-webkit-text-stroke:.16em var(--navy);paint-order:stroke fill;text-shadow:0 .08em 0 var(--navy);align-items:center;gap:.18em;padding:0 .12em;font-size:2em;font-weight:400;line-height:1;display:inline-flex}.vic-score-num b{font-weight:400}.vic-score-num i{font-size:.8em;font-style:normal}.vic-streak{border:3px solid var(--navy);box-shadow:inset 0 2px 0 #fff6, 0 3px 0 var(--navy);font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;background:linear-gradient(#ffa24a 0%,#ff6a1f 60%,#f0461a 100%);border-radius:999px;align-items:center;gap:5px;padding:4px 14px 4px 8px;font-size:16px;font-weight:400;line-height:1.1;display:inline-flex;position:relative}.vic-streak span{color:#fff;-webkit-text-stroke:.2em var(--navy);paint-order:stroke fill}.vic-flame{flex:none;width:1.05em;height:1.25em}.vic-streak--sm{z-index:1;border-width:2.5px;margin-top:-8px;padding:1px 10px 1px 6px;font-size:11px}.vic-sub{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;color:#fff;-webkit-text-stroke:.2em var(--navy);paint-order:stroke fill;text-shadow:0 .1em 0 var(--navy);margin:0;font-weight:400;line-height:1.05}.vic-sub span{color:var(--yellow)}.vic-head{flex-direction:column;align-items:center;gap:clamp(4px,1cqh,10px);max-width:100%;display:flex}.vic-head--pre>*{opacity:0}.vic-head:not(.vic-head--pre) .vic-head-title{animation:.17s linear .29s both fade-in}.vic-head:not(.vic-head--pre) .vic-head-score{animation:vic-pop-up .42s var(--ease-spring) .33s both}.vic-head:not(.vic-head--pre) .vic-head-sub{animation:rise-in .36s var(--ease-out) .42s both}.vic-head--out{animation:.24s ease-in both vic-head-out}@keyframes vic-head-out{to{opacity:0;transform:translateY(-14px)scale(.94)}}.vic-head-title{font-size:clamp(34px,6.5cqh,58px)}.vic-head:not(.vic-head--pre) .vic-head-title .vic-title-l{animation:vic-wave 2.8s ease-in-out calc(.9s + var(--vic-l) * 70ms) infinite}@keyframes vic-wave{0%,22%,to{transform:translateY(var(--vic-ly)) rotate(var(--vic-lr))}11%{transform:translateY(calc(var(--vic-ly) - .09em)) rotate(var(--vic-lr)) scale(1.04)}}.vic-head-score{flex-direction:column;align-items:center;max-width:100%;display:flex}.vic-head-sub{font-size:clamp(15px,2.6cqh,22px)}.vic-stamp-wrap{flex-direction:column;align-items:center;gap:clamp(12px,2cqh,18px);max-width:100%;display:flex}.vic-stamp{font-size:clamp(34px,6.2cqh,52px);animation:.56s .11s both vic-stamp;position:relative;transform:rotate(-4deg)}@keyframes vic-stamp{0%{opacity:0;animation-timing-function:cubic-bezier(.55,0,.9,.45);transform:rotate(-16deg)scale(2.6)}42%{opacity:1;animation-timing-function:cubic-bezier(.2,.8,.3,1);transform:rotate(-3deg)scale(1.2,.72)}62%{transform:rotate(-5deg)scale(.9,1.12)}80%{transform:rotate(-4deg)scale(1.04,.97)}to{opacity:1;transform:rotate(-4deg)scale(1)}}.vic-stamp-rays{pointer-events:none;background:repeating-conic-gradient(#fff07899 0deg 8deg,#fff07800 8deg 22deg);border-radius:50%;width:6em;height:6em;margin:-3em 0 0 -3em;animation:.3s ease-out .3s both fade-in,9s linear infinite vic-spin;position:absolute;top:50%;left:50%;-webkit-mask-image:radial-gradient(closest-side,#000 20%,#0000 100%);mask-image:radial-gradient(closest-side,#000 20%,#0000 100%)}.vic-stamp-burst{z-index:3}.vic-stamp-ribbon{position:relative}.vic-stamp-face{z-index:1;border:.075em solid var(--navy);box-shadow:inset 0 .07em 0 #ffffffa6, inset 0 -.09em 0 #d982008c, 0 .11em 0 var(--navy);background:linear-gradient(#fff48a 0%,#ffd21f 48%,#ffb300 100%);border-radius:.3em;flex-direction:column;align-items:center;padding:.1em .42em .2em;display:flex;position:relative}.vic-stamp-small{font-family:var(--font-display);letter-spacing:.32em;text-transform:uppercase;color:var(--navy);margin-right:-.32em;font-size:.42em;font-weight:400;line-height:1.15}.vic-stamp-big{font-family:var(--font-display);letter-spacing:.01em;color:#fff;-webkit-text-stroke:.17em var(--navy);paint-order:stroke fill;text-shadow:0 .08em 0 var(--navy);font-size:1em;font-weight:400;line-height:.98}.vic-stamp-tail{background:var(--navy);clip-path:polygon(0 0,100% 0,100% 100%,0 100%,.36em 50%);width:1.2em;height:1.05em;position:absolute;top:.62em}.vic-stamp-tail:before{content:"";clip-path:polygon(0 0,100% 0,100% 100%,0 100%,.28em 50%);background:linear-gradient(#ffa24a,#e8650f);position:absolute;inset:.075em 0 .075em .1em}.vic-stamp-tail--l{left:-.8em}.vic-stamp-tail--r{right:-.8em;transform:scaleX(-1)}.vic-stamp-spark{z-index:2;opacity:0;width:.5em;height:.5em;animation:1.6s ease-in-out infinite vic-twinkle;position:absolute}.vic-stamp-spark--a{animation-delay:.52s;top:-.35em;left:-.5em}.vic-stamp-spark--b{width:.38em;height:.38em;animation-delay:1.1s;bottom:-.2em;right:-.45em}.vic-stamp-sub{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;color:#fff;-webkit-text-stroke:.2em var(--navy);paint-order:stroke fill;text-shadow:0 .1em 0 var(--navy);animation:rise-in .36s var(--ease-out) .56s both;margin:0;padding:0 .2em .12em;font-size:clamp(15px,2.5cqh,20px);font-weight:400;overflow:hidden}.vic-stamp-sub b{color:var(--yellow);font-weight:400}.vic-cards-view{flex-direction:column;justify-content:center;align-items:center;gap:clamp(12px,2.3cqh,22px);padding-bottom:1%;display:flex;position:absolute;inset:0}.vic-bubble-row{z-index:4;width:100%;margin-bottom:calc(clamp(8px, 2cqh, 16px) + var(--vic-bubble-extra,0px));justify-content:center;transition:opacity .18s;display:flex;position:relative}.vic-cards-view--grab .vic-bubble-row{opacity:0}.vic-bubble{border:3px solid var(--navy);max-width:min(100%,340px);box-shadow:inset 0 -3px 0 #dbe6ff, 0 4px 0 var(--navy);color:var(--navy);transform-origin:50% 120%;animation:vic-bubble-in .46s var(--ease-spring) .22s both;background:#fff;border-radius:16px;align-items:center;gap:9px;padding:7px 14px 8px 8px;display:flex;position:relative}.vic-bubble:before,.vic-bubble:after{content:"";border-style:solid;border-color:#0000;width:0;height:0;position:absolute;left:50%;transform:translate(-50%)}.vic-bubble:before{border-width:14px 12px 0;border-top-color:var(--navy);bottom:-15px}.vic-bubble:after{border-width:9px 7.5px 0;border-top-color:#fff;bottom:-8px}.vic-bubble p{font-family:var(--font-body);margin:0;font-size:clamp(13px,2.1cqh,16px);font-weight:900;line-height:1.18}.vic-bubble b{color:var(--red);font-weight:900}.vic-bubble-crest{flex:none}@keyframes vic-bubble-in{0%{opacity:0;transform:scale(.4)rotate(-4deg)}60%{opacity:1;transform:scale(1.06)rotate(1deg)}to{opacity:1;transform:none}}.vic-cards{justify-content:center;display:flex}.vic-card-col+.vic-card-col{margin-left:var(--vic-gap)}.vic-card-col{width:var(--vic-card-w);flex-direction:column;align-items:center;gap:clamp(10px,1.8cqh,16px);display:flex;position:relative}.vic-card-col:nth-child(2){z-index:1}.vic-card-col--sel{z-index:2}.vic-card-col--hero{z-index:3}.vic-card-slot{animation:.56s cubic-bezier(.2,.9,.3,1.12) both vic-deal;animation-delay:calc(.23s + var(--vic-i) * 95ms);position:relative}.vic-card-slot:before{content:"";left:8%;right:8%;bottom:calc(-12px - var(--vic-fan-y));pointer-events:none;height:16px;animation:.28s ease-out backwards fade-in;animation-delay:calc(.64s + var(--vic-i) * 95ms);background:radial-gradient(closest-side,#060e3280,#060e3200);border-radius:50%;transition:opacity .2s;position:absolute}.vic-cards-view--grab .vic-card-slot:before{opacity:0}@keyframes vic-deal{0%{opacity:0;transform:translate(var(--vic-deal-x), -58cqh) rotate(var(--vic-deal-r)) scale(.72)}35%{opacity:1}78%{transform:translate(0)rotate(0)scale(1.03,.95)}to{opacity:1;transform:translate(0)rotate(0)scale(1)}}.vic-card-pose{cursor:pointer;transform:translate(0px, var(--vic-fan-y)) rotate(var(--vic-fan-r)) scale(1);transition:transform .32s var(--ease-spring), opacity .26s ease;-webkit-tap-highlight-color:transparent;outline:none;position:relative}.vic-card-pose:focus-visible .vic-flip{outline-offset:5px;border-radius:10px;outline:3px solid #fff}.vic-card-pose--sel{transform:translate(var(--vic-sel-x), -2px) rotate(0deg) scale(var(--vic-sel-s,1.1))}.vic-card-pose--dim{transform:translate(0px, calc(var(--vic-fan-y) + 6px)) rotate(var(--vic-fan-r)) scale(.92)}.vic-card-pose--hero{transform:translate(var(--vic-to-center), -6px) rotate(0deg) scale(1.16);transition:transform .44s var(--ease-spring);cursor:default}.vic-card-pose--gone{transform:translate(var(--vic-away-x), -46px) rotate(var(--vic-away-r)) scale(.6);opacity:0;pointer-events:none;transition:transform .38s cubic-bezier(.55,0,.8,.3),opacity .3s ease-in 60ms}.vic-card-glow{pointer-events:none;animation:.26s ease-out both fade-in;position:absolute;inset:-30% -45%}.vic-card-glow:before{content:"";background:radial-gradient(closest-side,#ffec78d9,#ffd21f59 55%,#ffd21f00);border-radius:50%;animation:1.1s ease-in-out infinite alternate vic-glow;position:absolute;inset:8%}.vic-card-glow-rays{background:repeating-conic-gradient(#fff496b3 0deg 7deg,#fff49600 7deg 20deg);border-radius:50%;animation:7s linear infinite vic-spin;position:absolute;inset:0;-webkit-mask-image:radial-gradient(closest-side,#000 30%,#0000 100%);mask-image:radial-gradient(closest-side,#000 30%,#0000 100%)}@keyframes vic-glow{0%{opacity:.6;transform:scale(.94)}to{opacity:1;transform:scale(1.05)}}.vic-cards-view--idle .vic-flip{animation:vic-bob 1.8s ease-in-out calc(.95s + var(--vic-i) * .22s) infinite}@keyframes vic-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.vic-flip{width:var(--vic-card-w);height:var(--vic-card-h);perspective:900px;position:relative}.vic-flip-inner{transform-style:preserve-3d;position:absolute;inset:0}.vic-face{backface-visibility:hidden;position:absolute;inset:0}.vic-face--front{visibility:hidden;transform:rotateY(180deg)}.vic-flip-inner--revealed{animation:.6s linear both vic-flip;animation-delay:calc(var(--vic-rev) * .12s)}.vic-flip-inner--revealed .vic-face--back{animation:.6s linear both vic-face-hide;animation-delay:calc(var(--vic-rev) * .12s)}.vic-flip-inner--revealed .vic-face--front{animation:.6s linear both vic-face-show;animation-delay:calc(var(--vic-rev) * .12s)}@keyframes vic-flip{0%{animation-timing-function:cubic-bezier(.5,0,1,.6);transform:rotateY(0)scale(1)}50%{animation-timing-function:cubic-bezier(0,.4,.3,1);transform:rotateY(90deg)scale(1.14)}to{transform:rotateY(180deg)scale(1)}}@keyframes vic-face-hide{0%,49.9%{visibility:visible}50%,to{visibility:hidden}}@keyframes vic-face-show{0%,49.9%{visibility:hidden}50%,to{visibility:visible}}.vic-card-flash{pointer-events:none;opacity:0;animation:.52s ease-out both vic-card-flash;animation-delay:calc(var(--vic-rev) * .12s + .29s);background:radial-gradient(closest-side,#fffffff2,#fffac873 55%,#fff0);position:absolute;inset:-4%}@keyframes vic-card-flash{0%{opacity:0}16%{opacity:.95}to{opacity:0}}.vic-card-check{z-index:3;background:linear-gradient(180deg, #6fe07a, var(--green) 50%, var(--green-2));border:3px solid var(--navy);width:28px;height:28px;box-shadow:inset 0 2px 0 #ffffff73, 0 3px 0 var(--navy);animation:bounce-in .42s var(--ease-out) 60ms both;border-radius:50%;place-items:center;display:grid;position:absolute;top:-15px;right:-9px}.vic-card-check svg{fill:none;stroke:#fff;stroke-width:3.4px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.vic-prev{width:calc(100% + min(0px, var(--vic-gap)) - 2px);opacity:0;min-height:52px;transition:opacity .22s ease, transform .32s var(--ease-spring);flex-direction:column;align-items:center;display:flex;transform:translateY(8px)scale(.9)}.vic-prev--on{opacity:1;transition-delay:calc(var(--vic-i) * 70ms);transform:none}.vic-cards-view--grab .vic-prev{opacity:0}.vic-prev-box{border:2px solid var(--navy);max-width:100%;box-shadow:0 2px 0 var(--navy);background:#0b1846d1;border-radius:10px;flex-direction:column;align-items:center;padding:3px 8px 8px;transition:background-color .2s,border-color .2s;display:flex}.vic-prev--sel .vic-prev-box{background:var(--navy);border-color:var(--yellow)}.vic-prev-label{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--text-mute);font-size:10px;font-weight:400;line-height:1.2}.vic-prev-name{max-width:100%;font-family:var(--font-body);color:#fff;justify-content:center;align-items:baseline;gap:4px;font-size:12px;font-weight:800;line-height:1.15;display:flex}.vic-prev-who{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.vic-prev-name b{font-family:var(--font-display);color:var(--text-dim);flex:none;font-size:13px;font-weight:400}.vic-prev-delta{background:linear-gradient(180deg, #6fe07a, var(--green) 55%, var(--green-2));border:2px solid var(--navy);box-shadow:0 2px 0 var(--navy);font-family:var(--font-display);letter-spacing:.03em;white-space:nowrap;color:#fff;-webkit-text-stroke:.2em var(--navy);paint-order:stroke fill;border-radius:999px;margin-top:-7px;padding:1px 8px 2px;font-size:12px;font-weight:400;line-height:1.1;position:relative}.vic-prev-delta--flat{background:var(--blue-700)}.vic-prev-delta--down{background:var(--red)}.vic-hint-row{justify-content:center;align-items:center;height:26px;transition:opacity .18s;display:flex}.vic-cards-view--grab .vic-hint-row{opacity:0}.vic-hint{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;color:#fff;-webkit-text-stroke:.2em var(--navy);paint-order:stroke fill;text-shadow:0 .1em 0 var(--navy);animation:rise-in .32s var(--ease-out) both;align-items:center;gap:8px;font-size:17px;font-weight:400;display:inline-flex}.vic-hint--pulse{animation:rise-in .32s var(--ease-out) .7s both, vic-hint-pulse 1.2s ease-in-out 1s infinite}.vic-hint-hand{fill:#fff;width:22px;height:22px;stroke:var(--navy);stroke-width:2.2px;stroke-linejoin:round;flex:none;animation:1.1s ease-in-out infinite vic-tap}@keyframes vic-tap{0%,to{transform:translateY(0)rotate(-8deg)}45%{transform:translateY(-4px)rotate(-8deg)}60%{transform:translateY(1px)rotate(-8deg)scale(.92)}}@keyframes vic-hint-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.vic-toast{z-index:6;background:var(--navy);font-family:var(--font-body);white-space:nowrap;color:#fff;pointer-events:none;animation:vic-toast 1.8s var(--ease-out) both;border:3px solid #fff;border-radius:999px;padding:7px 16px 8px;font-size:14px;font-weight:900;line-height:1.1;position:absolute;bottom:0;left:50%;box-shadow:0 4px #0b18468c}@keyframes vic-toast{0%{opacity:0;transform:translate(-50%,14px)scale(.7)}14%{opacity:1;transform:translate(-50%,-2px)scale(1.05)}22%,84%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,6px)scale(.95)}}.vic-roster{flex-direction:column;gap:8px;animation:.26s ease-out both fade-in;display:flex;position:absolute;inset:0}.vic-pitch{z-index:1;flex:1;min-height:0;position:relative}.vic-pitch-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.vic-pitch-tag,.vic-pitch-badge{z-index:1;font-family:var(--font-display);text-transform:uppercase;font-weight:400;line-height:1.1;position:absolute;top:0}.vic-pitch-tag{letter-spacing:.05em;color:#fff;-webkit-text-stroke:.22em var(--navy);paint-order:stroke fill;text-shadow:0 .1em 0 var(--navy);font-size:13px;left:0}.vic-pitch-badge{background:var(--navy);letter-spacing:.04em;color:#fff;border:2px solid #ffffffd9;border-radius:8px;padding:2px 8px 3px;font-size:13px;right:0;box-shadow:0 2px #0b184699}.vic-pitch-tokens{position:absolute;inset:0}.vic-token{width:var(--vic-mini-w);height:var(--vic-mini-h);transform:translate(-50%, -50%) scale(var(--vic-depth));position:absolute}.vic-token-inner{z-index:1;width:100%;height:100%;animation:vic-token-in .38s var(--ease-spring) both;animation-delay:calc(80ms + var(--vic-i) * 26ms);position:relative}@keyframes vic-token-in{0%{opacity:0;transform:translateY(12px)scale(.6)}to{opacity:1;transform:none}}.vic-token-inner--land{animation:vic-land .46s var(--ease-out) both}@keyframes vic-land{0%{transform:scale(1.08)}30%{transform:scale(1.14,.8)}60%{transform:scale(.92,1.12)}80%{transform:scale(1.04,.97)}to{transform:scale(1)}}.vic-marker{border:3px dashed var(--yellow);box-shadow:0 0 0 2px var(--navy), 0 0 18px #ffd21f8c;background:#ffd21f38;border-radius:14%;animation:.52s ease-in-out infinite alternate vic-marker;position:absolute;inset:0}@keyframes vic-marker{0%{opacity:.6;transform:scale(.92)}to{opacity:1;transform:scale(1.04)}}.vic-token-glow{pointer-events:none;background:radial-gradient(closest-side,#ffec78cc,#ffd21f00);border-radius:50%;animation:1.1s ease-in-out infinite alternate vic-glow;position:absolute;inset:-34% -50%}.vic-ring{aspect-ratio:1;border:4px solid var(--yellow);width:150%;box-shadow:0 0 0 2px var(--navy), inset 0 0 0 2px var(--navy);opacity:0;pointer-events:none;animation:vic-ring .56s var(--ease-out) both;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.3)}.vic-ring--late{box-shadow:none;border-width:2px;border-color:#fff;animation-delay:.12s}@keyframes vic-ring{0%{opacity:1;transform:translate(-50%,-50%)scale(.3)}to{opacity:0;transform:translate(-50%,-50%)scale(1.8)}}.vic-token-burst{z-index:2}.vic-new-tag{z-index:3;pointer-events:none;justify-content:center;display:flex;position:absolute;top:-18px;left:0;right:0}.vic-new-tag span{background:var(--yellow);border:2px solid var(--navy);box-shadow:0 2px 0 var(--navy);color:var(--navy);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;animation:bounce-in .38s var(--ease-out) .26s both;border-radius:999px;padding:1px 7px 2px;font-size:11px;font-weight:400;line-height:1.1}.vic-bottom{z-index:2;flex:none;gap:8px;height:70px;display:flex;position:relative}.vic-bench,.vic-ovr{background:linear-gradient(180deg, #2a55cf 0%, var(--panel) 45%, var(--panel-2) 100%);border:3px solid var(--navy);box-shadow:inset 0 2px 0 #ffffff47, inset 0 -3px 0 #0003, 0 3px 0 var(--navy);border-radius:14px}.vic-bench{height:67px;animation:vic-pop-up .4s var(--ease-spring) .12s both;flex:none;align-items:center;gap:8px;padding:4px 10px 4px 7px;display:flex}.vic-bench-card{filter:grayscale(.6)brightness(.85);flex:none}.vic-bench-meta{flex-direction:column;gap:1px;min-width:0;max-width:90px;animation:.24s ease-out .56s both fade-in;display:flex}.vic-bench-label{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:#ff7a6e;-webkit-text-stroke:.2em var(--navy);paint-order:stroke fill;align-items:center;gap:3px;font-size:13px;font-weight:400;line-height:1.1;display:inline-flex}.vic-bench-label svg{fill:none;stroke:#ff7a6e;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:11px;height:11px}.vic-bench-name{text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-body);color:#fff;font-size:13px;font-weight:900;line-height:1.1;overflow:hidden}.vic-bench-ovr{font-family:var(--font-display);letter-spacing:.04em;color:var(--text-dim);font-size:12px;font-weight:400}.vic-ovr{min-width:0;height:67px;animation:vic-pop-up .4s var(--ease-spring) .2s both;flex-direction:column;flex:1;justify-content:center;gap:1px;padding:4px 12px;transition:box-shadow .3s;display:flex;position:relative;overflow:hidden}.vic-ovr--up{box-shadow:inset 0 2px 0 #ffffff47, inset 0 -3px 0 #0003, 0 3px 0 var(--navy), 0 0 20px #ffd21f8c}.vic-ovr--up:after{content:"";pointer-events:none;width:45%;animation:sheen .9s var(--ease-out) .16s both;background:linear-gradient(90deg,#0000,#ffffff59,#0000);position:absolute;top:0;bottom:0;left:0}.vic-ovr-label{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);font-size:12px;font-weight:400;line-height:1.1}.vic-ovr-row{align-items:center;gap:7px;display:flex}.vic-ovr-old{font-family:var(--font-display);color:var(--text-mute);-webkit-text-stroke:.16em var(--navy);paint-order:stroke fill;animation:vic-slide-in .26s var(--ease-out) both;font-size:24px;font-weight:400;line-height:1}.vic-ovr-arrow{fill:none;width:17px;height:17px;stroke:var(--yellow);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1.5px 0 var(--navy));animation:vic-slide-in .26s var(--ease-out) 60ms both;flex:none}@keyframes vic-slide-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}.vic-ovr-new{font-family:var(--font-display);color:#fff;-webkit-text-stroke:.16em var(--navy);paint-order:stroke fill;text-shadow:0 .08em 0 var(--navy);font-size:40px;font-weight:400;line-height:.95;transition:color .3s}.vic-ovr--up .vic-ovr-new{color:var(--yellow)}.vic-ovr-delta{background:linear-gradient(180deg, #6fe07a, var(--green) 55%, var(--green-2));border:2.5px solid var(--navy);box-shadow:0 3px 0 var(--navy);color:#fff;font-family:var(--font-display);-webkit-text-stroke:.18em var(--navy);paint-order:stroke fill;animation:vic-delta-pop .52s var(--ease-spring) .62s both;border-radius:999px;padding:1px 9px 2px;font-size:19px;font-weight:400;line-height:1.1}.vic-ovr-delta--down{background:var(--red)}@keyframes vic-delta-pop{0%{opacity:0;transform:translateY(10px)scale(.3)rotate(-12deg)}60%{opacity:1;transform:translateY(-4px)scale(1.25)rotate(6deg)}to{opacity:1;transform:rotate(-4deg)}}.vic-cta-slot{justify-content:center;align-items:flex-end;width:100%;height:60px;display:flex}.vic-cta{width:min(100%,340px);animation:vic-cta-in .42s var(--ease-spring) both}.vic-cta--wide{width:100%;margin-top:auto;margin-bottom:auto;animation-delay:60ms}@keyframes vic-cta-in{0%{opacity:0;transform:translateY(18px)scale(.8)}65%{opacity:1;transform:translateY(-2px)scale(1.04,.96)}to{opacity:1;transform:none}}.vic-link{height:36px;font-family:var(--font-body);color:#fff;text-underline-offset:3px;-webkit-text-stroke:3px var(--navy);paint-order:stroke fill;flex:none;align-items:center;padding:0 14px;font-size:14px;font-weight:900;line-height:1.2;text-decoration:underline;text-decoration-thickness:2px;animation:.3s ease-out .2s both fade-in;display:flex;position:relative}.vic-link:after{content:"";position:absolute;inset:0 -6px -8px}.vic-link:active{transform:scale(.95)}.vic-link:focus-visible{outline-offset:2px;border-radius:8px;outline:2px solid #fff}.vic-flyer{z-index:25;pointer-events:none;filter:drop-shadow(0 6px #0b184673)drop-shadow(0 0 14px #ffd21fb3);will-change:transform;position:absolute}.vic-burst{pointer-events:none;width:0;height:0;position:absolute;top:50%;left:50%}.vic-burst>i{left:calc(var(--vic-s) / -2);top:calc(var(--vic-s) / -2);width:var(--vic-s);height:var(--vic-s);background:var(--vic-c,var(--yellow));box-shadow:0 0 0 1.5px var(--navy);opacity:0;animation:vic-burst .68s var(--ease-out) var(--vic-delay,0s) both;border-radius:50%;position:absolute}.vic-burst--star>i{box-shadow:none;background:0 0;border-radius:0}.vic-burst--star svg{width:100%;height:100%;display:block;overflow:visible}.vic-burst--star path{fill:var(--vic-c,var(--yellow));stroke:var(--navy);stroke-width:2.4px;stroke-linejoin:round}@keyframes vic-burst{0%{opacity:0;transform:rotate(var(--vic-a)) translateX(0) rotate(0deg) scale(.5)}12%{opacity:1}70%{opacity:1}to{opacity:0;transform:rotate(var(--vic-a)) translateX(var(--vic-d)) rotate(var(--vic-spin,0deg)) scale(.6)}}.vic-fx{z-index:30;pointer-events:none;position:absolute;inset:0}.vic-flash{z-index:45;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 32%,#fff,#ffffffb3 38%,#ffe45c4d 100%);animation:.48s ease-out .255s both vic-flash;position:absolute;inset:0}.vic-flash--stamp{background:radial-gradient(circle at 50% 14%,#fff08cb3,#ffe45c00 62%);animation-duration:.42s;animation-delay:.34s}@keyframes vic-flash{0%{opacity:0}6%{opacity:.8}to{opacity:0}}.vic--qa,.vic--qa *,.vic--qa :before,.vic--qa :after{transition:none!important;animation-delay:-30s!important}@container frame (width>=1000px) and (aspect-ratio>=4/3){.vic-shake{padding:14px 32px 18px}.vic-top{height:clamp(150px,22cqh,200px)}.vic-cta{width:380px}.vic--roster .vic-shake{grid-template:"stage."1fr"stage top""stage foot""stage."1fr/minmax(0,1fr) clamp(340px,30cqw,440px);column-gap:32px;display:grid}.vic--roster .vic-top{grid-area:top;height:auto;min-height:200px}.vic--roster .vic-stage{grid-area:stage;justify-self:end;width:min(100%,118cqh);margin:18px 0 4px}.vic--roster .vic-foot{grid-area:foot;height:auto;margin-top:24px}}