/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-amber-100:#fef3c6;--color-amber-200:#fee685;--color-amber-300:#ffd236;--color-green-300:#7bf1a8;--color-emerald-300:#5ee9b5;--color-sky-300:#77d4ff;--color-violet-300:#c4b4ff;--color-rose-100:#ffe4e6;--color-rose-300:#ffa2ae;--color-rose-400:#ff667f;--color-zinc-50:#fafafa;--color-zinc-100:#f4f4f5;--color-zinc-200:#e4e4e7;--color-zinc-300:#d4d4d8;--color-zinc-400:#9f9fa9;--color-zinc-500:#71717b;--color-zinc-600:#52525c;--color-zinc-700:#3f3f46;--color-zinc-800:#27272a;--color-zinc-900:#18181b;--color-zinc-950:#09090b;--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--tracking-tight:-.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-md:.375rem;--radius-2xl:1rem;--drop-shadow-2xl:0 25px 25px #00000026;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-display:"Unbounded", system-ui, sans-serif;--font-hud:"Chakra Petch", system-ui, sans-serif;--color-brand-black:#111314;--color-brand-gold:#f99d1b;--color-brand-tyrian:#12354e;--color-brand-indigo:#051230}@supports (color:lab(0% 0 0)){:root,:host{--color-amber-100:lab(95.916% -1.21653 23.111);--color-amber-200:lab(91.7203% -.505269 49.9084);--color-amber-300:lab(86.4156% 6.13147 78.3961);--color-green-300:lab(86.9953% -47.2691 25.0054);--color-emerald-300:lab(83.9203% -48.7124 13.8849);--color-sky-300:lab(80.3307% -20.2945 -31.385);--color-violet-300:lab(76.7419% 18.3911 -37.0706);--color-rose-100:lab(92.8221% 9.86832 2.60075);--color-rose-300:lab(76.6339% 38.3549 9.68835);--color-rose-400:lab(64.4125% 63.0291 19.2068);--color-zinc-50:lab(98.26% 0 0);--color-zinc-100:lab(96.1634% .0993311 -.364041);--color-zinc-200:lab(90.6853% .399232 -1.45452);--color-zinc-300:lab(84.9837% .601262 -2.17986);--color-zinc-400:lab(65.6464% 1.53497 -5.42429);--color-zinc-500:lab(47.8878% 1.65477 -5.77283);--color-zinc-600:lab(35.1166% 1.78212 -6.1173);--color-zinc-700:lab(26.8019% 1.35387 -4.68303);--color-zinc-800:lab(15.7305% .613764 -2.16959);--color-zinc-900:lab(8.30603% .618205 -2.16572);--color-zinc-950:lab(2.51107% .242703 -.886115)}}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{inset-inline:0}.inset-y-0{inset-block:0}.top-1{top:var(--spacing)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-3{top:calc(var(--spacing) * 3)}.top-4{top:calc(var(--spacing) * 4)}.top-\[19\%\]{top:19%}.top-\[24\%\]{top:24%}.top-\[46\%\]{top:46%}.top-\[58\%\]{top:58%}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.bottom-0{bottom:0}.bottom-5{bottom:calc(var(--spacing) * 5)}.bottom-\[190px\]{bottom:190px}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.left-3{left:calc(var(--spacing) * 3)}.left-4{left:calc(var(--spacing) * 4)}.z-50{z-index:50}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-2{margin:calc(var(--spacing) * 2)}.m-3{margin:calc(var(--spacing) * 3)}.m-5{margin:calc(var(--spacing) * 5)}.m-6{margin:calc(var(--spacing) * 6)}.m-8{margin:calc(var(--spacing) * 8)}.my-2{margin-block:calc(var(--spacing) * 2)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-\[2px\]{margin-top:2px}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-\[2px\]{margin-bottom:2px}.\!hidden{display:none!important}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.h-1{height:var(--spacing)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-\[3px\]{height:3px}.h-\[100px\]{height:100px}.h-\[104px\]{height:104px}.h-\[200px\]{height:200px}.h-full{height:100%}.w-4{width:calc(var(--spacing) * 4)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-40{width:calc(var(--spacing) * 40)}.w-\[64px\]{width:64px}.w-\[100px\]{width:100px}.w-\[176px\]{width:176px}.w-\[230px\]{width:230px}.w-\[250px\]{width:250px}.w-\[290px\]{width:290px}.w-\[320px\]{width:320px}.w-\[330px\]{width:330px}.w-\[340px\]{width:340px}.w-\[420px\]{width:420px}.w-\[600px\]{width:600px}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\[56px\]{min-width:56px}.min-w-\[640px\]{min-width:640px}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.origin-left{transform-origin:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-\[1fr_70px_70px_60px_150px\]{grid-template-columns:1fr 70px 70px 60px 150px}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-\[2px\]{gap:2px}.gap-\[3px\]{gap:3px}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-y-1{row-gap:var(--spacing)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:2147483647px}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-amber-300{border-color:var(--color-amber-300)}.border-zinc-700{border-color:var(--color-zinc-700)}.bg-amber-300{background-color:var(--color-amber-300)}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab, red, red)){.bg-black\/60{background-color:color-mix(in oklab, var(--color-black) 60%, transparent)}}.bg-brand-gold{background-color:var(--color-brand-gold)}.bg-zinc-50{background-color:var(--color-zinc-50)}.bg-zinc-100\/10{background-color:#f4f4f51a}@supports (color:color-mix(in lab, red, red)){.bg-zinc-100\/10{background-color:color-mix(in oklab, var(--color-zinc-100) 10%, transparent)}}.bg-zinc-800{background-color:var(--color-zinc-800)}.bg-zinc-900\/90{background-color:#18181be6}@supports (color:color-mix(in lab, red, red)){.bg-zinc-900\/90{background-color:color-mix(in oklab, var(--color-zinc-900) 90%, transparent)}}.bg-zinc-950\/40{background-color:#09090b66}@supports (color:color-mix(in lab, red, red)){.bg-zinc-950\/40{background-color:color-mix(in oklab, var(--color-zinc-950) 40%, transparent)}}.bg-zinc-950\/55{background-color:#09090b8c}@supports (color:color-mix(in lab, red, red)){.bg-zinc-950\/55{background-color:color-mix(in oklab, var(--color-zinc-950) 55%, transparent)}}.bg-zinc-950\/60{background-color:#09090b99}@supports (color:color-mix(in lab, red, red)){.bg-zinc-950\/60{background-color:color-mix(in oklab, var(--color-zinc-950) 60%, transparent)}}.object-contain{object-fit:contain}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-12{padding-inline:calc(var(--spacing) * 12)}.px-16{padding-inline:calc(var(--spacing) * 16)}.py-1{padding-block:var(--spacing)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-\[1px\]{padding-block:1px}.py-\[2px\]{padding-block:2px}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-display{font-family:var(--font-display)}.font-hud{font-family:var(--font-hud)}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.text-\[clamp\(64px\,12vw\,180px\)\]{font-size:clamp(64px,12vw,180px)}.leading-\[0\.82\]{--tw-leading:.82;line-height:.82}.leading-\[1\.45\]{--tw-leading:1.45;line-height:1.45}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.3em\]{--tw-tracking:.3em;letter-spacing:.3em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-amber-100{color:var(--color-amber-100)}.text-amber-200{color:var(--color-amber-200)}.text-amber-200\/90{color:#fee685e6}@supports (color:color-mix(in lab, red, red)){.text-amber-200\/90{color:color-mix(in oklab, var(--color-amber-200) 90%, transparent)}}.text-brand-black{color:var(--color-brand-black)}.text-emerald-300{color:var(--color-emerald-300)}.text-green-300{color:var(--color-green-300)}.text-rose-100{color:var(--color-rose-100)}.text-rose-300{color:var(--color-rose-300)}.text-rose-400{color:var(--color-rose-400)}.text-sky-300{color:var(--color-sky-300)}.text-violet-300{color:var(--color-violet-300)}.text-white\/40{color:#fff6}@supports (color:color-mix(in lab, red, red)){.text-white\/40{color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.text-white\/90{color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.text-white\/90{color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.text-zinc-50{color:var(--color-zinc-50)}.text-zinc-100{color:var(--color-zinc-100)}.text-zinc-200{color:var(--color-zinc-200)}.text-zinc-300{color:var(--color-zinc-300)}.text-zinc-400{color:var(--color-zinc-400)}.text-zinc-500{color:var(--color-zinc-500)}.text-zinc-600{color:var(--color-zinc-600)}.text-zinc-950{color:var(--color-zinc-950)}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.accent-zinc-100{accent-color:var(--color-zinc-100)}.opacity-80{opacity:.8}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-2xl{--tw-drop-shadow-size:drop-shadow(0 25px 25px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-2xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-\[2px\]{--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.hover\:scale-\[1\.04\]:hover{scale:1.04}.hover\:border-zinc-500:hover{border-color:var(--color-zinc-500)}.hover\:text-white:hover{color:var(--color-white)}}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}}html,body{color:#f4f4f5;height:100%;font-family:var(--font-hud);-webkit-user-select:none;user-select:none;background:#0c0c0f;margin:0;overflow:hidden}#scene{width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}#ui .interactive{pointer-events:auto}.hud-panel{background:linear-gradient(#18181bd1,#0c0c0fdb);border:1px solid #3f3f46e6;border-radius:10px;box-shadow:0 6px 24px #00000059}.bar{background:#27272ae6;border-radius:4px;height:100%;position:relative;overflow:hidden}.bar>.fill{transform-origin:0;transition:transform 90ms linear;position:absolute;inset:0}.bar>.ghost{transform-origin:0;background:#ffffff8c;transition:transform .45s ease-out .12s;position:absolute;inset:0}.bar>.label{letter-spacing:.02em;text-shadow:0 1px 2px #000000e6;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex;position:absolute;inset:0}.slot{background:radial-gradient(circle at 50% 35%, var(--slot-glow,#3f3f46) 0%, #18181bf2 75%);border:1px solid #52525be6;border-radius:12px;place-items:center;width:58px;height:58px;transition:transform 80ms ease-out,filter .12s;display:grid;position:relative;overflow:hidden}.slot.pressed{transform:scale(.92)}.slot.unusable{filter:grayscale(.8)brightness(.6)}.slot .sweep{background:conic-gradient(#000000b8 calc(var(--cd,0) * 360deg), transparent 0);position:absolute;inset:0}.slot .cdtext{text-shadow:0 1px 3px #000;place-items:center;font-size:18px;font-weight:700;display:grid;position:absolute;inset:0}.slot .key{color:#d4d4d8;text-shadow:0 1px 2px #000;font-size:10px;font-weight:700;position:absolute;top:3px;left:5px}.slot.ready-flash{animation:.38s ease-out ready-flash}@keyframes ready-flash{0%{box-shadow:inset 0 0 0 2px #ffffffe6}to{box-shadow:inset 0 0 #fff0}}.aura{border:1px solid #0009;border-radius:5px;place-items:center;width:22px;height:22px;display:grid;position:relative;overflow:hidden}.aura.harmful{box-shadow:0 0 0 1px #f43f5eb3}.aura .sweep{background:conic-gradient(#0009 calc(var(--cd,0) * 360deg), transparent 0);position:absolute;inset:0}.aura .stacks{text-shadow:0 1px 2px #000;font-size:10px;font-weight:700;position:absolute;bottom:-1px;right:1px}.aura .time{text-shadow:0 1px 2px #000;place-items:center;font-size:9px;font-weight:700;display:grid;position:absolute;inset:0}.float-text{white-space:nowrap;pointer-events:none;text-shadow:0 2px #0009,0 0 8px #00000080;will-change:transform, opacity;font-weight:700;position:absolute;top:0;left:0}.nameplate{pointer-events:none;will-change:transform;transform-origin:50% 100%;width:120px;margin-left:-60px;position:absolute;top:0;left:0}.nameplate.selected>div:first-child{color:#fff}.nameplate.selected:before{content:"";filter:drop-shadow(0 1px 2px #000c);border-top:9px solid #f43f5e;border-left:7px solid #0000;border-right:7px solid #0000;width:0;height:0;margin-left:-7px;animation:1.2s ease-in-out infinite target-bob;position:absolute;top:-14px;left:50%}@keyframes target-bob{50%{transform:translateY(-3px)}}.banner{font-family:var(--font-display);letter-spacing:-.02em;text-shadow:0 6px 30px #0000008c;font-weight:900}.wordmark-tail{color:var(--color-brand-gold)}.crosshair{width:0;height:0;position:absolute;top:50%;left:50%}.crosshair i{background:#fafafaeb;position:absolute;box-shadow:0 0 2px #000000e6}.hitmarker{opacity:0;width:26px;height:26px;margin:-13px 0 0 -13px;position:absolute;top:50%;left:50%}.hitmarker.show{animation:.22s ease-out hitmarker}@keyframes hitmarker{0%{opacity:1;transform:scale(1.35)}to{opacity:0;transform:scale(1)}}.class-card{transition:transform .16s,border-color .16s,background .16s}.class-card:hover{transform:translateY(-6px)}.match-found{pointer-events:auto;z-index:40;background:#111;place-items:center;display:grid;position:absolute;inset:0}.match-found h1{letter-spacing:-.005em;color:#0000;background:linear-gradient(#fafafa 0%,#ececec 38%,#a9a9a9 100%);-webkit-background-clip:text;background-clip:text;margin:0;font-family:Saira Semi Condensed,Chakra Petch,system-ui,sans-serif;font-size:clamp(52px,6.5vw,140px);font-weight:800;line-height:1}.match-found.enter h1{animation:.38s cubic-bezier(.2,.9,.25,1.15) both mf-in}.match-found.leave{animation:.26s ease-in forwards mf-out}@keyframes mf-in{0%{opacity:0;filter:blur(6px);transform:scale(1.18)}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes mf-out{to{opacity:0}}.slot.ult-ready{border-color:#fde047e6;animation:1.1s ease-in-out infinite ult-pulse}@keyframes ult-pulse{0%,to{box-shadow:0 0 0 1px #fde04799,0 0 10px #fde04759}50%{box-shadow:0 0 0 2px #fde047f2,0 0 22px #fde047a6}}.title-grain{opacity:.11;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:.9s steps(6,end) infinite grain}@keyframes grain{0%{background-position:0 0}20%{background-position:-40px 25px}40%{background-position:30px -50px}60%{background-position:-60px -20px}80%{background-position:50px 40px}to{background-position:0 0}}.match-found.searching h1{background:linear-gradient(#a1a1aa 0%,#71717a 100%);-webkit-background-clip:text;background-clip:text;animation:1.2s ease-in-out infinite mf-search}@keyframes mf-search{0%,to{opacity:.55}50%{opacity:1}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}.coin,.heart{vertical-align:-.1em;flex-shrink:0;width:.9em;height:.9em;margin-right:.2em;display:inline-block}.coin{background:radial-gradient(circle at 35% 30%,#fef3c7,#fbbf24 45%,#b45309);border-radius:50%;box-shadow:inset 0 0 0 1px #78350f99}.heart{background:radial-gradient(circle at 35% 30%,#ffe4e6,#fb7185 50%,#be123c);border-radius:50% 50% 45% 45%;transform:rotate(45deg)scale(.85)}.gold-pill{font-family:var(--font-display);color:#fef3c7;background:#fbbf241f;border:1px solid #fbbf2459;border-radius:999px;align-items:center;padding:2px 10px;font-weight:900;display:flex}.step{background:#ffffff38;border-radius:50%;width:7px;height:7px;display:inline-block}.step.step-pick{width:4px;height:4px}.step.step-duels{background:#fb718573;border-radius:1px;transform:rotate(45deg)}.step.step-talent{background:#c4b5fd99;border-radius:2px}.stage-no{font-family:var(--font-display);color:#e4e4e7;margin-right:4px;font-size:11px;font-weight:900}.step.done{background:#ffffff8c}.step.now{background:#fafafa;box-shadow:0 0 8px #fffc}.skill-tile{border:1px solid color-mix(in srgb, var(--el,#3f3f46) 60%, #18181b);background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--el,#3f3f46) 28%, #18181b), #0c0c0f 80%);border-radius:7px;place-items:center;display:grid;position:relative}.skill-tile.empty{background:#18181b99;border:1px dashed #71717a99}.skill-tile .pips{position:absolute;bottom:1px;left:50%;transform:translate(-50%)}.skill-tile .tile-lv{color:#0c0c0f;text-align:center;background:#fde68a;border-radius:7px;min-width:13px;height:13px;padding:0 3px;font-size:9px;font-weight:900;line-height:13px;position:absolute;bottom:-3px;right:-3px}.stack-chip{color:#fde68a;letter-spacing:.02em;background:#fbbf2424;border:1px solid #fbbf2459;border-radius:999px;align-items:center;padding:0 6px;font-size:10px;font-weight:800;display:inline-flex}.edge{color:#6ee7b7;letter-spacing:.06em;background:#34d39929;border:1px solid #34d39973;border-radius:999px;padding:0 6px;font-size:9px;font-weight:900}.pips{gap:2px;display:inline-flex}.pip{background:#ffffff2e;border-radius:50%;width:4px;height:4px;display:inline-block}.pip.on{background:#fde68a}.item-tile{color:#fafafa;background:radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--it,#52525b) 30%, #1c1c21), #0b0b0e 75%);border:1.5px solid var(--rar,#52525b);border-radius:7px;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0009,inset 0 -6px 10px #00000073}.item-tile>i,.item-tile>span{pointer-events:none;position:absolute;inset:0}.ia-glow{background:radial-gradient(circle at 50% 55%, color-mix(in srgb, var(--it) 55%, transparent), transparent 62%);opacity:.55}.ia-sil{filter:drop-shadow(0 1px 0 #000000d9) drop-shadow(0 0 3px color-mix(in srgb, var(--it) 60%, transparent))}.ia-icon{background:linear-gradient(165deg, color-mix(in srgb, var(--it) 25%, #fff) 0%, var(--it) 48%, color-mix(in srgb, var(--it) 55%, #000) 100%);-webkit-mask:var(--art) center / contain no-repeat;-webkit-mask:var(--art) center / contain no-repeat;mask:var(--art) center / contain no-repeat;position:absolute;inset:12%}.ia-shine{background:linear-gradient(115deg,#0000 35%,#ffffff38 48%,#0000 60%)}.item-tile.gold .ia-shine,.item-tile.prismatic .ia-shine{background-size:250% 100%;animation:3.2s ease-in-out infinite ia-sweep}@keyframes ia-sweep{0%{background-position:120% 0}60%,to{background-position:-120% 0}}.ia-rays{background:repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--rar) 35%, transparent) 0deg 8deg, transparent 8deg 22deg);opacity:.45;animation:14s linear infinite ia-spin;inset:-40%!important}@keyframes ia-spin{to{transform:rotate(360deg)}}.item-tile.mid,.item-tile.big{border-width:2px;border-radius:12px}.item-tile.big{box-shadow:inset 0 0 0 2px #0000008c, inset 0 0 18px color-mix(in srgb, var(--rar) 30%, transparent), 0 0 26px color-mix(in srgb, var(--rar) 40%, transparent);border-width:3px;border-radius:18px}.item-tile.mid:before,.item-tile.mid:after,.item-tile.big:before,.item-tile.big:after{content:"";z-index:1;background:linear-gradient(135deg, #fff, var(--rar));width:7px;height:7px;box-shadow:0 0 6px var(--rar);position:absolute;transform:rotate(45deg)}.item-tile.big:before,.item-tile.big:after{width:11px;height:11px}.item-tile.mid:before,.item-tile.big:before{top:5px;left:5px}.item-tile.mid:after,.item-tile.big:after{bottom:5px;right:5px}.item-tile.prismatic{background:radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--it) 30%, #1c1c21), #0b0b0e 75%) padding-box, conic-gradient(from var(--spin,0deg), #f0abfc, #67e8f9, #fde68a, #f0abfc) border-box;border-color:#0000}.item-tile.prismatic:before,.item-tile.prismatic:after{background:linear-gradient(135deg,#fff,#f0abfc 40%,#67e8f9)}.item-tile .tile-lv{z-index:2;color:#0c0c0f;background:#4ade80;border-radius:7px;min-width:13px;height:13px;padding:0 3px;font-size:8px;font-weight:900;line-height:13px;position:absolute;bottom:-4px;right:-4px}.tip-fits{color:#fdba74;margin-top:4px;font-size:10px;font-weight:700}.talent-tile{background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--rar) 30%, #18181b), #0c0c0f 80%);border:1.5px solid var(--rar);border-radius:50%;place-items:center;display:grid}.talent-tile.prismatic{background:radial-gradient(circle at 50% 35%,#2e1065,#0c0c0f 80%) padding-box padding-box,linear-gradient(135deg,#f0abfc,#67e8f9,#fde68a) border-box;border-color:#0000}.tip{z-index:60;pointer-events:none;color:#d4d4d8;background:#0c0c0ff5;border:1px solid #3f3f46;border-radius:10px;max-width:260px;padding:8px 10px;font-size:12px;position:fixed;top:0;left:0;box-shadow:0 10px 30px #00000080}.tip-head{color:#fafafa;justify-content:space-between;align-items:baseline;gap:10px;font-size:13px;display:flex}.tip-head span{letter-spacing:.08em;font-size:10px;font-weight:800}.tip-line{margin-top:3px;line-height:1.35}.tip-recipe,.tip-build{align-items:center;gap:6px;margin-top:6px;display:flex}.tip-builds{grid-template-columns:1fr 1fr;gap:0 8px;display:grid}.tip-build{margin-top:4px;font-size:11px}.pick{flex-direction:column;align-items:center;gap:14px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-52%)}.pick-top{align-items:center;gap:14px;max-width:94vw;display:flex}.pick-head{align-items:center;gap:6px;display:flex}.pick-next{background:#18181bcc;border:1px solid #3f3f46;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.pick-timer{font-family:var(--font-display);color:#fafafa;font-size:24px;font-weight:900}.pick-row{gap:16px;display:flex}.pick-card{border:2px solid var(--rar);background:radial-gradient(circle at 50% 20%, color-mix(in srgb, var(--rar) 22%, #18181b), #0c0c0f 75%);width:220px;min-height:280px;box-shadow:0 0 24px color-mix(in srgb, var(--rar) 30%, transparent);border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:30px 14px 16px;transition:transform .12s;animation:.35s ease-out backwards talent-in;display:flex;position:relative}.pick-card:nth-child(2){animation-delay:80ms}.pick-card:nth-child(3){animation-delay:.16s}.pick-card:hover{transform:translateY(-6px)scale(1.03)}.pick-card.prismatic{background:radial-gradient(circle at 50% 20%,#3b0764,#0c0c0f 75%) padding-box padding-box,linear-gradient(135deg,#f0abfc,#67e8f9,#fde68a,#f0abfc) border-box;border-color:#0000}.pick-card.fits{box-shadow:0 0 0 2px #fdba74,0 0 34px #fdba7473}.pick-card.chosen{outline:3px solid #fafafa;transform:translateY(-10px)scale(1.05)}.card-tag{border:1px solid color-mix(in srgb, var(--tag) 70%, transparent);background:color-mix(in srgb, var(--tag) 16%, #0c0c0f);color:var(--tag);letter-spacing:.14em;white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:9px;font-weight:900;position:absolute;top:10px;left:50%;transform:translate(-50%)}.pick-icon{place-items:center;height:84px;display:grid}.pick-card.item{width:260px;min-height:340px}.item-art{place-items:center;height:120px;display:grid}.pick-rarity{letter-spacing:.16em;text-transform:uppercase;font-size:10px;font-weight:900}.pick-card.item .pick-blurb{font-size:14px}.fits-banner{color:#fdba74;letter-spacing:.1em;background:#fdba742e;border:1px solid #fdba7499;border-radius:999px;margin-top:auto;padding:3px 10px;font-size:10px;font-weight:900}.pick-title{min-width:0;font-family:var(--font-display);overflow-wrap:anywhere;text-align:center;letter-spacing:.02em;text-transform:uppercase;font-size:clamp(18px,6vw,30px);font-weight:900}.pick-name{font-family:var(--font-display);color:#fafafa;text-align:center;font-size:18px;font-weight:900}.pick-blurb{color:#d4d4d8;text-align:center;font-size:12px;line-height:1.35}.pick-foot{align-items:center;gap:18px;display:flex}.pick-reroll{color:#e4e4e7;background:#18181be6;border:1px solid #3f3f46;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-weight:900;display:flex}.pick-reroll b{color:#fde68a;align-items:center;display:flex}.pick-reroll:disabled{opacity:.35}.pick-bag{grid-template-columns:repeat(6,92px);gap:6px;display:grid}.bag-item{color:#e4e4e7;text-align:center;background:#18181bd9;border:1px solid #3f3f46;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;height:78px;padding:4px;font-size:10px;font-weight:800;line-height:1.1;display:flex}.bag-item span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.bag-item.empty{background:0 0;border-style:dashed;border-color:#27272a}.bag-item.swap{border-color:#fafafa;animation:.8s ease-in-out infinite alternate swap-pulse}@keyframes swap-pulse{to{box-shadow:0 0 14px #fff9}}@keyframes talent-in{0%{opacity:0;transform:translateY(30px)rotateY(80deg)}}.level-panel{flex-direction:column;gap:6px;width:210px;margin-top:4px;display:flex}.level-btn{color:#fafafa;text-align:left;background:#18181be6;border:1px solid #52525b;border-radius:12px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;gap:2px 10px;width:100%;padding:6px 10px;display:grid}.level-btn.ready{border-color:#fde68a;animation:1.2s ease-in-out infinite alternate level-glow}.level-btn.ready:hover{background:#fde68a1f}.level-btn:disabled{cursor:default}@keyframes level-glow{to{box-shadow:0 0 18px #fde68a8c}}.level-no{font-family:var(--font-display);grid-row:span 2;font-size:26px;font-weight:900;line-height:1}.level-no small{color:#a1a1aa;margin-right:2px;font-size:11px}.level-bar{background:#ffffff1f;border-radius:999px;height:6px;display:block;overflow:hidden}.level-bar i{background:linear-gradient(90deg,#a78bfa,#fde68a);height:100%;display:block}.level-buy{color:#fde68a;align-items:center;gap:4px;font-size:12px;font-weight:900;display:flex}.level-buy kbd{color:#a1a1aa;border:1px solid #52525b;border-radius:4px;margin-left:auto;padding:0 5px;font-family:inherit;font-size:10px}.pick-foot .level-btn{width:220px}.level-chip{color:#fde68a;background:#fde68a29;border:1px solid #fde68a73;border-radius:999px;padding:0 6px;font-size:10px;font-weight:900}.gear-list{grid-template-columns:1fr 1fr;gap:4px;display:grid}.gear-row{border:1px solid color-mix(in srgb, var(--rar) 40%, transparent);color:#e4e4e7;background:#18181bb3;border-radius:8px;align-items:center;gap:6px;min-width:0;padding:2px 6px 2px 2px;font-size:11px;font-weight:800;display:flex}.gear-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.level-panel .gear-list{grid-template-columns:1fr}.bet-talents{flex-wrap:wrap;gap:4px;display:flex}.duel-box{color:#fafafa;background:#18181bcc;border:1px solid #52525b;border-radius:8px;padding:6px 8px}.duel-btn{color:#fafafa;background:#27272ae6;border:1px solid #52525b;border-radius:6px;padding:3px 8px;font-weight:800}.duel-btn.big{color:#fde68a;border-color:#fde68a;width:100%;padding:8px;font-size:13px}.duel-btn:hover{border-color:#fafafa}.streak{border-radius:999px;margin-left:6px;padding:0 5px;font-size:10px;font-weight:900}.streak.hot{color:#fdba74;background:#f9731633}.streak.cold{color:#7dd3fc;background:#38bdf82e}.skill-card{border:1px solid color-mix(in srgb, var(--el,#3f3f46) 55%, #27272a);background:radial-gradient(circle at 50% 20%, color-mix(in srgb, var(--el,#3f3f46) 22%, #18181b), #0c0c0f 85%);text-align:left;border-radius:12px;flex-direction:column;padding:10px 12px 12px;transition:transform .1s,box-shadow .12s;display:flex}.skill-card:hover:not(.off){box-shadow:0 10px 30px color-mix(in srgb, var(--el,#fff) 25%, transparent);transform:translateY(-3px)}.skill-card.off{opacity:.45}.skill-card.picking{outline:2px solid #fde68a}.skill-card.taken{color:#52525b;border-style:dashed;place-items:center;font-size:12px;font-weight:700;display:grid}.badge{letter-spacing:.08em;color:#e4e4e7;background:#ffffff14;border-radius:999px;padding:1px 7px;font-size:9px;font-weight:800}.badge.up{color:#1c1917;background:#fde68a}.badge.ult{color:#1c1917;background:#fb7185}.kit-slot{border:1px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:3px;padding:4px 4px 6px;display:flex}.kit-slot .key{color:#71717a;font-size:9px;font-weight:800}.kit-slot.target{cursor:pointer;background:#fde68a14;border-color:#fde68a}.item-card{background:#18181bbf;border:1px solid #27272a;border-radius:9px;align-items:center;gap:8px;padding:6px 8px;display:flex}.item-card:hover:not(.off){border-color:#71717a}.item-card.off{opacity:.4}.bag-slot{background:#18181bbf;border:1px solid #3f3f46;border-radius:8px;place-items:center;width:40px;height:40px;display:grid}.bag-slot.empty{border-style:dashed;border-color:#27272a}.bag-slot:not(.empty):hover{border-color:#a1a1aa}.bag-slot.sel{border-color:#fafafa;box-shadow:0 0 10px #fff6}.bag-slot.pairs{border-color:#fbbf24}.part-btn{color:#fde68a;flex-direction:column;align-items:center;gap:2px;font-size:11px;font-weight:900;display:flex}.part-btn.off{opacity:.4}.part-btn:hover:not(.off) .item-tile{border-color:#fafafa}.shop-sell{color:#fde68a;border:1px solid #3f3f46;border-radius:999px;align-items:center;gap:4px;padding:2px 10px;font-size:12px;font-weight:900;display:flex}.bet{align-items:stretch;gap:10px;display:flex;position:absolute;top:92px;left:50%;transform:translate(-50%)}.bet.vs{background:radial-gradient(#0c0c0f8c,#0c0c0fe0);justify-content:center;align-items:center;gap:28px;animation:.3s ease-out vs-in;inset:0;transform:none}@keyframes vs-in{0%{opacity:0}}.bet-side{border:1px solid color-mix(in srgb, var(--side,#3f3f46) 60%, #27272a);background:linear-gradient(180deg, color-mix(in srgb, var(--side,#3f3f46) 18%, #18181be6), #0c0c0feb);border-radius:14px;flex-direction:column;width:250px;padding:10px 12px;transition:transform .2s,opacity .2s;display:flex;box-shadow:0 6px 24px #00000059}.bet.vs .bet-side{width:360px;box-shadow:0 0 60px color-mix(in srgb, var(--side) 35%, transparent);border-width:2px;padding:16px 18px 18px;animation:.35s ease-out vs-left}.bet.vs .bet-side.right{animation-name:vs-right}@keyframes vs-left{0%{opacity:0;transform:translate(-80px)}}@keyframes vs-right{0%{opacity:0;transform:translate(80px)}}.bet-art{object-fit:contain;filter:drop-shadow(0 12px 24px #0009);align-self:center;width:200px;height:200px;display:none}.bet.vs .bet-art{display:block}.bet-side.right .bet-art{transform:scaleX(-1)}.bet-head{align-items:center;gap:8px;display:flex}.bet-name{font-family:var(--font-display);color:#fafafa;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:900;overflow:hidden}.bet.vs .bet-name{font-size:26px}.bet-life{color:#fecdd3;align-items:center;margin-left:auto;font-size:15px;font-weight:800;display:flex}.bet-info{flex-direction:column;gap:8px;margin-top:6px;display:flex}.bet-line{color:#f4f4f5;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:12px;font-weight:700;display:flex}.bet-kit,.bet-gear{flex-wrap:wrap;gap:4px;min-height:28px;display:flex}.bet.compact .bet-kit,.bet.compact .bet-gear,.bet.compact .bet-line+.bet-line{display:none}.ult-chip{color:#0c0c0f;letter-spacing:.1em;background:#fde047;border-radius:999px;padding:0 7px;font-size:9px;font-weight:900}.bet-side.won{transform:scale(1.04);box-shadow:0 0 0 2px #fde68a,0 10px 40px #fde68a40}.bet-side.lost{opacity:.45}.bet-mid{flex-direction:column;justify-content:center;align-items:center;gap:4px;width:120px;display:flex}.bet-vs{font-family:var(--font-display);color:#fafafa;font-size:30px;font-style:italic;font-weight:900}.bet.vs .bet-vs{background:linear-gradient(#fff7d6,#f59e0b);color:#0000;filter:drop-shadow(0 6px 18px #f59e0b73);-webkit-background-clip:text;background-clip:text;font-size:84px;line-height:1}.bet-clock{font-family:var(--font-display);color:#fafafa;font-size:44px;font-weight:900}.bet-odds{color:#d4d4d8;font-size:12px;font-weight:800}.bet-mine{color:#fde68a;align-items:center;min-height:18px;font-size:12px;font-weight:800;display:flex}.bet-buttons{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px;display:grid}.bet-btn{color:#fef3c7;background:#27272ad9;border:1px solid #52525b;border-radius:10px;justify-content:center;align-items:center;padding:10px 0;font-size:15px;font-weight:900;transition:transform 80ms;display:flex}.bet-btn:hover:not(:disabled){border-color:#fde68a;transform:translateY(-2px)}.bet-btn.on{color:#1c1917;background:#fde68a}.bet-btn:disabled{opacity:.35}.bet-backers{flex-wrap:wrap;gap:4px;min-height:18px;margin-top:8px;display:flex}.bet-pass{color:#a1a1aa;border:1px solid #3f3f46;border-radius:999px;margin-top:8px;padding:4px 16px;font-size:12px;font-weight:700}.bet-pass:hover{color:#fafafa}.bet.compact .bet-side{width:210px;padding:8px 10px}.board{width:min(980px,96vw);padding:10px 14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.board-row{border-bottom:1px solid #3f3f4673;grid-template-columns:28px minmax(140px,1fr) 90px 44px 44px 150px 96px 150px;align-items:center;gap:8px;padding:6px 4px;font-size:13px;display:grid}.board-row.head{letter-spacing:.1em;text-transform:uppercase;color:#71717a;font-size:10px;font-weight:800}.board-row.me{background:#ffffff0d}.board-row.out{opacity:.45}.bot-tag{color:#a1a1aa;background:#ffffff14;border-radius:4px;padding:0 4px;font-size:9px;font-weight:800}.life-bar{background:#ffffff1a;border-radius:3px;width:44px;height:5px;display:inline-block;overflow:hidden}.life-bar i{background:#fb7185;height:100%;display:block}.minimap{background:#0c0c0fb3;border:1px solid #3f3f46e6;border-radius:12px;grid-template-rows:repeat(3,62px);grid-template-columns:repeat(3,62px);gap:6px;padding:8px;display:grid;position:absolute;top:16px;right:16px}.minimap .cell{border:2px solid color-mix(in srgb, var(--owner,#52525b) 70%, #18181b);background:color-mix(in srgb, var(--owner,#52525b) 22%, #18181b);text-align:left;border-radius:8px;flex-direction:column;justify-content:space-between;padding:4px;transition:transform .1s;display:flex;position:relative;overflow:hidden}.minimap .cell:hover{transform:scale(1.06)}.minimap .cell.mine{box-shadow:0 0 0 2px #fafafa}.minimap .cell.watched:after{content:"";border:1px dashed #ffffffb3;border-radius:5px;position:absolute;inset:3px}.minimap .cell.out{opacity:.35;filter:grayscale()}.minimap .who{color:#fafafa;font-size:10px;font-weight:800;line-height:1.1}.minimap .hp{background:#00000073;border-radius:2px;height:4px;display:block;overflow:hidden}.minimap .hp i{background:#fb7185;height:100%;display:block}.minimap .creeps{color:#fde68a;font-size:10px;font-weight:800;position:absolute;top:3px;right:4px}.minimap .center{background:#18181b;border-color:#3f3f46;justify-content:center;align-items:center}.minimap .center.live{border-color:#fb7185;animation:1.2s ease-in-out infinite duel-live}.minimap .center .tag{letter-spacing:.12em;color:#a1a1aa;font-size:9px;font-weight:800}.minimap .swords{background:linear-gradient(45deg,#0000 44%,#e4e4e7 44% 56%,#0000 56%),linear-gradient(-45deg,#0000 44%,#e4e4e7 44% 56%,#0000 56%);width:24px;height:24px}@keyframes duel-live{50%{box-shadow:0 0 14px #fb718599}}.toast{font-family:var(--font-display);text-shadow:0 2px 10px #0009;border-radius:999px;padding:2px 12px;font-size:15px;font-weight:900;animation:.25s ease-out toast-in}.toast.gold{color:#fde68a}.toast.win{color:#86efac;font-size:20px}.toast.loss{color:#fda4af}.toast.info{color:#e4e4e7}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)scale(.9)}}.out-card{text-align:center;padding:18px 22px;position:absolute;bottom:140px;left:50%;transform:translate(-50%)}.out-btn{color:#e4e4e7;border:1px solid #3f3f46;border-radius:12px;padding:10px 18px;font-weight:800}.out-btn.primary{color:#0c0c0f;background:#fafafa;border-color:#fafafa}.slot.empty{opacity:.4;border-style:dashed}#scene{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='9' fill='none' stroke='%2318181b' stroke-width='4'/%3E%3Ccircle cx='16' cy='16' r='9' fill='none' stroke='%23fafafa' stroke-width='2'/%3E%3Ccircle cx='16' cy='16' r='1.6' fill='%23fb7185'/%3E%3C/svg%3E") 16 16,crosshair}.combo{font-family:var(--font-display);color:#fafafa;text-shadow:0 4px 24px #0000008c;transform-origin:50%;font-size:54px;font-weight:900;position:absolute;top:38%;right:12%}.combo[data-tier="1"]{color:#fde68a}.combo[data-tier="2"]{color:#fb923c}.combo[data-tier="3"]{color:#f43f5e;font-size:66px}.combo.pop{animation:.18s ease-out combo-pop}@keyframes combo-pop{0%{transform:scale(1.45)}}.flash-wrap{width:max-content;max-width:94vw}.flash-wrap .banner{overflow-wrap:anywhere;font-size:clamp(2.25rem,10vw,3.75rem);line-height:1}.banner[data-grade=S]{color:#fde047;font-size:7rem}.banner[data-grade=A]{color:#86efac;font-size:6rem}.banner[data-grade=B]{color:#7dd3fc}.xp-fill{transition:width 1.2s cubic-bezier(.2,.8,.2,1)}.backer{color:#fde68a;background:#fde68a1f;border-radius:999px;padding:0 7px;font-size:10px;font-weight:700}.mastery-chip{color:#c4b5fd;letter-spacing:.04em;background:#a78bfa29;border:1px solid #a78bfa73;border-radius:4px;padding:0 5px;font-size:9px;font-weight:900}.stat{background:#18181bd9;border:1px solid #3f3f46;border-radius:10px;flex-direction:column;align-items:center;min-width:74px;padding:6px 10px;display:flex}.stat b{font-family:var(--font-display);color:#fafafa;font-size:20px;font-weight:900}.stat span{letter-spacing:.12em;color:#a1a1aa;font-size:9px;font-weight:800}.stat.mastery b{color:#c4b5fd}.stat.mastery.up{border-color:#a78bfa;box-shadow:0 0 16px #a78bfa80}.live-pill{color:#f4f4f5;background:#0c0c0f99;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:8px;width:-moz-fit-content;width:fit-content;padding:4px 12px;font-size:13px;font-weight:800;display:flex}.live-pill i{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:1.6s ease-in-out infinite live-blink;box-shadow:0 0 8px #22c55e}@keyframes live-blink{50%{opacity:.35}}.ladder{z-index:5;scrollbar-width:thin;inset-inline-end:20px;width:320px;padding:10px 12px;position:absolute;top:20px;bottom:20px;overflow-y:auto}.ladder-head{font-family:var(--font-display);color:#fafafa;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:18px;font-weight:900;display:flex}.ladder-close{width:30px;height:30px;font-family:var(--font-hud);color:#e4e4e7;background:#ffffff0f;border-radius:8px;place-items:center;font-size:14px;display:grid}.ladder-close:hover{background:#ffffff24}.ladder-row{color:#e4e4e7;border-radius:6px;align-items:center;gap:8px;padding:3px 4px;font-size:12px;font-weight:700;display:flex}.ladder-row b{text-align:right;font-variant-numeric:tabular-nums;width:40px}.ladder-row.me{background:#fde68a24;outline:1px solid #fde68a80}.rating-line{font-family:var(--font-display);color:#fafafa;align-items:baseline;gap:10px;margin-top:14px;font-size:22px;font-weight:900;display:flex}.rating-line em{font-size:16px;font-style:normal}.rating-line em.up{color:#4ade80}.rating-line em.down{color:#fb7185}.skill-plus{z-index:2;color:#1c1917;width:24px;height:24px;font-family:var(--font-display);pointer-events:auto;background:radial-gradient(circle at 40% 35%,#fef3c7,#f59e0b);border:2px solid #fde68a;border-radius:50%;place-items:center;font-size:18px;font-weight:900;line-height:1;animation:.9s ease-in-out infinite alternate plus-bob;display:grid;position:absolute;top:-12px;right:-10px;box-shadow:0 0 14px #fbbf24b3}.skill-plus:hover{filter:brightness(1.15)}.skill-plus.hero{border-radius:12px;align-self:center;width:auto;min-width:40px;height:40px;padding:0 8px;position:relative;top:auto;left:auto;transform:none}@keyframes plus-bob{to{margin-top:-4px}}.account-pill{color:#e4e4e7;background:#0c0c0f99;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:8px;width:-moz-fit-content;width:fit-content;padding:4px 6px 4px 12px;font-size:12px;font-weight:800;display:flex}.account-pill button{color:#fafafa;border:1px solid #52525b;border-radius:999px;padding:2px 10px;font-weight:800}.account-pill button.google{color:#18181b;background:#fafafa;border-color:#0000}.lobby-community{inset-inline-start:20px;flex-direction:column;gap:6px;display:flex;position:absolute;bottom:18px}.lobby-join{color:#fafafa;text-shadow:0 2px 8px #0009;font-size:15px;font-weight:800}.discord-btn{color:#fff;width:176px;font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;background:#5865f2;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:9px 14px;font-size:16px;font-weight:900;transition:transform .1s,filter .1s;display:flex;box-shadow:0 6px 18px #5865f273}.discord-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}.lobby-legal{inset-inline-end:22px;color:#d4d4d8;text-shadow:0 2px 8px #0009;align-items:center;gap:10px;font-size:13px;font-weight:700;display:flex;position:absolute;bottom:20px}.lobby-legal a:hover{color:#fff}.lobby-legal i{background:#ffffff59;width:1px;height:12px}.reveal{z-index:6;pointer-events:none;position:absolute;top:252px;right:16px}.reveal-card{border:2px solid var(--rar);background:radial-gradient(circle at 0% 50%, color-mix(in srgb, var(--rar) 30%, #0c0c0f), #0c0c0f 72%);width:284px;box-shadow:0 0 30px color-mix(in srgb, var(--rar) 55%, transparent), 0 12px 30px #0009;border-radius:16px;align-items:center;gap:12px;padding:12px 14px 12px 12px;animation:.45s cubic-bezier(.2,1.4,.4,1) both reveal-in;display:flex}.reveal-card.out{animation:.35s ease-in forwards reveal-out}.reveal-art{flex:none;place-items:center;width:84px;height:84px;animation:.7s ease-out both reveal-art;display:grid}.reveal-text{flex-direction:column;gap:2px;min-width:0;display:flex}.reveal-head{letter-spacing:.18em;color:var(--rar);font-size:10px;font-weight:900}.reveal-card.auto .reveal-head{color:#fbbf24}.reveal-name{font-family:var(--font-display);color:#fafafa;font-size:20px;font-weight:900;line-height:1.05}.reveal-line{text-transform:uppercase;color:var(--rar);font-size:11px;font-weight:800}.reveal-blurb{color:#d4d4d8;font-size:12px;line-height:1.3}@keyframes reveal-in{0%{opacity:0;transform:translate(70px)scale(.85)}}@keyframes reveal-out{to{opacity:0;transform:translate(-50px,-30px)scale(.6)}}@keyframes reveal-art{0%{filter:brightness(3);transform:scale(.3)rotate(-20deg)}60%{transform:scale(1.15)}}.gear-row.new{border-color:var(--rar);animation:.8s ease-in-out infinite alternate gear-new}.gear-row .new-tag{color:#0c0c0f;letter-spacing:.08em;background:#fde68a;border-radius:4px;flex:none;margin-left:auto;padding:0 4px;font-size:9px;font-weight:900}@keyframes gear-new{to{background:color-mix(in srgb, var(--rar) 24%, #18181bb3);box-shadow:0 0 14px color-mix(in srgb, var(--rar) 80%, transparent)}}.pick-timer.urgent{color:#fb7185;animation:1s ease-out infinite timer-urgent}@keyframes timer-urgent{0%{transform:scale(1.35)}}.coin-ico{vertical-align:-.12em;background:radial-gradient(circle,#0000 38%,#ffffff8c 40%,#0000 46%),radial-gradient(circle at 35% 30%,#e0f7ff,#38bdf8 45%,#075985);border-radius:50%;flex-shrink:0;width:.95em;height:.95em;margin-right:.28em;display:inline-block;box-shadow:inset 0 0 0 1px #075985b3,0 0 8px #38bdf873}.coin-ico.big{width:1.1em;height:1.1em}.coin-pill{font-family:var(--font-display);color:#e0f2fe;background:#0c0c0fb3;border:1px solid #38bdf873;border-radius:999px;align-items:center;padding:6px 14px;font-size:16px;font-weight:900;display:flex;box-shadow:0 0 18px #38bdf826}.lobby-top{inset-inline-end:20px;align-items:center;gap:10px;display:flex;position:absolute;top:18px}.profile-chip{background:#0c0c0fb3;border:1px solid #ffffff24;border-radius:12px;flex-direction:column;align-items:flex-end;padding:4px 14px;line-height:1.15;transition:border-color .15s,transform .15s;display:flex}.profile-chip:hover{border-color:#fff6;transform:translateY(-1px)}.pc-name{text-overflow:ellipsis;white-space:nowrap;color:#fafafa;max-width:150px;font-size:13px;font-weight:800;overflow:hidden}.pc-tier{font-size:11px;font-weight:800}.lobby-hero{inset-inline-end:22px;flex-direction:column;align-items:center;gap:8px;width:270px;display:flex;position:absolute;top:74px}.lobby-stage{background:radial-gradient(at 50% 75%,#fbbf2429,#0000 60%),linear-gradient(#18181b59,#0c0c0fbf);border:1px solid #ffffff1a;border-radius:18px;width:270px;height:330px;position:relative;overflow:hidden}.hero-preview{cursor:grab;touch-action:none;width:100%;height:100%;display:block}.hero-preview:active{cursor:grabbing}.lobby-hero-name{font-family:var(--font-display);flex-direction:column;align-items:center;font-size:15px;font-weight:900;line-height:1.2;display:flex}.lobby-hero-name span{font-family:var(--font-hud);color:#a1a1aa;font-size:11px;font-weight:700}.lobby-shop-row{gap:8px;width:100%;display:flex}.lobby-shop{font-family:var(--font-display);color:#1c1917;background:linear-gradient(135deg,#fde68a,#f59e0b 55%,#f97316);border-radius:14px;flex:1.6;justify-content:center;align-items:center;gap:8px;padding:12px 0;font-size:18px;font-weight:900;transition:transform .12s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 26px #f59e0b59}.lobby-shop:after{content:"";background:linear-gradient(110deg,#0000 35%,#ffffffa6 50%,#0000 65%);animation:3.2s ease-in-out infinite shop-shine;position:absolute;inset:0;transform:translate(-120%)}@keyframes shop-shine{60%,to{transform:translate(120%)}}.lobby-shop:hover,.lobby-locker:hover{transform:scale(1.04)}.lobby-locker{font-family:var(--font-display);color:#fafafa;background:#18181bd9;border:1px solid #52525b;border-radius:14px;flex:1;padding:12px 0;font-size:14px;font-weight:900;transition:transform .12s}.lobby-daily{inset-inline-start:20px;flex-direction:column;gap:8px;width:250px;padding:12px 14px;display:flex;position:absolute;top:112px}.daily-head{font-family:var(--font-display);color:#fafafa;justify-content:space-between;align-items:baseline;font-size:15px;font-weight:900;display:flex}.daily-head em{font-family:var(--font-hud);color:#71717a;font-size:11px;font-style:normal;font-weight:700}.daily-row{flex-direction:column;gap:3px;display:flex}.daily-text{color:#e4e4e7;justify-content:space-between;gap:6px;font-size:12px;font-weight:700;display:flex}.daily-text b{color:#7dd3fc;align-items:center;display:flex}.daily-bar{background:#27272a;border-radius:999px;height:6px;overflow:hidden}.daily-bar i{background:linear-gradient(90deg,#38bdf8,#7dd3fc);border-radius:999px;height:100%;display:block}.daily-count{color:#71717a;font-size:10px;font-weight:800}.daily-row.done .daily-text span{color:#86efac}.daily-row.done .daily-bar i{background:#4ade80}.daily-row.done .daily-count{color:#4ade80}.daily-row.bonus{border-top:1px solid #27272a;padding-top:6px}.daily-row.bonus.done span{color:#86efac;text-decoration:line-through}.ladder{z-index:5}.ladder-row[data-row]{cursor:pointer}.ladder-row[data-row]:hover{background:#ffffff0f}.shop{z-index:20;background:radial-gradient(at 20% 40%,#fbbf2414,#0000 55%),radial-gradient(at 80% 70%,#38bdf814,#0000 55%),#09090bf0;flex-direction:column;padding:18px 22px 20px;animation:.22s ease-out shop-in;display:flex;position:absolute;inset:0}@keyframes shop-in{0%{opacity:0;transform:scale(1.02)}}.shop-head{align-items:center;gap:14px;display:flex}.shop-title{font-family:var(--font-display);letter-spacing:-.02em;background:linear-gradient(#fff7d6,#f59e0b);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:30px;font-style:italic;font-weight:900}.shop-tabs{gap:4px;margin-left:8px;display:flex}.shop-tab{color:#a1a1aa;border-radius:10px;padding:7px 14px;font-size:13px;font-weight:800;transition:background .12s,color .12s}.shop-tab:hover{color:#fafafa;background:#ffffff0f}.shop-tab.on,.shop-tab.on:hover{color:#0c0c0f;background:#fafafa}.shop-tab.locker{border:1px solid #3f3f46;margin-left:auto}.shop-tab.locker.on{background:#38bdf8;border-color:#38bdf8}.shop-close{color:#e4e4e7;background:#ffffff0f;border-radius:10px;place-items:center;width:36px;height:36px;font-size:16px;font-weight:900;display:grid}.shop-close:hover{background:#ffffff24}.shop-body{flex:1;gap:22px;min-height:0;margin-top:16px;display:flex}.shop-left{flex-direction:column;flex-shrink:0;align-items:center;gap:8px;width:380px;display:flex}.shop-stage{background:radial-gradient(at 50% 80%,#fbbf242e,#0000 60%),linear-gradient(#18181b,#0c0c0f);border:1px solid #27272a;border-radius:20px;flex:1;width:100%;min-height:260px;max-height:460px;position:relative;overflow:hidden}.shop-name{font-family:var(--font-display);color:#fafafa;font-size:22px;font-weight:900}.shop-rarity{letter-spacing:.18em;min-height:16px;font-size:11px;font-weight:900}.shop-action{width:100%;font-family:var(--font-display);border-radius:14px;justify-content:center;align-items:center;gap:4px;padding:14px 0;font-size:20px;font-weight:900;transition:transform .12s,filter .12s;display:flex}.shop-action:hover:not(:disabled){transform:scale(1.03)}.shop-action.buy{color:#082f49;background:linear-gradient(135deg,#7dd3fc,#0ea5e9);box-shadow:0 8px 28px #0ea5e959}.shop-action.equip{color:#0c0c0f;background:#fafafa}.shop-action.off{color:#e4e4e7;background:#27272a}.shop-action:disabled{filter:grayscale(.8)brightness(.6);cursor:not-allowed}.shop-action.bought{animation:.5s ease-out bought-pop}@keyframes bought-pop{30%{transform:scale(1.08);box-shadow:0 0 60px #7dd3fccc}}.shop-note{color:#a1a1aa;text-align:center;min-height:16px;font-size:12px;font-weight:700}.shop-plate{background:linear-gradient(#27272ab3,#0c0c0fe6);border:2px solid #3f3f46;border-radius:12px;flex-direction:column;align-items:center;width:100%;padding:8px 12px;display:flex;position:relative}.plate-name{font-family:var(--font-display);color:#fafafa;font-size:18px;font-weight:900}.plate-title,.bet-title,.board-title,.profile-title{font-family:var(--font-hud);letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:800}.bet-title{font-size:10px;display:block}.bet.vs .bet-title{font-size:12px}.board-title{font-size:9px}.profile-title{margin-left:10px;font-size:12px}.shop-right{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.shop-timer{color:#fbbf24;min-height:16px;font-size:12px;font-weight:800}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));align-content:start;gap:12px;padding:4px 4px 12px;display:grid;overflow-y:auto}.shop-grid.big{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.shop-empty{text-align:center;color:#71717a;grid-column:1/-1;padding:40px;font-weight:700}.cos-card{border:2px solid color-mix(in srgb, var(--rar) 45%, #27272a);background:linear-gradient(180deg, color-mix(in srgb, var(--c1) 22%, #18181b), #0c0c0f 75%);text-align:left;border-radius:14px;flex-direction:column;transition:transform .14s,border-color .14s,box-shadow .14s;display:flex;position:relative;overflow:hidden}.cos-card:hover{border-color:var(--rar);box-shadow:0 10px 30px color-mix(in srgb, var(--rar) 30%, transparent);transform:translateY(-3px)}.cos-card.sel{box-shadow:0 0 0 2px #fafafa, 0 12px 36px color-mix(in srgb, var(--rar) 40%, transparent);border-color:#fafafa}.cos-card.legendary{box-shadow:0 0 24px #fbbf242e}.cos-card.legendary:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(115deg,#0000 40%,#fff7d647 50%,#0000 60%) 0 0/250% 100%;animation:3.4s linear infinite cos-sheen;position:absolute;inset:0}@keyframes cos-sheen{0%{background-position:130% 0}to{background-position:-130% 0}}.cos-card.bought{animation:.6s ease-out bought-pop}.cos-art{aspect-ratio:1;background:radial-gradient(circle at 50% 60%, color-mix(in srgb, var(--c2) 30%, transparent), transparent 70%);place-items:center;display:grid;position:relative}.cos-art img{object-fit:contain;pointer-events:none;width:100%;height:100%}.cos-glyph{filter:drop-shadow(0 0 14px var(--c2))}.cos-title{font-family:var(--font-display);text-align:center;text-transform:uppercase;text-shadow:0 0 18px;padding:10px;font-size:18px;font-weight:900}.cos-frame{background:linear-gradient(#27272acc,#0c0c0fe6);border:3px solid #3f3f46;border-radius:12px;width:62%;height:72%;display:block}.cos-name{color:#fafafa;padding:8px 10px 2px;font-size:13px;font-weight:800}.cos-foot{justify-content:space-between;align-items:center;padding:2px 10px 10px;display:flex}.cos-rar{letter-spacing:.16em;text-transform:uppercase;color:var(--rar);font-size:9px;font-weight:900}.cos-price{color:#e0f2fe;align-items:center;font-size:13px;font-weight:900;display:flex}.cos-price.short{color:#71717a}.cos-price s{color:#71717a;margin-left:5px;font-size:10px}.cos-own,.cos-on{letter-spacing:.12em;color:#a1a1aa;font-size:10px;font-weight:900}.cos-on{color:#4ade80}.cos-sale{z-index:2;color:#fff;background:#ef4444;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:900;position:absolute;top:8px;right:8px}.bet-side[data-frame],.shop-plate,.cos-frame{position:relative}.bet-side[data-frame=steel],.frame-steel{border-color:#d4d4d8!important;box-shadow:inset 0 0 0 1px #ffffff40,0 0 24px #d4d4d826!important}.bet-side[data-frame=neon],.frame-neon{animation:4s step-end infinite neon-flicker;border-color:#22d3ee!important;box-shadow:0 0 12px #22d3ee,0 0 30px #f0abfc99,inset 0 0 16px #22d3ee59!important}@keyframes neon-flicker{0%,to{filter:none}92%{filter:brightness(.6)}94%{filter:none}}.bet-side[data-frame=gold],.frame-gold,.bet-side[data-frame=prismatic],.frame-prismatic,.bet-side[data-frame=hellfire],.frame-hellfire,.bet-side[data-frame=glacier],.frame-glacier{border-color:#0000!important}.bet-side[data-frame=gold]:before,.frame-gold:before,.bet-side[data-frame=prismatic]:before,.frame-prismatic:before,.bet-side[data-frame=hellfire]:before,.frame-hellfire:before,.bet-side[data-frame=glacier]:before,.frame-glacier:before{content:"";border-radius:inherit;pointer-events:none;-webkit-mask-composite:xor;padding:3px;position:absolute;inset:-3px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.bet-side[data-frame=gold]:before,.frame-gold:before{background:linear-gradient(135deg,#fff7d6,#f59e0b 30%,#78350f 50%,#fbbf24 70%,#fff7d6) 0 0/200% 200%;animation:4s linear infinite gold-flow}.bet-side[data-frame=gold],.frame-gold{box-shadow:0 0 34px #fbbf2459!important}@keyframes gold-flow{to{background-position:200% 200%}}@property --fa{syntax:"<angle>";inherits:false;initial-value:0deg}.bet-side[data-frame=prismatic]:before,.frame-prismatic:before{background:conic-gradient(from var(--fa), #e879f9, #67e8f9, #fde047, #4ade80, #e879f9);animation:3s linear infinite prism-spin}.bet-side[data-frame=prismatic],.frame-prismatic{box-shadow:0 0 40px #e879f959,0 0 70px #67e8f933!important}@keyframes prism-spin{to{--fa:360deg}}.bet-side[data-frame=hellfire]:before,.frame-hellfire:before{background:linear-gradient(#450a0a,#b91c1c 40%,#f97316 70%,#fde047) 0 0/100% 200%;animation:1.6s ease-in-out infinite alternate hell-flow}.bet-side[data-frame=hellfire],.frame-hellfire{box-shadow:0 14px 40px #f973168c,inset 0 -30px 40px -20px #f9731659!important}@keyframes hell-flow{to{background-position:0 100%}}.bet-side[data-frame=glacier]:before,.frame-glacier:before{background:linear-gradient(160deg,#fff,#7dd3fc 35%,#0c4a6e 55%,#bae6fd 80%,#fff)}.bet-side[data-frame=glacier],.frame-glacier{box-shadow:0 0 30px #7dd3fc73,inset 0 0 30px #bae6fd29!important}.chat{z-index:30;pointer-events:none;flex-direction:column;gap:6px;width:380px;display:flex;position:absolute;bottom:16px;left:16px}.chat-log{flex-direction:column;gap:2px;display:flex}.chat.open .chat-log{pointer-events:auto;background:#0c0c0fb8;border-radius:10px;padding:6px 8px}.chat-line{color:#f4f4f5;text-shadow:0 1px 2px #000c;background:#0c0c0f8c;border-radius:8px;align-items:baseline;gap:6px;width:-moz-fit-content;width:fit-content;max-width:100%;padding:2px 8px;font-size:13px;font-weight:600;transition:opacity .3s;display:flex}.chat.open .chat-line{background:0 0}.chat-line b{flex-shrink:0;font-weight:800}.chat-line span{overflow-wrap:anywhere}.chat-line span.quick{color:#fde68a;font-weight:800}.chat-line.mine b:after{content:" (you)";color:#71717a;font-weight:600}.chat-line.system span{color:#a1a1aa;font-style:italic}.chat-line.muted{display:none!important}.chat-mute{color:#a1a1aa;background:#27272a;border-radius:6px;margin-left:4px;padding:0 6px;font-size:10px;font-weight:800;display:none}.chat.open .chat-line:hover .chat-mute{display:inline-block}.chat-bar{pointer-events:auto;flex-direction:column;gap:6px;display:flex}.chat-quick{flex-wrap:wrap;gap:4px;display:flex}.chat-chip{color:#fafafa;background:#27272aeb;border:1px solid #52525b;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:800}.chat-chip:hover{color:#fde68a;border-color:#fde68a}.chat-input{color:#fafafa;background:#0c0c0feb;border:1px solid #71717a;border-radius:10px;outline:none;width:100%;padding:9px 12px;font-size:14px;font-weight:600}.chat-input:focus{border-color:#fafafa}.replay{z-index:25;pointer-events:none;position:absolute;inset:0}.replay-bar{background:#000;height:9vh;position:absolute;left:0;right:0}.replay-bar.top{top:0}.replay-bar.bottom{bottom:0}.replay.enter .replay-bar.top{animation:.35s ease-out bar-top}.replay.enter .replay-bar.bottom{animation:.35s ease-out bar-bottom}@keyframes bar-top{0%{transform:translateY(-100%)}}@keyframes bar-bottom{0%{transform:translateY(100%)}}.replay-tag{font-family:var(--font-display);color:#fafafa;text-shadow:0 2px 12px #000c;align-items:center;gap:10px;font-size:22px;font-style:italic;font-weight:900;display:flex;position:absolute;top:calc(9vh + 14px);left:28px}.replay-tag:before{content:"";background:#ef4444;border-radius:50%;width:12px;height:12px;animation:1s ease-in-out infinite live-blink;box-shadow:0 0 12px #ef4444}.replay.slow .replay-tag:after{content:"SLOW-MO";background:#ffffff24;border-radius:6px;margin-left:6px;padding:2px 8px;font-size:12px;font-style:normal}.replay-caption{font-family:var(--font-display);text-shadow:0 4px 20px #000c;white-space:nowrap;align-items:baseline;gap:10px;font-size:30px;font-weight:900;display:flex;position:absolute;bottom:calc(9vh + 18px);left:50%;transform:translate(-50%)}.replay-caption span{font-family:var(--font-hud);letter-spacing:.2em;text-transform:uppercase;color:#d4d4d8;font-size:14px;font-weight:800}.potg-card{z-index:26;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.potg-card.enter{animation:1.6s ease-out forwards potg-in}@keyframes potg-in{0%{opacity:0;transform:translate(-50%,-50%)scale(1.25)}18%{opacity:1;transform:translate(-50%,-50%)scale(1)}82%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(.96)}}.potg-kicker{font-family:var(--font-display);letter-spacing:.3em;color:#fde68a;text-shadow:0 0 24px #fde68a99;font-size:22px;font-weight:900}.potg-name{font-family:var(--font-display);color:var(--c);text-shadow:0 0 40px var(--c), 0 8px 30px #000000b3;font-size:clamp(54px,8vw,120px);font-style:italic;font-weight:900;line-height:1}.potg-hero{letter-spacing:.3em;text-transform:uppercase;color:#e4e4e7;margin-top:6px;font-size:16px;font-weight:800}.results-coins{flex-direction:column;align-items:center;gap:6px;margin-top:14px;display:flex}.coins-total{font-family:var(--font-display);color:#7dd3fc;text-shadow:0 0 20px #38bdf880;align-items:center;font-size:30px;font-weight:900;animation:.6s ease-out bought-pop;display:flex}.coins-lines{color:#a1a1aa;flex-wrap:wrap;justify-content:center;gap:4px 14px;font-size:12px;font-weight:700;display:flex}.coins-lines b{color:#e0f2fe}.challenge-done{color:#86efac;background:#4ade8026;border:1px solid #4ade8080;border-radius:999px;padding:4px 14px;font-size:12px;font-weight:900;animation:.6s ease-out bought-pop}.challenge-row{gap:6px;display:flex}.challenge-chip{color:#a1a1aa;background:#18181b;border:1px solid #3f3f46;border-radius:999px;padding:2px 10px;font-size:11px;font-weight:700}.results-name{cursor:pointer}.results-name:hover{text-decoration:underline}.profile{z-index:22;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#09090bb3;place-items:center;display:grid;position:absolute;inset:0}.profile-card{flex-direction:column;width:min(760px,100vw - 32px);max-height:calc(100vh - 60px);padding:22px 24px;display:flex;position:relative}.profile-card .shop-close{position:absolute;top:14px;right:14px}.profile-body{flex-direction:column;gap:14px;min-height:0;display:flex}.profile-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 16px;margin-right:44px;display:flex}.profile-name{font-family:var(--font-display);color:#fafafa;align-items:baseline;font-size:28px;font-weight:900;display:flex}.profile-tier{color:#e4e4e7;align-items:baseline;gap:8px;font-size:14px;font-weight:800;display:flex}.profile-tier b{font-family:var(--font-display);font-size:18px}.profile-tier i{color:#71717a;font-style:normal}.profile-stats{flex-wrap:wrap;gap:6px;display:flex}.profile-graph{width:100%;height:90px}.profile-graph.empty{color:#71717a;background:#18181b;border-radius:10px;place-items:center;height:60px;font-size:12px;font-weight:700;display:grid}.profile-heroes{flex-wrap:wrap;gap:6px;display:flex}.profile-hero{background:#18181b;border:1px solid #27272a;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:flex}.profile-hero b{color:#fafafa}.profile-hero span{color:#71717a;font-weight:700}.profile-head{font-family:var(--font-display);color:#a1a1aa;font-size:14px;font-weight:900}.match-list{flex-direction:column;gap:4px;min-height:0;display:flex;overflow-y:auto}.match-row{color:#e4e4e7;background:#18181b;border-radius:10px;grid-template-columns:46px 140px 1fr 52px 56px 76px;align-items:center;gap:10px;padding:6px 10px;font-size:12px;font-weight:700;display:grid}.match-place{font-family:var(--font-display);color:#a1a1aa;font-size:15px;font-weight:900}.match-place.top{color:#e4e4e7}.match-place.first{color:#fde68a}.match-hero{align-items:center;gap:6px;display:flex}.match-hero i,.match-num i,.match-delta i{color:#71717a;font-size:9px;font-style:normal;font-weight:700;display:block}.match-build{flex-wrap:wrap;gap:3px;display:flex}.match-num,.match-delta{text-align:right;font-variant-numeric:tabular-nums}.match-delta em,.rating-line em.flat{font-style:normal;font-weight:900}.match-delta em.up{color:#4ade80}.match-delta em.down{color:#f87171}.match-delta em.flat,.rating-line em.flat{color:#71717a;font-size:11px}.title-word{font-size:clamp(64px,12vw,190px)}.lobby-corner{inset-inline-start:20px;top:20px}@media (max-width:600px) and (orientation:portrait){.title-play{padding-inline:40px}.lobby-hero{top:auto;inset-inline:16px;width:auto;bottom:104px}.lobby-stage,.lobby-daily{display:none}.lobby-top{gap:6px;inset-inline-end:16px}.lobby-corner{top:66px;flex-direction:row;align-items:center;inset-inline-start:16px}.lobby-top .pc-name{text-overflow:ellipsis;white-space:nowrap;max-width:96px;overflow:hidden}.lobby-community{inset-inline-start:16px}.lobby-legal{gap:8px;font-size:12px;inset-inline-end:16px}.hero-pick{scrollbar-width:thin;justify-content:flex-start;padding:20px 0 24px;overflow-y:auto}.hero-pick-title{font-size:28px}.hero-grid .hero-name{font-size:11px}.hero-grid{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;padding-inline:16px}.shop{padding:14px 16px 16px}.shop-head{flex-wrap:wrap;gap:8px 10px}.shop-title{font-size:24px}.shop-head .coin-pill{margin-left:auto}.shop-tabs{scrollbar-width:none;order:5;width:100%;margin-left:0;overflow-x:auto}.shop-tab{flex-shrink:0}.shop-body{flex-direction:column;gap:10px;margin-top:10px}.shop-left{gap:6px;width:100%}.shop-stage{flex:none;height:200px;min-height:0}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.shop-grid.big{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-card{scrollbar-width:thin;max-height:calc(100vh - 32px);padding:18px 16px;overflow-y:auto}.profile-top{flex-direction:column;align-items:flex-start}.profile-top>:first-child{max-width:100%}.profile-name{overflow-wrap:anywhere;flex-wrap:wrap;font-size:24px}.match-row{grid-template-columns:40px minmax(0,1fr) auto}.match-build,.match-num{display:none}.ladder{inset-inline:12px;width:auto;top:12px;bottom:12px}}@media (max-height:500px) and (orientation:landscape){.title-word{font-size:clamp(44px,15vh,80px)}.title-main{gap:6px;margin-top:16px}.title-play{padding:10px 36px;font-size:22px}.lobby-daily,.lobby-join{display:none}.lobby-hero{top:66px;gap:6px;width:200px;inset-inline-end:16px}.lobby-stage{width:200px;height:150px}.lobby-shop,.lobby-locker{padding-block:8px}.lobby-community{inset-inline-start:16px;bottom:12px}.lobby-legal{inset-inline-end:16px;font-size:12px;bottom:14px}.hero-pick{scrollbar-width:thin;justify-content:flex-start;padding:12px 0 16px;overflow-y:auto}.hero-pick-title{margin-bottom:8px;font-size:24px}.hero-grid{grid-template-columns:repeat(5,minmax(0,1fr));width:100%;padding-inline:16px}.shop{padding:10px 16px 12px}.shop-head{gap:8px}.shop-title{font-size:22px}.shop-tabs{scrollbar-width:none;flex:1;min-width:0;overflow-x:auto}.shop-tab{flex-shrink:0;padding:6px 10px}.shop-tab.locker{margin-left:0}.shop-body{gap:12px;margin-top:10px}.shop-left{width:240px}.shop-stage{min-height:0}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.profile-card{scrollbar-width:thin;max-height:calc(100vh - 24px);padding:14px 18px;overflow-y:auto}.ladder{top:12px;bottom:12px}}@media (max-width:600px) and (orientation:portrait),(max-height:500px) and (orientation:landscape){.hero-grid .class-card{width:auto}.hero-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;overflow:hidden}.hero-kit{zoom:.72}.shop{background-color:#09090b}}.lang-btn{color:#e4e4e7;background:#0c0c0f99;border:1px solid #ffffff1f;border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:5px 12px;font-size:13px;font-weight:700;display:inline-flex}.lang-btn:hover{color:#fff;background:#0c0c0fcc}.lang-pick{z-index:70;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#09090bbf;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.lang-box{background:linear-gradient(180deg, var(--color-brand-tyrian), var(--color-brand-indigo));border:1px solid #ffffff1a;border-radius:18px;width:min(560px,100%);padding:16px}.lang-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.lang-head h2{font-family:var(--font-display);color:#fafafa;margin:0;font-size:20px;font-weight:900}.lang-close{color:#e4e4e7;background:#ffffff14;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.lang-list{overscroll-behavior:contain;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;max-height:min(64vh,520px);display:grid;overflow-y:auto}.lang-item{color:#fafafa;text-align:start;background:#00000040;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;align-items:flex-start;gap:1px;min-width:0;padding:8px 12px;display:flex}.lang-item b{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:15px;overflow:hidden}.lang-item i{color:#a1a1aa;font-size:12px;font-style:normal}.lang-item.on{border-color:var(--color-brand-gold);background:#f99d1b24}.ad-slot{pointer-events:auto;background:repeating-linear-gradient(135deg,#12354e8c 0 12px,#0512308c 12px 24px);border-radius:8px;outline:1px dashed #ffffff59;flex:none;place-items:center;max-width:calc(100vw - 32px);display:grid;position:relative;overflow:hidden}.ad-mark{top:0;color:#fff;letter-spacing:.08em;text-transform:uppercase;background:#000000b8;border-end-end-radius:6px;padding:1px 7px;font:700 11px/1.4 system-ui,sans-serif;position:absolute;inset-inline-start:0}.ad-what{color:#fff9;letter-spacing:.06em;font-size:12px;font-weight:700}.title-main>.ad-menu{margin-top:10px}.ad-rewarded{width:220px;height:44px;margin-top:10px}.ad-break{z-index:60;background:var(--color-brand-black);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:16px;display:flex;position:fixed;inset:0}.ad-interstitial{aspect-ratio:16/10;width:min(640px,100%)}.ad-continue{background:var(--color-brand-gold);color:var(--color-brand-black);font-family:var(--font-display);border-radius:14px;padding:12px 36px;font-size:18px;font-weight:900}