@font-face{font-family:Saira Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/saira-condensed-vietnamese-600-normal-DdheDV3O.woff2) format("woff2"),url(/assets/saira-condensed-vietnamese-600-normal-Cx33h9T1.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Saira Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/saira-condensed-latin-ext-600-normal-DwjIBGFg.woff2) format("woff2"),url(/assets/saira-condensed-latin-ext-600-normal-BQ2ZMbdg.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Saira Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/saira-condensed-latin-600-normal-0taFJMb7.woff2) format("woff2"),url(/assets/saira-condensed-latin-600-normal-CJ-Ib_yI.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Saira Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/saira-condensed-vietnamese-700-normal-DTNtv3pg.woff2) format("woff2"),url(/assets/saira-condensed-vietnamese-700-normal-C4pgqYLY.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Saira Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/saira-condensed-latin-ext-700-normal-rfs_OqX7.woff2) format("woff2"),url(/assets/saira-condensed-latin-ext-700-normal-DPP8JZfq.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Saira Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/saira-condensed-latin-700-normal-BpDqMSKw.woff2) format("woff2"),url(/assets/saira-condensed-latin-700-normal-Br1WwvhS.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Saira Condensed;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/saira-condensed-vietnamese-900-normal-GMtPR0T3.woff2) format("woff2"),url(/assets/saira-condensed-vietnamese-900-normal-CwKZgpSP.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Saira Condensed;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/saira-condensed-latin-ext-900-normal-BJWy0jPs.woff2) format("woff2"),url(/assets/saira-condensed-latin-ext-900-normal-Dy9FClIl.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Saira Condensed;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/saira-condensed-latin-900-normal-D8eC782l.woff2) format("woff2"),url(/assets/saira-condensed-latin-900-normal-BJ4rc1iZ.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ms-bg-0: #0d0a1b;--ms-bg-1: #15102b;--ms-bg-2: #241a3e;--ms-surface: rgba(255,255,255,.05);--ms-surface-border: rgba(160,140,255,.22);--ms-text: #f0eeff;--ms-text-dim: #b9b0d8;--ms-text-muted: #7a749e;--ms-brand: #7a4dff;--ms-brand-bright: #b79bff;--ms-danger: #ff7f7f;--ms-success: #7affb4;--element: var(--ms-brand);--element-glow: rgba(122,77,255,.45);--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--shadow-1: 0 4px 14px rgba(0,0,0,.35);--shadow-2: 0 12px 32px rgba(0,0,0,.55);--panel-grad: linear-gradient(160deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.015) 100%);--inset-hi: inset 0 1px 0 rgba(255,255,255,.12);--font-display: "Saira Condensed", system-ui, -apple-system, sans-serif}@keyframes overlaySlideOpp{0%{transform:translate(100%)}23%{transform:translate(0)}77%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes overlaySlidePlayer{0%{transform:translate(-100%)}23%{transform:translate(0)}77%{transform:translate(0)}to{transform:translate(100%)}}@keyframes fadeInUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes cardEffectPop{0%{opacity:0;transform:translateY(4px) scale(.85)}15%{opacity:1;transform:translateY(-2px) scale(1.1)}30%{opacity:1;transform:translateY(-4px) scale(1)}75%{opacity:1;transform:translateY(-12px) scale(1)}to{opacity:0;transform:translateY(-22px) scale(.95)}}.card-effect-pop{animation:cardEffectPop .7s ease-out forwards}@keyframes cardAttackBump{0%{transform:scale(1)}35%{transform:scale(1.35);text-shadow:0 0 10px currentColor,0 2px 6px rgba(0,0,0,.9),0 0 2px rgba(0,0,0,.9)}to{transform:scale(1)}}.card-attack-bump{display:inline-block;animation:cardAttackBump .32s ease-out}@keyframes cardAttackSweepUp{0%{transform:translateY(100%);opacity:0}20%{transform:translateY(40%);opacity:1}70%{transform:translateY(-15%);opacity:1}to{transform:translateY(-40%);opacity:0}}@keyframes cardAttackSweepDown{0%{transform:translateY(-100%);opacity:0}20%{transform:translateY(-40%);opacity:1}70%{transform:translateY(15%);opacity:1}to{transform:translateY(40%);opacity:0}}.card-attack-sweep-up,.card-attack-sweep-down{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;mix-blend-mode:screen}.card-attack-sweep-up{background:linear-gradient(to top,#00ff6ed9,#00ff6e73 45%,#00ff6e00);animation:cardAttackSweepUp .7s ease-out forwards}.card-attack-sweep-down{background:linear-gradient(to bottom,#ff4646d9,#ff464673 45%,#ff464600);animation:cardAttackSweepDown .7s ease-out forwards}.card-attack-ending-buff,.card-attack-ending-debuff{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;mix-blend-mode:screen}.card-attack-ending-buff{background:linear-gradient(to bottom,#00ff6ed9,#00ff6e73 45%,#00ff6e00);animation:cardAttackSweepDown .7s ease-out forwards}.card-attack-ending-debuff{background:linear-gradient(to top,#ff4646d9,#ff464673 45%,#ff464600);animation:cardAttackSweepUp .7s ease-out forwards}@keyframes cardHpFlash{0%{opacity:0}25%{opacity:1}to{opacity:0}}.card-hp-flash-blue,.card-hp-flash-red{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4;mix-blend-mode:screen;animation:cardHpFlash .6s ease-out forwards}.card-hp-flash-blue{background:radial-gradient(ellipse at center,#50a0ff8c,#50a0ff00 75%)}.card-hp-flash-red{background:radial-gradient(ellipse at center,#ff50508c,#ff505000 75%)}@keyframes cometFly{0%{offset-distance:0%}to{offset-distance:100%}}@keyframes fluidStreamFade{0%,75%{opacity:1}to{opacity:0}}@keyframes hpBarFlash{0%{box-shadow:0 0 0 0 currentColor;opacity:0}25%{box-shadow:0 0 14px 4px currentColor;opacity:1}to{box-shadow:0 0 0 0 currentColor;opacity:0}}.hp-bar-flash-blue,.hp-bar-flash-red{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border:2px solid currentColor;border-radius:inherit;pointer-events:none;animation:hpBarFlash .5s ease-out forwards;z-index:3}.hp-bar-flash-blue{color:#4aa0ff}.hp-bar-flash-red{color:#ff5050}@keyframes explode{0%{transform:scale(.3) rotate(-10deg);opacity:0}45%{transform:scale(1.5) rotate(5deg);opacity:1}70%{transform:scale(1.1) rotate(-2deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes shieldPop{0%{transform:scale(.4);opacity:0}50%{transform:scale(1.35);opacity:1}75%{transform:scale(.95);opacity:1}to{transform:scale(1);opacity:1}}@keyframes shatter{0%{transform:scale(1) rotate(0);opacity:1}30%{transform:scale(1.2) rotate(12deg);opacity:.9}to{transform:scale(.2) rotate(50deg);opacity:0}}@keyframes cardPop{0%{transform:translateY(22px) rotate(-6deg);opacity:0}60%{transform:translateY(-5px) rotate(2deg);opacity:1}to{transform:translateY(0) rotate(0);opacity:1}}@keyframes cardFromDeck{0%{transform:scale(.65) translateY(12px);opacity:0}55%{transform:scale(1.06) translateY(-4px);opacity:1}to{transform:scale(1) translateY(0);opacity:1}}@keyframes stalemate{0%{transform:rotate(0) scale(1)}25%{transform:rotate(9deg) scale(1.05)}75%{transform:rotate(-9deg) scale(1.05)}to{transform:rotate(0) scale(1)}}@keyframes cardHit{0%{transform:scale(1);filter:brightness(1)}40%{transform:scale(1.18);filter:brightness(2.2)}to{transform:scale(1);filter:brightness(1)}}@keyframes cardBlocked{0%{transform:translate(0) rotate(0);filter:brightness(1)}30%{transform:translate(5px) rotate(4deg);filter:brightness(.5)}60%{transform:translate(-4px) rotate(-3deg)}to{transform:translate(0) rotate(0);filter:brightness(.6)}}@keyframes cardNegateShake{0%{transform:translate(0) rotate(0);filter:brightness(1) drop-shadow(0 0 0 rgba(255,210,80,0))}10%{transform:translate(-7px,2px) rotate(-3deg);filter:brightness(1.45) drop-shadow(0 0 6px rgba(255,210,80,.85))}22%{transform:translate(7px,-2px) rotate(3deg);filter:brightness(1.4) drop-shadow(0 0 6px rgba(255,210,80,.8))}34%{transform:translate(-6px,2px) rotate(-2deg);filter:brightness(1.3)}46%{transform:translate(6px,-1px) rotate(2deg);filter:brightness(1.2)}58%{transform:translate(-4px,1px) rotate(-1deg);filter:brightness(1.1)}72%{transform:translate(3px,-1px) rotate(1deg);filter:brightness(1.05)}to{transform:translate(0) rotate(0);filter:brightness(.7)}}.card-negated{animation:cardNegateShake .42s ease-out}@keyframes cardNegateSmoke{0%{transform:scale(.4);opacity:0;filter:blur(0px)}20%{transform:scale(.9);opacity:.95;filter:blur(.4px)}60%{transform:scale(1.25);opacity:.7;filter:blur(1.2px)}to{transform:scale(1.55);opacity:0;filter:blur(2.4px)}}.card-negate-smoke{position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;pointer-events:none;z-index:8;background:radial-gradient(circle at 50% 50%,#fff0a0f2,#ffd250d9 28%,#ffaa2873 60%,#ff961400 85%);mix-blend-mode:screen;animation:cardNegateSmoke .42s ease-out forwards;transform-origin:center center;border-radius:50%}@keyframes blockShellPop{0%{transform:scale(.55);opacity:0}18%{transform:scale(1.08);opacity:1}35%{transform:scale(1);opacity:.95}70%{transform:scale(1.04);opacity:.55}to{transform:scale(1.1);opacity:0}}.block-shell{position:absolute;pointer-events:none;z-index:4;border-radius:50%;background:radial-gradient(circle at 50% 50%,#fff5aa8c,#ffdc5a66 35%,#ffc33238 62%,#ffb41e00 90%);box-shadow:inset 0 0 28px #ffdc5aa6,0 0 36px #ffdc5a80;mix-blend-mode:screen;animation:blockShellPop .48s ease-out forwards}@keyframes cardShatterRoot{to{background-color:transparent;border-color:transparent;box-shadow:none}}.card-shattering-root{animation:cardShatterRoot .28s ease-out forwards}@keyframes cardCrackFade{0%{opacity:1;transform:scale(1) skew(0);filter:brightness(1)}22%{opacity:1;transform:scale(1.06) skew(-3deg);filter:brightness(2.4)}55%{opacity:.55;transform:scale(.97) skew(1deg);filter:brightness(1.2)}to{opacity:0;transform:scale(.92) skew(0);filter:brightness(.7)}}.card-shattering-content{animation:cardCrackFade .28s cubic-bezier(.55,.05,.7,.2) forwards;transform-origin:center center}@keyframes shardFly{0%{transform:translate(0) rotate(0);opacity:1}60%{transform:translate(calc(var(--dx) * .7),calc(var(--dy) * .7)) rotate(calc(var(--rot) * .7));opacity:.85;filter:blur(.4px)}to{transform:translate(var(--dx),var(--dy)) rotate(var(--rot));opacity:0;filter:blur(1.2px)}}.card-shard{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:7;animation:shardFly .6s cubic-bezier(.2,.6,.4,1) forwards;transform-origin:center center}@keyframes cardBurnRoot{0%{filter:brightness(1)}12%{filter:brightness(2.2)}to{background-color:transparent;border-color:transparent;box-shadow:none;filter:brightness(.8);transform:scale(.92)}}.card-burning-root{animation:cardBurnRoot .9s ease-out forwards;transform-origin:center center}@keyframes cardBurnContent{0%{opacity:1;transform:scale(1);filter:brightness(1) blur(0)}12%{opacity:1;transform:scale(1.03);filter:brightness(2.2) blur(0)}30%{opacity:1;transform:scale(1);filter:brightness(1.1) blur(0)}62%{opacity:.5;transform:scale(.97);filter:brightness(1) blur(.6px)}to{opacity:0;transform:scale(.9);filter:brightness(.8) blur(2px)}}.card-burning-content{animation:cardBurnContent .9s cubic-bezier(.4,.1,.7,.4) forwards;transform-origin:center center}@property --wash-r{syntax: "<percentage>"; inherits: false; initial-value: 0%;}@keyframes cardBurnWash{0%{--wash-r: 125%;opacity:0}15%{--wash-r: 125%;opacity:.9}58%{--wash-r: 0%;opacity:.9}to{--wash-r: 0%;opacity:0}}.card-burn-wash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:6;background:radial-gradient(circle at 50% 50%,transparent var(--wash-r, 0%),rgba(0,255,110,.92) calc(var(--wash-r, 0%) + 6%),rgba(0,210,85,.78) 100%);mix-blend-mode:screen;animation:cardBurnWash .9s ease-in forwards}@keyframes cardBurnWhimper{0%{opacity:0;transform:scale(.6);filter:blur(0)}70%{opacity:0;transform:scale(.6);filter:blur(0)}82%{opacity:.7;transform:scale(1);filter:blur(.8px)}to{opacity:0;transform:scale(1.4);filter:blur(2.4px)}}.card-burn-whimper{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:7;border-radius:50%;background:radial-gradient(circle at 50% 50%,#78ffa0b3,#28dc6e66 45%,#00b45000 80%);mix-blend-mode:screen;animation:cardBurnWhimper .9s ease-out forwards;transform-origin:center center}@keyframes cardMaterializeRoot{0%{background-color:transparent;border-color:transparent;box-shadow:none;filter:brightness(.8);transform:scale(.9)}70%{filter:brightness(1.1)}85%{filter:brightness(2.2)}to{filter:brightness(1);transform:scale(1)}}.card-materializing-root{animation:cardMaterializeRoot .9s ease-out forwards;transform-origin:center center}@keyframes cardMaterializeContent{0%{opacity:0;transform:scale(.9);filter:brightness(.8) blur(2px)}38%{opacity:.5;transform:scale(.97);filter:brightness(1) blur(.6px)}70%{opacity:1;transform:scale(1);filter:brightness(1.1) blur(0)}85%{opacity:1;transform:scale(1.03);filter:brightness(2.2) blur(0)}to{opacity:1;transform:scale(1);filter:brightness(1) blur(0)}}.card-materializing-content{animation:cardMaterializeContent .9s cubic-bezier(.3,.6,.4,1) forwards;transform-origin:center center}@keyframes cardMagicWash{0%{--wash-r: 0%;opacity:0}18%{--wash-r: 0%;opacity:.9}62%{--wash-r: 125%;opacity:.9}to{--wash-r: 125%;opacity:0}}.card-magic-wash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:6;background:radial-gradient(circle at 50% 50%,rgba(0,255,110,.92) var(--wash-r, 0%),rgba(0,210,85,.78) calc(var(--wash-r, 0%) + 6%),transparent calc(var(--wash-r, 0%) + 7%));mix-blend-mode:screen;animation:cardMagicWash .9s ease-out forwards}@keyframes cardMagicWhimper{0%{opacity:0;transform:scale(1.4);filter:blur(2.4px)}18%{opacity:.7;transform:scale(1);filter:blur(.8px)}30%{opacity:0;transform:scale(.6);filter:blur(0)}to{opacity:0;transform:scale(.6);filter:blur(0)}}.card-magic-whimper{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:7;border-radius:50%;background:radial-gradient(circle at 50% 50%,#78ffa0b3,#28dc6e66 45%,#00b45000 80%);mix-blend-mode:screen;animation:cardMagicWhimper .9s ease-out forwards;transform-origin:center center}@keyframes fbVignette{0%{opacity:0}18%{opacity:.7}60%{opacity:.45}to{opacity:0}}.fb-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:49;background:radial-gradient(ellipse at center,#b41e1e00 35%,#b41e1e8c 78%,#780000e6);animation:fbVignette .7s ease-out forwards;mix-blend-mode:multiply}@keyframes fbShake{0%{transform:translate(0)}12%{transform:translate(-5px,2px)}26%{transform:translate(5px,-3px)}42%{transform:translate(-4px,3px)}58%{transform:translate(4px,-2px)}76%{transform:translate(-2px,1px)}to{transform:translate(0)}}.fb-shake{animation:fbShake .22s ease-out}@keyframes cardPowering{0%{transform:scale(1);filter:brightness(1) drop-shadow(0 0 0 rgba(255,220,120,0))}50%{transform:scale(1.06);filter:brightness(1.6) drop-shadow(0 0 8px rgba(255,220,120,.85))}to{transform:scale(1);filter:brightness(1) drop-shadow(0 0 0 rgba(255,220,120,0))}}.card-powering{animation:cardPowering .6s ease-in-out}@keyframes fighterHitFlash{0%{opacity:0}20%{opacity:1}to{opacity:0}}@keyframes screenFlash{0%{opacity:0}18%{opacity:.55}to{opacity:0}}@keyframes damageShake{0%{transform:translate(0)}18%{transform:translate(-5px)}36%{transform:translate(5px)}54%{transform:translate(-4px)}72%{transform:translate(4px)}to{transform:translate(0)}}@keyframes koShake{0%{transform:translate(0)}12%{transform:translate(-9px,5px)}25%{transform:translate(8px,-4px)}38%{transform:translate(-7px,-5px)}52%{transform:translate(6px,4px)}66%{transform:translate(-4px,-3px)}80%{transform:translate(3px,2px)}to{transform:translate(0)}}.overlay-slide-opp{animation:overlaySlideOpp 1.5s cubic-bezier(.2,.8,.4,1) both}.overlay-slide-player{animation:overlaySlidePlayer 1.5s cubic-bezier(.2,.8,.4,1) both}.clash-explode{animation:explode .45s cubic-bezier(.2,.8,.4,1) .45s both}.clash-shield{animation:shieldPop .45s ease .45s both}.clash-draw{animation:cardPop .4s ease .45s both}.clash-stalemate{animation:stalemate .6s ease .45s both}.clash-impact{animation:explode .35s ease .45s both}.icon-shatter{animation:shatter .4s ease .5s both}.icon-pulse{animation:explode .3s ease .5s both}.flash-red{animation:screenFlash .55s ease .38s both;background:#ff2020}.flash-orange{animation:screenFlash .55s ease .38s both;background:#ff7800}.flash-none{display:none}.card-hit-active{animation:cardHit .25s ease}.card-blocked{animation:cardBlocked .35s ease}.card-new{animation:cardFromDeck .38s cubic-bezier(.2,.8,.4,1) both}@keyframes cardRemove{0%{transform:scale(1) translateY(0);opacity:1}to{transform:scale(.55) translateY(-14px);opacity:0}}.card-removing{animation:cardRemove .22s cubic-bezier(.4,0,.6,1) forwards;pointer-events:none}@keyframes cardShake{0%,to{transform:translate(0)}15%{transform:translate(-4px)}30%{transform:translate(4px)}45%{transform:translate(-3px)}60%{transform:translate(3px)}75%{transform:translate(-2px)}90%{transform:translate(2px)}}.card-shake{animation:cardShake .42s ease both}.hp-damage{animation:damageShake .42s ease}@keyframes waitingDots{0%,20%{opacity:.2}50%{opacity:1}80%,to{opacity:.2}}.waiting-for-opp{flex:1;display:flex;align-items:center;justify-content:center;color:#6a6a82;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;-webkit-user-select:none;user-select:none}.waiting-for-opp .dot{animation:waitingDots 1.2s infinite;display:inline-block}.waiting-for-opp .dot:nth-child(2){animation-delay:.2s}.waiting-for-opp .dot:nth-child(3){animation-delay:.4s}.lobby-root{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:auto 1fr;background:var(--ms-bg-0);color:var(--ms-text);font-family:var(--font-display);overflow:hidden;isolation:isolate}.lobby-root>header{position:relative;z-index:2}.lobby-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(120% 100% at 50% 50%,transparent 52%,rgba(0,0,0,.6) 100%),radial-gradient(80% 70% at 50% 28%,var(--ms-bg-2),transparent 62%),var(--ms-bg-0)}.lobby-glow{position:absolute;z-index:0;pointer-events:none;width:62vmin;height:62vmin;border-radius:50%;top:40%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,var(--element-glow) 0%,transparent 68%);filter:blur(34px);opacity:.9}.lobby-stage{position:relative;z-index:1;min-height:0;display:grid;grid-template-columns:230px 1fr 230px;gap:12px;padding:12px 16px;overflow:visible;perspective:1500px;perspective-origin:50% 42%}@media (max-width: 900px){.lobby-stage{grid-template-columns:200px 1fr 200px}}.lobby-col{display:flex;flex-direction:column;gap:10px;min-height:0;overflow-y:auto;scrollbar-width:none}.lobby-col--left{transform:rotateY(9deg)}.lobby-col--right{transform:rotateY(-9deg)}.lobby-col::-webkit-scrollbar{display:none}.lobby-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:0}.lobby-logo{font-size:clamp(32px,5.5vw,52px);font-weight:900;letter-spacing:2px;text-transform:uppercase;line-height:.9;color:var(--ms-text);text-shadow:0 2px 0 rgba(0,0,0,.55),0 0 20px var(--element-glow),0 0 44px var(--element-glow)}.lobby-logo span{color:var(--ms-brand-bright)}.lobby-center-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:18px}.lobby-center-actions{display:flex;flex-direction:column;align-items:center;gap:10px}.cs-root{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:1fr 380px;grid-template-rows:auto 1fr;grid-template-areas:"header header" "stage  rail";background:var(--ms-bg-0);color:var(--ms-text);font-family:var(--font-display);overflow:hidden;isolation:isolate}@media (max-width: 900px){.cs-root{grid-template-columns:1fr 320px}}.cs-header{grid-area:header;position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:12px 16px}.cs-back{background:var(--ms-surface);border:1px solid var(--ms-surface-border);color:var(--ms-text);padding:8px 14px;border-radius:8px;cursor:pointer;letter-spacing:1px;font-size:12px;touch-action:manipulation}.cs-title{font-size:13px;color:var(--ms-text-muted);letter-spacing:3px}.cs-header-spacer{width:60px}.cs-stage{grid-area:stage;position:relative;min-height:0;overflow:hidden}.cs-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-color:var(--ms-bg-0);background-image:linear-gradient(180deg,#0d0a1b8c,#0d0a1b1a 35%,#0d0a1b1a 65%,#0d0a1bd9),url(/arena/background.webp);background-size:auto,cover;background-position:center,center;background-repeat:no-repeat,no-repeat;pointer-events:none}.cs-tint{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;transition:background .32s ease;mix-blend-mode:screen}.cs-hero-stack{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:24px;gap:10px;pointer-events:none}.cs-hero-sprite{pointer-events:auto;cursor:pointer;touch-action:manipulation}.cs-hero-name{font-size:28px;font-weight:900;letter-spacing:4px;color:var(--ms-text);text-shadow:0 2px 8px rgba(0,0,0,.6)}.cs-rail{grid-area:rail;position:relative;z-index:3;display:flex;flex-direction:column;padding:14px;background:linear-gradient(180deg,#0d0a1b00,#0d0a1b8c 25%,#0d0a1bd9);min-height:0}.cs-rail-tiles{flex:1 1 auto;min-height:0;overflow-y:auto;display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:10px;padding-bottom:14px;scrollbar-width:thin;scrollbar-color:var(--ms-surface-border) transparent}.cs-rail-tiles::-webkit-scrollbar{width:4px}.cs-rail-tiles::-webkit-scrollbar-thumb{background:var(--ms-surface-border);border-radius:2px}.cs-rail-tiles::-webkit-scrollbar-track{background:transparent}.cs-rail:after{content:"";position:absolute;left:14px;right:14px;bottom:64px;height:24px;background:linear-gradient(180deg,#0d0a1b00,#0d0a1be6);pointer-events:none;z-index:1}.cs-tile{display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--ms-surface);border:2px solid var(--ms-surface-border);border-radius:12px;padding:12px 8px;cursor:pointer;color:var(--ms-text-dim);text-align:center;touch-action:manipulation;transition:background .15s,border-color .15s,box-shadow .15s,color .15s;font-family:inherit}.cs-tile:hover:not(.cs-tile-dim){background:var(--ms-bg-2)}.cs-tile-active{background:var(--ms-bg-2);border-color:var(--element);color:var(--ms-text);box-shadow:0 0 16px var(--tile-glow, var(--element-glow))}.cs-tile-dim{opacity:.45;cursor:default}.cs-tile-portrait{width:72px;height:72px;border-radius:50%;overflow:hidden;background:var(--ms-bg-0);border:1px solid var(--ms-surface-border);flex:0 0 auto;display:flex;align-items:center;justify-content:center;color:var(--ms-text);font-weight:800;font-size:18px}.cs-tile-portrait img{width:100%;height:100%;object-fit:contain;display:block}.cs-tile-name{font-size:13px;font-weight:700;letter-spacing:1px;flex:0 0 auto}.cs-tile-soon{font-size:9px;color:var(--ms-text-muted);letter-spacing:1px;flex:0 0 auto}.cs-confirm{flex:0 0 auto;position:relative;z-index:2;padding:16px;font-size:15px;font-weight:800;letter-spacing:3px;background:var(--element);color:#0c0618;border:2px solid var(--element);border-radius:14px;cursor:pointer;touch-action:manipulation;font-family:inherit}.cs-confirm:disabled{background:#1a1530;color:var(--ms-text-muted);border-color:var(--ms-surface-border);cursor:default}
