@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,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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-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-duration:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, 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-emerald-300:oklch(84.5% .143 164.978);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-cyan-100:oklch(95.6% .045 203.388);--color-cyan-200:oklch(91.7% .08 205.041);--color-cyan-400:oklch(78.9% .154 211.53);--color-violet-100:oklch(94.3% .029 294.588);--color-violet-300:oklch(81.1% .111 293.571);--color-violet-400:oklch(70.2% .183 293.541);--color-violet-500:oklch(60.6% .25 292.717);--color-rose-100:oklch(94.1% .03 12.58);--color-rose-300:oklch(81% .117 11.638);--color-rose-400:oklch(71.2% .194 13.428);--color-rose-500:oklch(64.5% .246 16.439);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-900:oklch(20.8% .042 265.755);--color-slate-950:oklch(12.9% .042 264.695);--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);--font-weight-medium:500;--font-weight-semibold:600;--radius-lg:.5rem;--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)}}@layer base{*,:after,:before,::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,ui-sans-serif, system-ui, 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;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{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{.visible{visibility:visible}.mx-auto{margin-inline:auto}.-mt-2{margin-top:calc(var(--spacing) * -2)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-3\.5{margin-top:calc(var(--spacing) * 3.5)}.mt-4{margin-top:calc(var(--spacing) * 4)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-auto{height:auto}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-7{width:calc(var(--spacing) * 7)}.w-10{width:calc(var(--spacing) * 10)}.w-\[clamp\(14rem\,30vw\,24rem\)\]{width:clamp(14rem,30vw,24rem)}.w-full{width:100%}.max-w-full{max-width:100%}.shrink-0{flex-shrink:0}.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}.appearance-none{appearance:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.gap-0{gap:calc(var(--spacing) * 0)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.rounded-\[8px\]{border-radius:8px}.rounded-\[12px\]{border-radius:12px}.rounded-\[14px\]{border-radius:14px}.rounded-\[16px\]{border-radius:16px}.rounded-\[20px\]{border-radius:20px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-none{border-radius:0}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-emerald-400{border-color:var(--color-emerald-400)}.border-emerald-400\/20{border-color:#00d29433}@supports (color:color-mix(in lab,red,red)){.border-emerald-400\/20{border-color:color-mix(in oklab,var(--color-emerald-400) 20%,transparent)}}.border-rose-400\/20{border-color:#ff667f33}@supports (color:color-mix(in lab,red,red)){.border-rose-400\/20{border-color:color-mix(in oklab,var(--color-rose-400) 20%,transparent)}}.border-rose-500\/20{border-color:#ff235733}@supports (color:color-mix(in lab,red,red)){.border-rose-500\/20{border-color:color-mix(in oklab,var(--color-rose-500) 20%,transparent)}}.border-transparent{border-color:#0000}.border-violet-400\/25{border-color:#a685ff40}@supports (color:color-mix(in lab,red,red)){.border-violet-400\/25{border-color:color-mix(in oklab,var(--color-violet-400) 25%,transparent)}}.border-violet-400\/30{border-color:#a685ff4d}@supports (color:color-mix(in lab,red,red)){.border-violet-400\/30{border-color:color-mix(in oklab,var(--color-violet-400) 30%,transparent)}}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.bg-emerald-400{background-color:var(--color-emerald-400)}.bg-emerald-500\/10{background-color:#00bb7f1a}@supports (color:color-mix(in lab,red,red)){.bg-emerald-500\/10{background-color:color-mix(in oklab,var(--color-emerald-500) 10%,transparent)}}.bg-rose-500\/8{background-color:#ff235714}@supports (color:color-mix(in lab,red,red)){.bg-rose-500\/8{background-color:color-mix(in oklab,var(--color-rose-500) 8%,transparent)}}.bg-rose-500\/10{background-color:#ff23571a}@supports (color:color-mix(in lab,red,red)){.bg-rose-500\/10{background-color:color-mix(in oklab,var(--color-rose-500) 10%,transparent)}}.bg-slate-950\/40{background-color:#02061866}@supports (color:color-mix(in lab,red,red)){.bg-slate-950\/40{background-color:color-mix(in oklab,var(--color-slate-950) 40%,transparent)}}.bg-slate-950\/50{background-color:#02061880}@supports (color:color-mix(in lab,red,red)){.bg-slate-950\/50{background-color:color-mix(in oklab,var(--color-slate-950) 50%,transparent)}}.bg-slate-950\/55{background-color:#0206188c}@supports (color:color-mix(in lab,red,red)){.bg-slate-950\/55{background-color:color-mix(in oklab,var(--color-slate-950) 55%,transparent)}}.bg-slate-950\/60{background-color:#02061899}@supports (color:color-mix(in lab,red,red)){.bg-slate-950\/60{background-color:color-mix(in oklab,var(--color-slate-950) 60%,transparent)}}.bg-slate-950\/70{background-color:#020618b3}@supports (color:color-mix(in lab,red,red)){.bg-slate-950\/70{background-color:color-mix(in oklab,var(--color-slate-950) 70%,transparent)}}.bg-transparent{background-color:#0000}.bg-violet-500\/12{background-color:#8d54ff1f}@supports (color:color-mix(in lab,red,red)){.bg-violet-500\/12{background-color:color-mix(in oklab,var(--color-violet-500) 12%,transparent)}}.bg-\[radial-gradient\(circle_at_top_left\,rgba\(34\,211\,238\,0\.12\)\,transparent_30\%\)\,linear-gradient\(180deg\,rgba\(15\,23\,42\,0\.92\)\,rgba\(2\,6\,23\,0\.92\)\)\]{background-image:radial-gradient(circle at 0 0,#22d3ee1f,#0000 30%),linear-gradient(#0f172aeb,#020617eb)}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing) * 0)}.p-1{padding:calc(var(--spacing) * 1)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pr-2\.5{padding-right:calc(var(--spacing) * 2.5)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pl-1\.5{padding-left:calc(var(--spacing) * 1.5)}.pl-1\.75{padding-left:calc(var(--spacing) * 1.75)}.text-left{text-align:left}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\!text-\[0\.75rem\]{font-size:.75rem!important}.text-\[0\.68rem\]{font-size:.68rem}.text-\[0\.72rem\]{font-size:.72rem}.\!leading-none{--tw-leading:1!important;line-height:1!important}.leading-none{--tw-leading:1;line-height:1}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.text-cyan-200{color:var(--color-cyan-200)}.text-emerald-300{color:var(--color-emerald-300)}.text-rose-100{color:var(--color-rose-100)}.text-rose-300{color:var(--color-rose-300)}.text-slate-100{color:var(--color-slate-100)}.text-slate-200{color:var(--color-slate-200)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-950{color:var(--color-slate-950)}.text-violet-100{color:var(--color-violet-100)}.text-violet-300{color:var(--color-violet-300)}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab,red,red)){.text-white\/70{color:color-mix(in oklab,var(--color-white) 70%,transparent)}}.shadow-\[0_0_16px_rgba\(124\,58\,237\,0\.08\)\]{--tw-shadow:0 0 16px var(--tw-shadow-color,#7c3aed14);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_12px_40px_rgba\(0\,0\,0\,0\.28\)\]{--tw-shadow:0 12px 40px var(--tw-shadow-color,#00000047);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + 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}.backdrop-blur{--tw-backdrop-blur:blur(8px);-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-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.outline-none{--tw-outline-style:none;outline-style:none}@media(hover:hover){.group-hover\:scale-\[1\.01\]:is(:where(.group):hover *){scale:1.01}}.group-active\:scale-\[0\.99\]:is(:where(.group):active *){scale:.99}.placeholder\:text-slate-500::placeholder{color:var(--color-slate-500)}@media(hover:hover){.hover\:border-violet-300\/55:hover{border-color:#c4b4ff8c}@supports (color:color-mix(in lab,red,red)){.hover\:border-violet-300\/55:hover{border-color:color-mix(in oklab,var(--color-violet-300) 55%,transparent)}}.hover\:bg-emerald-300:hover{background-color:var(--color-emerald-300)}.hover\:bg-slate-900\/70:hover{background-color:#0f172bb3}@supports (color:color-mix(in lab,red,red)){.hover\:bg-slate-900\/70:hover{background-color:color-mix(in oklab,var(--color-slate-900) 70%,transparent)}}.hover\:bg-violet-500\/22:hover{background-color:#8d54ff38}@supports (color:color-mix(in lab,red,red)){.hover\:bg-violet-500\/22:hover{background-color:color-mix(in oklab,var(--color-violet-500) 22%,transparent)}}.hover\:bg-white\/5:hover{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/5:hover{background-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.hover\:text-white:hover{color:var(--color-white)}}.focus\:border-cyan-400\/70:focus{border-color:#00d2efb3}@supports (color:color-mix(in lab,red,red)){.focus\:border-cyan-400\/70:focus{border-color:color-mix(in oklab,var(--color-cyan-400) 70%,transparent)}}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + 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)}.focus-visible\:ring-cyan-400:focus-visible{--tw-ring-color:var(--color-cyan-400)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}.data-\[state\=active\]\:animate-\[tabContentIn_240ms_cubic-bezier\(0\.22\,1\,0\.36\,1\)\][data-state=active]{animation:.24s cubic-bezier(.22,1,.36,1) tabContentIn}.data-\[state\=active\]\:border-violet-300[data-state=active]{border-color:var(--color-violet-300)}.data-\[state\=active\]\:bg-cyan-400\/15[data-state=active]{background-color:#00d2ef26}@supports (color:color-mix(in lab,red,red)){.data-\[state\=active\]\:bg-cyan-400\/15[data-state=active]{background-color:color-mix(in oklab,var(--color-cyan-400) 15%,transparent)}}.data-\[state\=active\]\:bg-transparent[data-state=active]{background-color:#0000}.data-\[state\=active\]\:text-cyan-100[data-state=active]{color:var(--color-cyan-100)}.data-\[state\=active\]\:text-slate-50[data-state=active]{color:var(--color-slate-50)}@media(min-width:40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:pl-2{padding-left:calc(var(--spacing) * 2)}}@media(min-width:48rem){.md\:col-span-2{grid-column:span 2/span 2}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:64rem){.lg\:flex-row{flex-direction:row}.lg\:items-end{align-items:flex-end}.lg\:justify-between{justify-content:space-between}}@media(min-width:80rem){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.xl\:grid-cols-\[320px_minmax\(0\,1fr\)\]{grid-template-columns:320px minmax(0,1fr)}}}:root{--color-background:#07111c;--color-foreground:#e6f6ff;--color-card:#0b1523;--color-card-foreground:#e6f6ff;--color-popover:#0f1a2c;--color-popover-foreground:#e6f6ff;--color-primary:#1fd28c;--color-primary-foreground:#04151e;--color-secondary:#15263b;--color-secondary-foreground:#d6ebf6;--color-muted:#122033;--color-muted-foreground:#8ea5b8;--color-accent:#132742;--color-accent-foreground:#f5fbff;--color-destructive:#ff5f6d;--color-border:#97b1c52e;--color-input:#97b1c52e;--color-ring:#00d5ff;--radius:.875rem;color:var(--color-foreground);color-scheme:dark;background:radial-gradient(circle at top,#16396280,#0000 35%),linear-gradient(#09131f,#07111c);font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--color-foreground);scrollbar-color:#6a72a4c7 #07131feb;scrollbar-width:thin;background:0 0;margin:0}#root{min-height:100vh}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#07131feb}::-webkit-scrollbar-thumb{background:#6a72a4d1 padding-box padding-box;border:2px solid #07131feb;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#7981b3e6}::-webkit-scrollbar-thumb:active{background:#8a91c0f2}::-webkit-scrollbar-corner{background:#07131feb}a{color:inherit;text-decoration:none}button,input,select{font:inherit}@keyframes tabContentIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes matchDetailsIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes loadingOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes loadingSpinnerPulse{0%{filter:drop-shadow(0 0 #1fd28c00);transform:rotate(0)scale(.96)}50%{filter:drop-shadow(0 0 14px #1fd28c3d);transform:rotate(180deg)scale(1)}to{filter:drop-shadow(0 0 #1fd28c00);transform:rotate(360deg)scale(.96)}}.dashboard-tab-content{transform-origin:top;will-change:transform,opacity;box-shadow:none!important;border:0!important;outline:none!important}.dashboard-tab-content:focus,.dashboard-tab-content:focus-visible,.dashboard-tab-content:focus-within,.st-key-dashboard_tab_panel,.st-key-dashboard_tab_panel:focus,.st-key-dashboard_tab_panel:focus-visible,.st-key-dashboard_tab_panel:focus-within{box-shadow:none!important;border:0!important;outline:none!important}.match-details-enter{transform-origin:top;will-change:transform,opacity;animation:.26s cubic-bezier(.22,1,.36,1) matchDetailsIn}.match-details-shell{position:relative}.loading-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:80;background:#03080eb8;justify-content:center;align-items:center;animation:.16s ease-out loadingOverlayIn;display:flex;position:fixed;inset:0}.loading-overlay-card{color:#e7f6ff;background:linear-gradient(#0a141ffa,#07111cfa);border:1px solid #7c3aed47;border-radius:18px;align-items:center;gap:.9rem;max-width:min(92vw,360px);padding:1rem 1.1rem;display:flex;box-shadow:0 24px 60px #0000006b}.match-details-overlay{opacity:0;pointer-events:none;z-index:14;background:#03080e8f;justify-content:center;align-items:flex-start;padding-top:.85rem;transition:opacity .18s,transform .18s;display:flex;position:absolute;inset:0;transform:translateY(8px)}.match-details-overlay.is-active{opacity:1;pointer-events:all;transform:translateY(0)}.match-details-overlay-card{transform:translateY(0)}.match-details-overlay.is-visible{opacity:1;pointer-events:all;transform:translateY(0)}.loading-overlay-card strong{letter-spacing:.01em;font-size:1rem;font-weight:800;display:block}.loading-overlay-card p{color:#8ea5b8;margin:.18rem 0 0;font-size:.88rem}.loading-overlay-spinner{color:#1fd28c;flex:none;animation:1.1s linear infinite loadingSpinnerPulse}.game-stats-details{overflow:clip}.search-panel-shell{background:linear-gradient(#101b2b,#0b1523);border:1px solid #7c3aed42;border-radius:8px;padding:.45rem .7rem .35rem;box-shadow:inset 0 1px #ffffff0a,0 0 18px #7c3aed14}.search-grid{grid-template-columns:minmax(0,2.9fr) minmax(0,1.25fr) minmax(0,1.25fr) minmax(0,.8fr);align-items:end;gap:.6rem;display:grid}.field{min-width:0}.field-riot{position:relative}.field-label{color:#9fb4c5;margin-bottom:.28rem;font-size:.82rem;font-weight:700;display:block}.field-label-spacer{opacity:0;-webkit-user-select:none;user-select:none}.search-input-wrap{position:relative}.search-input,.select-trigger,.search-submit{min-height:2.15rem}.search-input,.select-trigger{appearance:none;box-sizing:border-box;color:#e7f6ff;background:#07131f;border:1px solid #97b1c52e;border-radius:8px;outline:none;width:100%;font-family:inherit;font-size:.92rem;line-height:1.2}.search-input{padding:.36rem 2.05rem .36rem .72rem}.search-input:focus,.select-trigger:focus{border-color:#00d5ff;box-shadow:0 0 0 1px #00d5ff38}.search-input::placeholder{color:#89a6b9}.search-clear{color:#7f95a7;cursor:pointer;opacity:0;background:0 0;border:0;justify-content:center;align-items:center;width:1.25rem;height:100%;padding:0;font-size:1rem;transition:opacity .12s,color .12s;display:inline-flex;position:absolute;top:0;right:.58rem}.search-input-wrap.has-value .search-clear{opacity:1}.search-clear:hover{color:#f4fbff}.search-dropdown,.select-dropdown{z-index:1000;background:#07131ffa;border:1px solid #97b1c52e;border-radius:8px;max-height:14rem;margin-top:.36rem;padding:.35rem;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 18px 35px #040a126b}.select-shell{position:relative}.select-trigger{cursor:pointer;text-align:left;justify-content:space-between;align-items:center;width:100%;padding:.36rem .72rem;display:flex;position:relative}.select-trigger:after{content:"";border-top:6px solid #9fb4c5;border-left:5px solid #0000;border-right:5px solid #0000;flex:none;margin-left:.65rem;display:block}.select-trigger-label{color:#e7f6ff;text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;display:block;overflow:hidden}.search-option{color:#d9e6ef;cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:.55rem;padding:.5rem .65rem;font-size:.92rem;font-weight:650;display:flex}.search-option:hover,.search-option.active{color:#fff;background:#a78bfa29}.search-option-tag{color:#8ca4b5;letter-spacing:.04em;text-transform:uppercase;font-size:.74rem;font-weight:700}.search-empty{color:#7f95a7;padding:.45rem .65rem;font-size:.82rem}.search-submit{color:#03131d;cursor:pointer;background:#1fd28c;border:1px solid #1fd28c;border-radius:8px;width:100%;padding:.18rem .75rem;font-family:inherit;font-size:.875rem;font-weight:400;line-height:1.35;transition:background-color .12s,border-color .12s}.search-submit:hover{background:#19bb7c;border-color:#19bb7c}.search-submit:focus-visible{outline:none;box-shadow:0 0 0 .2rem #1fd28c59}[data-testid=stMetric]{background:#07131f;border:1px solid #7c3aed57;border-radius:8px;padding:.6rem .85rem;box-shadow:inset 0 1px #ffffff0a,0 0 18px #7c3aed1f}.metric-card-content{flex-direction:column;gap:.12rem;padding:0;display:flex}[data-testid=stMetricLabel]{color:#8fb8cb;margin-bottom:.18rem;font-size:.76rem;line-height:1.05}[data-testid=stMetricDelta]{color:#b7c7d6;margin-top:.24rem;font-size:.68rem;line-height:1.15}.metric-card-detail{overflow-wrap:anywhere}.player-header{text-align:center;flex-direction:column;align-items:center;gap:.35rem;display:flex}.player-header img{border-radius:12px;width:4.25rem;height:4.25rem}.player-header strong,.player-header span{display:block}.player-header strong{color:#f4fbff;font-size:1rem;font-weight:800}.player-header span{color:#8fb8cb;margin-top:.12rem;font-size:.78rem}.live-game-heading{color:#f4fbff;margin:.05rem 0 .55rem;font-size:1.18rem;font-weight:800;line-height:1.2}.live-game-heading span{color:#a9bed0;text-transform:uppercase;margin-left:.45rem;font-size:.82rem;font-weight:800}.live-player-card{background:#07131f;border:1px solid #7c3aed47;border-radius:8px;align-items:center;gap:.75rem;min-height:7.35rem;margin:.5rem 0;padding:.9rem 1.05rem 1rem;display:flex;position:relative;overflow:hidden}.live-player-card-active{background:linear-gradient(#d99a1e1f,#07131f 72%);border-color:#d99a1ead;box-shadow:0 0 0 1px #d99a1e38,0 0 14px #d99a1e33}.live-player-card.team-blue.live-player-card-active,.live-player-card.team-red.live-player-card-active{background:linear-gradient(#d99a1e1f,#07131f 72%);border-color:#d99a1ead;box-shadow:0 0 0 1px #d99a1e38,0 0 14px #d99a1e33}.live-icons{flex:none;align-items:center;gap:.38rem;display:flex}.live-champion-icon{object-fit:cover;border-radius:8px;width:3.55rem;height:3.55rem}.live-player-copy{flex-direction:column;flex:auto;justify-content:center;min-width:0;display:flex}.live-player-copy p{color:#a9bfd0;margin:0;font-size:.78rem;line-height:1.32}.live-player-link{font-size:1rem;font-weight:800;line-height:1.2}.live-player-badge{text-transform:uppercase;margin-left:.45rem;color:#8bf8ff!important;font-size:.72rem!important;font-weight:900!important;display:inline-block!important}.live-player-champion-row{align-items:center;gap:.5rem;min-width:0;margin-top:.12rem;display:flex}.live-player-champion-row>span{color:#c4b5fd;white-space:nowrap;flex:none;min-width:0;margin-top:0;font-size:.8rem;font-weight:800;display:block}.live-player-champion-row .live-player-mastery{flex:none;margin-top:0;margin-left:.32rem}.live-player-mastery{flex:none;align-items:center;gap:.28rem;margin-top:0;display:flex}.live-player-mastery>span{color:#d6c8ff;margin-top:0;font-size:.78rem;font-weight:800;display:block}.live-rank-block{text-align:right;flex:none;justify-content:flex-end;align-items:center;gap:.35rem;min-height:5.95rem;margin-left:auto;display:flex;overflow:visible}.live-rank-block p{text-align:right;white-space:nowrap;min-width:0;padding-right:.2rem;font-size:.84rem;font-weight:900;line-height:1}.live-rank-icon-wrap{justify-content:flex-end;align-items:center;display:flex}.live-rank-icon,.live-rank-empty{border-radius:8px;width:5.95rem;height:5.95rem}.live-rank-icon{object-fit:contain;object-position:center;transform-origin:50%;transform:scale(1.14)}.live-rank-empty{color:#c4b5fd;background:#162235;border:1px solid #a78bfa57;justify-content:center;align-items:center;font-size:.74rem;font-weight:800;display:flex;position:relative;top:-.14rem}.skill-order-hero{margin-bottom:.72rem}.skill-grid-table{--skill-cell-size:1.5rem;box-sizing:border-box;grid-template-columns:minmax(1.5rem,1.5rem) repeat(18,minmax(0,1fr));justify-content:stretch;justify-items:center;gap:.1rem .16rem;width:100%;padding:0 0 .14rem;display:grid;overflow:visible}.skill-order-panel .skill-grid-table{--skill-cell-size:2.05rem}.skill-grid-level{color:#8fb8cb;text-align:center;justify-content:center;align-items:start;min-height:1.1rem;font-size:.82rem;font-weight:700;display:inline-flex}.skill-grid-row-label{color:#c8d8e3;height:var(--skill-cell-size);min-height:var(--skill-cell-size);text-shadow:0 1px 1px #0006;justify-content:center;justify-self:center;align-items:center;font-size:.78rem;font-weight:900;display:inline-flex}.skill-pill{color:#f4fbff;height:var(--skill-cell-size);min-width:var(--skill-cell-size);width:var(--skill-cell-size);background-color:#070e1642;background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #ffffff05;border-radius:.42rem;flex-direction:column;justify-content:center;align-items:center;gap:.02rem;padding:0;font-size:.8rem;font-weight:800;line-height:1;display:inline-flex;position:relative;overflow:visible}.skill-priority-strip .skill-pill{width:2.9rem;min-width:2.9rem;height:2.9rem;padding:0;font-size:.86rem;font-weight:900}.skill-pill.selected{color:#f4fbff;border-color:#ffffff1f;box-shadow:0 0 0 1px #ffffff14}.skill-pill.selected.skill-pill-w{color:#fff6d6;border-color:#facc1561;box-shadow:0 0 0 1px #facc1514}.skill-pill.unavailable,.skill-pill:not(.selected):not(.unavailable){opacity:.34}.skill-pill-wrap{justify-content:center;width:100%;display:inline-flex}.skill-pill-label,.skill-pill-name{z-index:1;position:relative}.skill-pill-label{color:#f4fbff;letter-spacing:.02em;text-shadow:0 1px 2px #000000b8;font-size:.7rem;font-weight:900;line-height:1}.loadout-rank-inline{margin-left:0;padding-left:0}.loadout-player-link{text-overflow:ellipsis;vertical-align:top;white-space:nowrap;min-width:0;max-width:100%;padding-right:.18rem;display:inline-block;overflow:hidden}.loadout-player-inline-badge{white-space:nowrap;flex:none;margin-left:.16rem}.loadout-place-line{align-items:center;min-height:1.08rem;display:flex}.loadout-rank-line{color:#8fb8cb;white-space:nowrap;margin-left:0;padding-left:0;font-size:.66rem;font-weight:700;line-height:1;display:block}.loadout-name-line{flex-wrap:nowrap;flex:auto;align-items:center;gap:.16rem;width:100%;min-width:0;display:flex}.loadout-name-line .loadout-player-inline-badge{white-space:nowrap;flex:none;margin-left:0}.insight-cards-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem .65rem;margin-top:.25rem;display:grid}.insight-card{background:linear-gradient(#101b2b,#0b1523);border:1px solid #7c3aed4d;border-radius:8px;flex-direction:column;min-width:0;min-height:8.4rem;padding:1rem 1.05rem 1.05rem;display:flex;box-shadow:inset 0 1px #ffffff0a,0 0 18px #7c3aed1a}.insight-card.insight-card-good{background:linear-gradient(#0f3427f5,#0b1f18fa);border-color:#28f7a557;margin:0;box-shadow:inset 0 1px #ffffff0a,0 0 18px #28f7a51f}.insight-card.insight-card-warn{background:linear-gradient(#3b2a0cf5,#221908fa);border-color:#fbbf2457;margin:0;box-shadow:inset 0 1px #ffffff0a,0 0 18px #fbbf241f}.insight-card.insight-card-bad{background:linear-gradient(#3d141ef5,#220c12fa);border-color:#ff4b6e57;margin:0;box-shadow:inset 0 1px #ffffff0a,0 0 18px #ff4b6e1f}.insight-card span{color:#8fb8cb;letter-spacing:.01em;margin-bottom:.01rem;font-size:.6rem;font-weight:700;line-height:1.08;display:block}.insight-card strong{color:#f4fbff;overflow-wrap:anywhere;margin-bottom:.06rem;font-size:.9rem;line-height:1.08;display:block}.insight-cards-grid .insight-card>p{color:#b9cfdd;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden;font-size:.66rem!important;line-height:1.06!important}.insight-card-bad span{color:#ffc0cf}.insight-card-bad strong{color:#fff1f4}.stats-view{flex-direction:column;gap:0;display:flex}.stats-view--spaced{gap:.75rem}.stats-header{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:0;padding:.1rem .1rem 0;display:flex}.stats-header strong{color:#f4fbff;letter-spacing:.01em;font-size:1rem;font-weight:800;display:block}.stats-header p{color:#8fb8cb;margin:.18rem 0 0;font-size:.76rem;line-height:1.3}.stats-sample-pill,.stats-card-chip{color:#d7e8f3;letter-spacing:.02em;white-space:nowrap;background:#07131fd1;border:1px solid #97b1c529;border-radius:999px;align-items:center;gap:.38rem;padding:.32rem .65rem;font-size:.72rem;font-weight:700;display:inline-flex}.stats-trend-grid,.stats-breakdown-grid{gap:.85rem;display:grid}.stats-trend-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:0}.stats-breakdown-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}.stats-spotlight-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-top:0;display:grid}.stats-card{background:linear-gradient(#101b2b,#0b1523);border:1px solid #7c3aed3d;border-radius:12px;flex-direction:column;min-width:0;padding:.95rem .95rem .8rem;display:flex;box-shadow:inset 0 1px #ffffff0a,0 0 18px #7c3aed14}.stats-card--trend-overview{grid-column:1/-1}.stats-card--trend-overview .stats-chart-shell--trend-overview{min-height:460px}.stats-card-header{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.7rem;display:flex}.stats-card-header h3{color:#f4fbff;margin:0;font-size:.92rem;font-weight:800;line-height:1.15}.stats-card-header p{color:#8fb8cb;max-width:48ch;margin:.2rem 0 0;font-size:.74rem;line-height:1.35}.stats-chart-shell{min-height:220px}.stats-breakdown-shell{min-height:280px}.stats-chart-legend{flex-wrap:wrap;align-items:center;gap:.55rem .85rem;margin-top:.72rem;display:flex}.stats-chart-legend span{color:#a9bfd0;letter-spacing:.01em;align-items:center;gap:.32rem;font-size:.7rem;font-weight:700;display:inline-flex}.stats-legend-dot{border-radius:999px;width:.48rem;height:.48rem;display:inline-block}.stats-legend-win{background:#34d399}.stats-legend-loss{background:#fb7185}.stats-legend-remake{background:#94a3b8}.stats-tooltip{color:#e6f6ff;background:#07131ffa;border:1px solid #97b1c533;border-radius:10px;gap:.3rem;min-width:12rem;padding:.7rem .75rem;display:grid;box-shadow:0 18px 35px #040a126b}.stats-tooltip-kicker{color:#8fb8cb;letter-spacing:.06em;text-transform:uppercase;font-size:.68rem;font-weight:800}.stats-tooltip strong{color:#f4fbff;font-size:.88rem}.stats-tooltip-row{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.stats-tooltip-row span{color:#9fb4c5;font-size:.74rem;font-weight:700}.stats-tooltip-row strong{color:#f4fbff;font-size:.76rem;font-weight:800}.stats-tooltip-champion{justify-content:flex-end;align-items:center;min-height:2rem;display:inline-flex}.stats-tooltip-champion img{object-fit:cover;transform-origin:50%;border-radius:6px;width:2.8rem;height:2.8rem;display:block;transform:scale(1.12)}.stats-tooltip-result{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:.17rem .45rem;font-size:.66rem;font-weight:800;display:inline-flex}.stats-tooltip-result-win{color:#9af0c8;background:#34d39929}.stats-tooltip-result-loss{color:#ffb5c1;background:#fb718529}.stats-tooltip-result-remake{color:#d3dce6;background:#94a3b824}.stats-empty-state{background:linear-gradient(#101b2b,#0b1523);border:1px solid #7c3aed3d;border-radius:12px;padding:1rem 1.05rem;box-shadow:inset 0 1px #ffffff0a,0 0 18px #7c3aed14}.stats-empty-state strong{color:#f4fbff;font-size:.93rem;font-weight:800;display:block}.stats-empty-state p{color:#8fb8cb;margin:.18rem 0 0;font-size:.76rem;line-height:1.35}.lane-tooltip-dot{border-radius:999px;flex:none;width:.42rem;height:.42rem;margin-right:.18rem;display:inline-block}.lane-tooltip-name{margin-right:.18rem}.lane-tooltip-value{color:#f4fbff}@media(max-width:900px){.search-grid{grid-template-columns:minmax(0,1fr)}.field-label-spacer{display:none}.insight-cards-grid{grid-template-columns:minmax(0,1fr)}.stats-header{flex-direction:column;align-items:flex-start}.stats-trend-grid,.stats-breakdown-grid,.stats-spotlight-grid{grid-template-columns:minmax(0,1fr)}}@media(min-width:901px)and (max-width:1280px){.insight-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-trend-grid,.stats-breakdown-grid,.stats-spotlight-grid{grid-template-columns:minmax(0,1fr)}}@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-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@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-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-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-duration{syntax:"*";inherits:false}body{left:auto!important;overflow:auto!important;position:static!important;top:auto!important;width:auto!important}.stApp{background:#050b12;color:#e7f6ff}.block-container{width:min(100%,1440px);max-width:1440px;padding-top:3.5rem;padding-bottom:2rem;padding-left:clamp(1rem,2vw,2rem);padding-right:clamp(1rem,2vw,2rem)}.page-transition-reset{height:0;margin:0;padding:0}.page-loading-shell{align-items:center;background:linear-gradient(180deg,#07131ff5,#050b12fa);border:1px solid rgba(124,58,237,.22);border-radius:8px;color:#8fb8cb;display:flex;justify-content:center;margin:0 0 .75rem;min-height:7rem}.page-loading-shell span{font-size:.94rem;font-weight:700}.st-key-page_footer{margin-top:0}[data-testid=stSidebar]{background:#07111c;border-right:1px solid rgba(124,58,237,.32)}h1,h2,h3{letter-spacing:0;color:#f4fbff}p,label,[data-testid=stMarkdownContainer]{color:#d6eaf5}[data-testid=stCaptionContainer]{color:#8fb8cb}[data-testid=stForm]{background:#07131f;border:1px solid rgba(124,58,237,.36);border-radius:8px;padding:1rem}div[data-baseweb=input]>div,div[data-baseweb=select]>div{background:#0b1d2b;border-color:#1b4d68;color:#e7f6ff}input{color:#e7f6ff!important}.stButton>button,[data-testid=stFormSubmitButton] button{background:#6d28d9;border:1px solid #8b5cf6;border-radius:6px;color:#fff;font-weight:700;box-shadow:0 0 16px #7c3aed3d}.stButton>button:hover,[data-testid=stFormSubmitButton] button:hover{background:#7c3aed;border-color:#a78bfa;color:#fff}.stButton>button:disabled{background:#123047;border-color:#24485e;color:#6f91a5;box-shadow:none}.refresh-wrap{width:100%}.refresh-btn{appearance:none;background:linear-gradient(180deg,#0b1d2b,#081522);border:1px solid rgba(124,58,237,.45);border-radius:.5rem;box-shadow:0 0 16px #7c3aed2e;color:#f4fbff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font:inherit;font-weight:400;font-size:.875rem;line-height:1.25;min-height:2.6rem;overflow:hidden;padding:.5rem .75rem;box-sizing:border-box;position:relative;width:100%}.refresh-btn:disabled{cursor:default}.refresh-btn-fill,.refresh-btn-sheen{position:absolute;inset:0;pointer-events:none}.refresh-btn-fill{background:linear-gradient(90deg,#28f7a5,#7c3aed,#fbbf24);background-size:220% 100%;width:0%;transition:width .35s linear,filter .2s ease;mix-blend-mode:screen;opacity:.82}.refresh-btn-sheen{background:linear-gradient(90deg,#ffffff0f,#ffffff29,#ffffff0f);background-size:240% 100%;opacity:0}.refresh-btn.is-cooldown .refresh-btn-fill{opacity:.95;animation:refreshPulse 1.25s linear infinite}.refresh-btn.is-refreshing{background:#5d6572;border-color:#8a93a1}.refresh-btn.is-refreshing .refresh-btn-fill{width:12%!important;background:linear-gradient(90deg,#ffffff1f,#ffffff3d);animation:none;opacity:.25}.refresh-btn.is-refreshing .refresh-btn-sheen{opacity:1;animation:refreshSheen .45s ease-out 1}.refresh-btn-label{position:relative;z-index:1;text-align:center}@keyframes refreshPulse{0%{background-position:0% 50%;filter:saturate(.95)}50%{background-position:100% 50%;filter:saturate(1.2)}to{background-position:0% 50%;filter:saturate(.95)}}@keyframes refreshSheen{0%{transform:translate(-20%);opacity:0}35%{opacity:.8}to{transform:translate(20%);opacity:0}}[data-testid=stButton][data-testid*=refresh_trigger],.st-key-refresh_trigger{display:none!important}button[aria-label="Show data"],button[title="Show data"],button[aria-label="Convert to table"],button[title="Convert to table"],.vega-embed details,.vega-embed summary,.vega-embed .vega-actions,.vega-actions{display:none!important}[data-testid=stVerticalBlock]{gap:.55rem;row-gap:.55rem}[data-testid=stMetric]{background:#07131f;border:1px solid rgba(124,58,237,.34);border-radius:8px;padding:.6rem .85rem;box-shadow:inset 0 1px #ffffff0a,0 0 18px #7c3aed1f}[data-testid=stMetricLabel]{color:#8fb8cb;font-size:.76rem;line-height:1.05;margin-bottom:.18rem}[data-testid=stMetricValue]{color:#f4fbff;font-size:1.22rem;line-height:1.05}.st-key-dashboard_view_tabs{margin-top:.75rem;margin-bottom:-.32rem;position:relative;z-index:3}.st-key-dashboard_view_tabs [data-testid=stHorizontalBlock]{align-items:stretch;background:linear-gradient(180deg,#0d1726eb,#09111dd1 68%,#09111d00);border:1px solid rgba(88,175,255,.1);border-bottom:0;border-radius:16px 16px 0 0;box-shadow:inset 0 1px #ffffff08,0 12px 28px #01070f3d;gap:.38rem;padding:.38rem .45rem .18rem;width:100%}.st-key-dashboard_view_tabs [data-testid=column]{padding:0!important}.st-key-dashboard_view_tabs [data-testid=column]>div{height:100%}.st-key-dashboard_view_tabs button[kind]{background:transparent!important;border:0!important;outline:none!important;border-radius:12px!important;box-shadow:none!important;color:#a8b5d6!important;margin:0!important;min-height:2.38rem!important;padding:.54rem 1rem!important;position:relative!important;top:0!important;transition:background .16s ease,color .16s ease,top .16s ease,box-shadow .16s ease;width:100%}.st-key-dashboard_view_tabs button[kind]:hover{background:linear-gradient(180deg,#603fb438,#3a256647)!important;color:#f4eeff!important}.st-key-dashboard_view_tabs button[kind=primary]{background:linear-gradient(180deg,#6742c24d,#442a8661)!important;color:#fff!important;top:0!important;box-shadow:inset 0 1px #ffffff14,0 8px 20px #361a672e!important;z-index:2}.st-key-dashboard_view_tabs button[kind=primary]:after{background:linear-gradient(90deg,#22d3ee,#2df7a5);border-radius:999px;bottom:.34rem;content:"";height:2px;left:1rem;position:absolute;right:1rem}.st-key-dashboard_view_tabs button[kind] p{font-size:.9rem;font-weight:800;letter-spacing:.01em;margin:0}.st-key-dashboard_tab_panel{background:linear-gradient(180deg,#0d172600,#0d172629 .34rem,#0d1726b8 .96rem,#080f1bfa);border:0;border-radius:0 0 18px 18px;box-shadow:0 20px 44px #01070f38;margin-top:0;margin-bottom:0;padding:1.05rem 1rem .6rem;position:relative}.st-key-dashboard_tab_panel:after{border:1px solid rgba(88,175,255,.1);border-radius:0 0 18px 18px;border-top:0;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:.14rem}.st-key-dashboard_tab_panel>[data-testid=stVerticalBlock]{padding-top:.15rem;padding-bottom:.2rem}.st-key-search_panel{background:linear-gradient(180deg,#101b2b,#0b1523);border:1px solid rgba(124,58,237,.26);border-radius:8px;box-shadow:inset 0 1px #ffffff0a,0 0 18px #7c3aed14;margin:0;padding:.65rem .8rem .45rem}.st-key-search_panel>[data-testid=stVerticalBlock],.st-key-search_panel [data-testid=stVerticalBlock]{gap:0!important;row-gap:0!important}.st-key-search_panel div[data-testid=element-container]{margin-bottom:0!important;padding-bottom:0!important}.st-key-search_panel [data-testid=column]>div[data-testid=stVerticalBlock]{gap:0!important;row-gap:0!important}.st-key-search_panel label,.st-key-search_panel [data-testid=stWidgetLabel]{text-align:left!important}.st-key-search_panel [data-baseweb=select]>div,.st-key-search_panel [data-baseweb=select] span,.st-key-search_panel [data-baseweb=select] input,.st-key-search_panel [data-baseweb=select] div[role=button]{text-align:left!important}.st-key-search_panel [data-baseweb=select]>div{align-items:center!important;display:flex!important;min-height:2.5rem!important}.st-key-search_panel [data-baseweb=select]>div>div{align-items:center!important;display:flex!important;min-height:2.5rem!important;padding-bottom:0!important;padding-top:0!important}div[data-testid=element-container]:has(.st-key-search_panel){margin-bottom:0!important;padding-bottom:0!important}.st-key-rank_cards_block{margin:0 0 .55rem}.insight-card{background:linear-gradient(180deg,#101b2b,#0b1523);border:1px solid rgba(124,58,237,.3);border-radius:8px;box-shadow:inset 0 1px #ffffff0a,0 0 18px #7c3aed1a;display:flex;flex-direction:column;gap:.1rem;min-height:4.2rem;justify-content:center;margin:.2rem 0 .9rem;padding:.24rem .52rem .3rem}.insight-card-good{background:linear-gradient(180deg,#0f3427f5,#0b1f18fa);border-color:#28f7a557;box-shadow:inset 0 1px #ffffff0a,0 0 18px #28f7a51f}.insight-card-warn{background:linear-gradient(180deg,#3b2a0cf5,#221908fa);border-color:#fbbf2457;box-shadow:inset 0 1px #ffffff0a,0 0 18px #fbbf241f}.insight-card-bad{background:linear-gradient(180deg,#3d141ef5,#220c12fa);border-color:#ff4b6e57;box-shadow:inset 0 1px #ffffff0a,0 0 18px #ff4b6e1f}.insight-card span{color:#8fb8cb;display:block;font-size:.8rem;line-height:1.12;margin-bottom:.08rem}.insight-card strong{color:#f4fbff;display:block;font-size:1rem;line-height:1.1;margin-bottom:.12rem;overflow-wrap:anywhere}.insight-card p{color:#b9cfdd;display:-webkit-box;font-size:.8rem;line-height:1.16;margin:0;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.loadout-overview{display:grid;gap:.7rem;margin-bottom:.65rem}.loadout-team{background:linear-gradient(180deg,#0d1826f0,#08121dfa);border:1px solid rgba(124,58,237,.22);border-radius:8px;overflow:visible;padding:.65rem;position:relative}.loadout-team-blue{border-color:#7c3aed5c}.loadout-team-red{border-color:#ff4b6e3d}.loadout-team-title{color:#c4b5fd;font-size:.86rem;font-weight:800;margin-bottom:.6rem;text-transform:uppercase}.loadout-team-summary{display:grid;gap:.42rem;margin-bottom:.6rem}.loadout-team-summary-row{align-items:center;background:#060d16a3;border:1px solid rgba(27,77,104,.38);border-radius:8px;display:flex;gap:.55rem;justify-content:space-between;padding:.42rem .56rem}.loadout-team-summary-objectives{align-items:center}.loadout-team-summary-label{color:#d5e4ee;flex:0 0 auto;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.loadout-team-summary-chips{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:flex-end;min-width:0}.loadout-summary-chip-group{display:inline-flex;flex-wrap:wrap;gap:.42rem}.loadout-summary-chip-group-lead{margin-right:.2rem}.loadout-summary-chip-group-objectives{margin-left:.2rem}.loadout-summary-chip{align-items:center;background:#0b1d2be6;border:1px solid rgba(124,58,237,.22);border-radius:999px;color:#e8eef9;display:inline-flex;gap:.42rem;line-height:1;min-height:1.8rem;padding:.34rem .68rem .34rem .42rem;white-space:nowrap}.loadout-summary-chip>*{align-items:center;align-self:center}.loadout-summary-chip strong{color:#f7fbff;font-size:.88rem;font-weight:900;line-height:1;display:flex;align-items:center;align-self:center;justify-content:center;margin:0}.loadout-summary-chip-label{align-items:center;display:inline-flex;font-size:.84rem;font-weight:800;letter-spacing:.01em;line-height:1;align-self:center;margin-top:-.05rem}.loadout-summary-chip-icon{align-items:center;display:inline-flex;flex:0 0 auto;height:1.32rem;justify-content:center;line-height:0;margin:0}.loadout-summary-chip-icon img{display:block;height:1.32rem;width:1.32rem;margin:0}.loadout-summary-chip-dragon{align-items:center}.loadout-summary-chip-group-objectives .loadout-summary-chip{align-items:center;min-height:1.9rem}.loadout-summary-chip-group-objectives .loadout-summary-chip-icon,.loadout-summary-chip-group-objectives .loadout-summary-chip-label,.loadout-summary-chip-group-objectives .loadout-summary-chip strong{align-self:center}.loadout-summary-chip-dragon .loadout-summary-chip-label{margin-right:.05rem}.loadout-dragon-main-trigger{align-items:center;display:inline-flex;gap:.42rem}.loadout-dragon-badges{align-items:center;display:inline-flex;flex-wrap:wrap;gap:.22rem;margin-left:.08rem;margin-right:.1rem}.loadout-dragon-badge{align-items:center;display:inline-flex}.loadout-dragon-badge img{display:block;height:1.22rem;width:1.22rem}.loadout-team-blue .loadout-team-title{color:#cdbdff}.loadout-team-red .loadout-team-title{color:#ffc0cf}.loadout-team-table{display:grid;gap:.45rem}.loadout-row{align-items:center;background:#060d1694;border:1px solid rgba(27,77,104,.44);border-radius:8px;display:grid;gap:.35rem;grid-template-columns:minmax(11rem,1.45fr) 4.9rem minmax(0,2.2fr) minmax(9.1rem,.82fr) max-content;overflow:visible;padding:.48rem .58rem;position:relative}.loadout-row.current-player{border-color:#d99a1e6b;box-shadow:inset 0 0 0 1px #d99a1e1a}.loadout-player{align-items:center;display:flex;gap:.55rem;min-width:0}.loadout-player-body{align-items:center;display:grid;gap:.24rem;grid-template-columns:auto minmax(0,1fr);min-width:0}.loadout-player img{border:1px solid rgba(167,139,250,.34);border-radius:7px;display:block;flex:0 0 auto;height:2.6rem;width:2.6rem}.loadout-player div{min-width:0}.loadout-player-copy{display:flex;flex-direction:column;gap:.08rem;min-width:0}.loadout-player-summoners{align-items:flex-start;display:flex;flex-direction:column;gap:.08rem;justify-self:start;min-width:0;padding-right:.18rem}.loadout-champion-line{align-items:center;display:flex;flex-wrap:wrap;gap:.28rem;line-height:1.2;min-width:0}.loadout-player-copy strong,.loadout-player-copy span,.loadout-champion-line span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loadout-player strong{min-width:0}.loadout-player strong{color:#f4fbff;font-size:.92rem;font-weight:500;line-height:1.18}.loadout-player-link{color:inherit;display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:top;white-space:nowrap}.loadout-player span{color:#8fb8cb;font-size:.75rem;line-height:1.22}.loadout-keystone{align-self:center;display:flex;justify-content:center;min-width:0}.loadout-loadouts{align-items:center;display:flex;flex-direction:column;gap:.18rem;min-width:0}.loadout-secondary-rune,.loadout-summoners{align-items:center;display:flex;flex-direction:column;gap:.06rem;justify-content:flex-start;min-width:0}.loadout-summoners{align-items:flex-start}.loadout-role{color:#c4b5fd;font-size:.72rem;font-weight:750;min-width:0}.loadout-stats{display:grid;gap:.3rem;grid-template-columns:repeat(5,minmax(0,1fr));min-width:0}.loadout-stat{display:flex;flex-direction:column;gap:.1rem;min-width:0}.loadout-stat strong,.loadout-stat span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loadout-stat strong{color:#f4fbff;font-size:.8rem;line-height:1.12}.loadout-stat span{color:#9fb4c5;font-size:.64rem;line-height:1.1}.loadout-items{display:inline-flex;flex-direction:column;gap:.1rem;justify-content:center;justify-self:end;min-width:0}.loadout-items-row{display:grid;gap:.1rem;grid-template-columns:repeat(4,2.18rem)}.loadout-item-slot{align-items:center;display:inline-flex;justify-content:center}.loadout-items .item-icon,.loadout-items .item-icon-empty{display:block;flex:0 0 auto;height:2.18rem;width:2.18rem}.loadout-items .item-icon-wrap{display:inline-flex;flex:0 0 auto}.quest-reward-slot{align-items:center;display:inline-flex;flex:0 0 auto}.loadout-item-slot-7 .item-icon,.loadout-item-slot-7 .item-icon-empty,.loadout-item-slot-7 .summoner-spell-icon,.loadout-item-slot-7 .summoner-spell-icon-empty,.loadout-item-slot-8 .item-icon,.loadout-item-slot-8 .item-icon-empty,.loadout-item-slot-8 .summoner-spell-icon,.loadout-item-slot-8 .summoner-spell-icon-empty{border-radius:999px}.summoner-spell-wrap{line-height:0;vertical-align:top}.summoner-spell-wrap>.hover-card-body{line-height:0}.summoner-spell-wrap>.hover-card-body>.summoner-spell-icon,.summoner-spell-wrap>.hover-card-body>.summoner-spell-icon-empty{display:block}.summoner-spell-icon,.summoner-spell-icon-empty{display:block;height:2.18rem;width:2.18rem}.loadout-player-summoners .summoner-spell-wrap .summoner-spell-icon{background:#0b1d2bdb;border:1px solid rgba(167,139,250,.34);border-radius:6px;height:2.1rem;object-fit:cover;width:2.1rem}.loadout-player-summoners .summoner-spell-wrap .summoner-spell-icon-empty{background:#0b1d2be6;border:1px solid rgba(167,139,250,.34);border-radius:6px;height:2.1rem;width:2.1rem}.loadout-panel{background:linear-gradient(180deg,#0d1826f0,#08121dfa);border:1px solid rgba(124,58,237,.22);border-radius:8px;overflow:visible;padding:.65rem;position:relative}.loadout-panel h4{margin-bottom:0}.skill-order-panel{overflow-x:visible;padding-right:.75rem;width:100%}.panel-heading-row{align-items:center;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:0}.panel-heading-row h4{margin:0}.panel-level-badge{background:#0b1d2be6;border:1px solid rgba(27,77,104,.48);border-radius:999px;color:#d6eaf5;font-size:.68rem;font-weight:800;line-height:1;padding:.25rem .55rem;white-space:nowrap}.icon-label-chip{align-items:center;background:#0b1d2be6;border:1px solid rgba(27,77,104,.48);border-radius:999px;box-sizing:border-box;color:#d6eaf5;display:inline-flex;gap:.28rem;justify-content:center;line-height:1;max-width:100%;min-height:1.52rem;padding:.12rem .7rem .12rem .44rem;vertical-align:middle}.icon-label-chip>.hover-card-body{align-items:center;align-self:stretch;display:flex;gap:.34rem;justify-content:center;min-width:0}.icon-label-chip>.hover-card-body>.icon-label-chip-icon{border-radius:999px;display:block;flex:0 0 auto;height:1.28rem;object-fit:cover;width:1.28rem}.icon-label-chip>.hover-card-body>span{align-items:center;align-self:center;display:inline-flex;font-size:.78rem;height:1.28rem;justify-content:center;line-height:1;padding-top:0;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transform:translateY(-.02rem)}.keystone-chip,.rune-style-chip{max-width:100%}.keystone-chip{border-color:#fbbf2457}.rune-style-chip{margin-right:.35rem}.hover-card-trigger{position:relative}.hover-card-trigger:hover,.hover-card-trigger:focus-within{z-index:2147483647}.hover-card-body{align-items:inherit;display:inline-flex;justify-content:inherit}.game-hover-card{-webkit-backdrop-filter:none;backdrop-filter:none;background:radial-gradient(circle at top left,rgba(115,190,228,.14),transparent 38%),linear-gradient(180deg,#07121f,#050c16);border:1px solid rgba(115,190,228,.3);border-radius:14px;box-shadow:0 18px 40px #0000006b,0 0 0 1px #09182594;color:#e8f6ff;isolation:isolate;left:50%;max-width:min(22rem,calc(100vw - 2rem));opacity:0;padding:.9rem .95rem .85rem;pointer-events:none;position:absolute;top:calc(100% + .7rem);transform:translate(-50%) translateY(.3rem) scale(.98);transition:opacity .16s ease,transform .16s ease;visibility:hidden;width:19rem;z-index:2147483647}.hover-card-trigger:hover .game-hover-card,.hover-card-trigger:focus-within .game-hover-card{opacity:1;transform:translate(-50%) translateY(0) scale(1);visibility:visible}.hover-card-trigger.hover-card-portal-active>.game-hover-card{opacity:0;visibility:hidden}.match-card-component-root{isolation:isolate;position:relative}.match-card-component-root.hover-card-portal-open{z-index:2147483646}.hover-card-portal-root{inset:0;isolation:isolate;pointer-events:none;position:fixed;transform:translateZ(0);will-change:transform;z-index:2147483647}.hover-card-portal-root .game-hover-card{opacity:1;pointer-events:none;position:fixed;transform:translateZ(0);transition:none;visibility:visible;will-change:transform;z-index:2147483647}.game-hover-card:before{background:linear-gradient(135deg,#73bee4f2,#73bee433);content:"";height:.72rem;left:50%;position:absolute;top:-.36rem;transform:translate(-50%) rotate(45deg);width:.72rem}.game-hover-card>strong{color:#f7fbff;display:block;font-size:.96rem;font-weight:900;letter-spacing:.01em;line-height:1.2;margin-bottom:.45rem;position:relative;z-index:1}.game-hover-card-eyebrow{color:#8fb8cb;font-size:.68rem;font-weight:800;letter-spacing:.12em;margin-bottom:.42rem;position:relative;text-transform:uppercase;z-index:1}.game-hover-card p{color:#e8f6ffe6;font-size:.78rem;line-height:1.42;margin:.34rem 0 0;position:relative;white-space:normal;z-index:1}.game-hover-card p:first-of-type{color:#f3c969;font-weight:700;margin-top:0}.game-hover-card-abilities{display:grid;gap:.22rem;list-style:none;margin:0 0 .5rem;padding:0;position:relative;z-index:1}.game-hover-card-abilities li{color:#f3c969;font-size:.75rem;font-weight:800;line-height:1.3;margin:0}.game-hover-card-lines{display:grid;gap:.22rem;margin:0;padding:0;position:relative;z-index:1}.game-hover-card-line{font-size:.75rem;line-height:1.3;margin:0}.game-hover-card-item .game-hover-card-lines .game-hover-card-line{margin-top:0}.game-hover-card-item .game-hover-card-lines .game-hover-card-line-stat{color:#f7fbff;font-weight:800}.game-hover-card-item .game-hover-card-lines .game-hover-card-line-ability{color:#f3c969;font-weight:800}.game-hover-card-item .game-hover-card-lines .game-hover-card-line-body{color:#e8f6ffe6;font-weight:500}.game-hover-card-stats{display:grid;gap:.22rem;list-style:none;margin:0 0 .55rem;padding:0;position:relative;z-index:1}.game-hover-card-stats li{color:#f7fbff;font-size:.75rem;font-weight:800;line-height:1.3;margin:0}.game-hover-card-meta{border-top:1px solid rgba(143,184,203,.2);display:grid;gap:.26rem;list-style:none;margin:.62rem 0 0;padding:.55rem 0 0;position:relative;z-index:1}.game-hover-card-meta li{color:#d6eaf5e0;font-size:.72rem;line-height:1.35;margin:0}.game-hover-card-item{background:radial-gradient(circle at top left,rgba(115,190,228,.1),transparent 34%),linear-gradient(180deg,#08121d,#060d17);width:15rem;max-width:min(15rem,calc(100vw - 2rem))}.game-hover-card-rune{width:18rem}.item-icon{background:#0b1d2bdb;border:1px solid rgba(27,77,104,.44);border-radius:6px;display:block;height:2.18rem;object-fit:cover;width:2.18rem}.item-icon-empty{background:#09131f9e;border-style:dashed;opacity:.46}.item-icon-wrap{align-items:center;display:inline-flex;flex:0 0 auto;line-height:0;vertical-align:top}.item-icon-wrap>.hover-card-body{line-height:0}.item-icon-wrap>.hover-card-body>.item-icon{display:block}.rune-group+.rune-group{margin-top:.55rem}.rune-tree-grid{display:grid;gap:.65rem;grid-template-columns:max-content minmax(.25rem,1fr) minmax(.25rem,1fr);justify-content:start;margin-bottom:.08rem}.rune-tree{background:#07131f9e;border:1px solid rgba(27,77,104,.38);border-radius:8px;overflow:visible;padding:.55rem;position:relative;min-width:0}.rune-tree-primary{box-sizing:border-box;max-width:100%;width:100%}.rune-tree-secondary,.rune-shards{width:100%}.rune-tree-header{align-items:center;display:flex;flex-direction:column;gap:.16rem;justify-content:center;margin-bottom:.14rem;min-width:0}.rune-tree-header .rune-style-chip{margin-right:0}.rune-tree-secondary{padding-left:.28rem;padding-right:.28rem}.rune-group-label{color:#8fb8cb;display:inline-block;font-size:.56rem;font-weight:700;letter-spacing:.01em;line-height:1;margin-bottom:0;margin-right:0;text-transform:uppercase}.rune-tree-title{text-align:center}.rune-slot-row{display:flex;flex-wrap:wrap;gap:.24rem;justify-content:center;margin-top:.24rem}.rune-option{align-items:center;background:#09121ce6;border:1px solid rgba(255,255,255,.08);border-radius:999px;display:inline-flex;height:2.22rem;justify-content:center;padding:.08rem;overflow:visible;transition:opacity .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease;width:2.22rem}.rune-option>.hover-card-body{align-items:center;display:flex;justify-content:center;opacity:.34;line-height:0;transition:opacity .16s ease;width:100%;height:100%}.rune-option.compact{border-radius:999px;height:1.92rem;width:1.92rem}.rune-option>.hover-card-body img{border-radius:999px;display:block;height:1.72rem;object-fit:contain;width:1.72rem}.rune-option>.hover-card-body>span{display:block;font-size:.78rem;font-weight:800;height:1.72rem;line-height:1.72rem;text-align:center;width:1.72rem}.rune-option.compact>.hover-card-body img{border-radius:999px;height:1.52rem;width:1.52rem}.rune-option.selected{background:#28f7a51f;border-color:#28f7a580;box-shadow:0 0 0 1px #28f7a529}.rune-option.selected>.hover-card-body,.rune-option:hover>.hover-card-body,.rune-option:focus-within>.hover-card-body{opacity:1}.rune-shards{display:flex;flex-direction:column;gap:.32rem;margin-top:0;padding:0}.rune-shards .rune-group{min-width:0;padding:0;text-align:center}.rune-shards .rune-group+.rune-group{margin-top:0}.rune-slot-row-shards{justify-content:center}.rune-chip-row{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.35rem}.detail-two-col-compact{align-items:stretch;grid-template-columns:minmax(0,17rem) minmax(0,1fr);justify-content:stretch;margin-bottom:.58rem}.detail-two-col-compact>div{display:flex;min-width:0}.detail-two-col-compact .loadout-panel{flex:1 1 auto;min-width:0;width:100%}.detail-two-col-compact>div:first-child .loadout-panel{max-width:none}.item-timeline-panel{margin:.2rem 0 1rem;position:relative;z-index:5}.item-timeline-panel:hover,.item-timeline-panel:focus-within,.item-timeline-panel:has(.hover-card-trigger:hover),.item-timeline-panel:has(.hover-card-trigger:focus-within){z-index:2147483647}.item-timeline-strip{display:inline-flex;flex-wrap:wrap;column-gap:.72rem;row-gap:.95rem;margin-top:.05rem;max-width:100%;padding:.28rem 0 .24rem;width:fit-content;--item-timeline-row-gap: .18rem;--item-timeline-time-height: 1rem;--item-timeline-anchor-size: .72rem;--item-timeline-icon-size: 2.6rem;--item-timeline-icon-tile-size: 2.12rem;--item-timeline-entry-icon-height: 2.55rem;--item-timeline-entry-height: calc( var(--item-timeline-time-height) + var(--item-timeline-anchor-size) + var(--item-timeline-entry-icon-height) + (var(--item-timeline-row-gap) * 2) );position:relative;z-index:0}.item-timeline-entry{align-content:start;display:grid;flex:0 0 auto;gap:var(--item-timeline-row-gap);grid-template-rows:var(--item-timeline-time-height) var(--item-timeline-anchor-size) 1fr;height:var(--item-timeline-entry-height);justify-items:center;min-width:6.3rem;position:relative;z-index:1}.item-timeline-entry:hover,.item-timeline-entry:focus-within{z-index:400}.item-timeline-entry:before,.item-timeline-entry:after{content:"";height:2px;position:absolute;top:calc(var(--item-timeline-time-height) + var(--item-timeline-row-gap) + (var(--item-timeline-anchor-size) / 2));transform:translateY(-50%);z-index:0}.item-timeline-entry:before{background:linear-gradient(90deg,#8fb8cb4d,#8fb8cbd1);left:-.36rem;right:50%}.item-timeline-entry:after{background:linear-gradient(90deg,#8fb8cbd1,#8fb8cb4d);left:50%;right:-.36rem}.item-timeline-anchor{align-self:start;background:#8fb8cb;border:2px solid #07131f;border-radius:999px;box-shadow:0 0 0 1px #8fb8cb38;height:.72rem;position:relative;width:.72rem;z-index:1}.item-timeline-icons{align-items:center;display:flex;flex-wrap:wrap;gap:.32rem;justify-content:center;line-height:0;min-height:0;padding:0}.item-timeline-bundle{align-items:center;background:linear-gradient(180deg,#0f1926eb,#080f19f5);border:1px solid rgba(124,58,237,.34);border-radius:.48rem;box-shadow:inset 0 1px #ffffff0a,0 0 18px #7c3aed1f;box-sizing:border-box;display:inline-flex;justify-content:center;min-height:0;padding:.2rem;position:relative;z-index:1}.item-timeline-entry .item-icon,.item-timeline-entry .item-icon-empty{height:var(--item-timeline-icon-tile-size);width:var(--item-timeline-icon-tile-size)}.item-timeline-time{align-items:center;align-self:end;color:#8fb8cb;display:inline-flex;font-size:.96rem;font-weight:900;height:var(--item-timeline-time-height);justify-content:center;line-height:1;min-width:3.4rem;text-align:center}.skill-order-hero{align-items:center;display:flex;justify-content:space-between;gap:.5rem;margin-top:-.12rem;width:100%;margin-bottom:0}.skill-priority-strip{align-items:center;display:inline-flex;gap:.26rem;min-height:1.6rem}.skill-order-passive{align-items:center;display:inline-flex;flex:0 0 auto;flex-direction:column;gap:.14rem;margin-left:auto;margin-top:-1.4rem}.skill-order-passive-label{color:#8fb8cb;font-size:.32rem;font-weight:700;letter-spacing:.02em;line-height:.7;opacity:.72;text-transform:uppercase;transform:translateY(-.18rem)}.skill-order-passive .skill-pill{font-size:.88rem;height:3.05rem;min-width:3.05rem;width:3.05rem;transform:translateY(-.18rem)}.skill-order-passive .skill-pill-wrap{width:auto}.skill-priority-separator{align-items:center;color:#8fb8cb;display:inline-flex;font-size:.96rem;font-weight:900;height:1.5rem;justify-content:center;line-height:1;min-width:.7rem;opacity:.88}.skill-order-hero span{color:#8fb8cb;font-size:.9rem;text-transform:uppercase}.skill-order-passive .skill-order-passive-label{font-size:.56rem;letter-spacing:.02em;line-height:.75;opacity:.72}.skill-order-passive .skill-pill{font-size:.78rem;height:2.72rem;min-width:2.72rem;width:2.72rem}.skill-grid-table{--skill-cell-size: 2.2rem;box-sizing:border-box;display:grid;row-gap:.1rem;column-gap:.16rem;grid-template-columns:1.5rem repeat(18,minmax(0,1fr));justify-items:center;justify-content:stretch;overflow:visible;padding:0 .45rem .14rem 0;width:100%}.skill-order-hero{margin-bottom:.68rem}.skill-grid-corner{min-height:1.1rem}.skill-grid-level{align-items:start;color:#8fb8cb;display:inline-flex;font-size:.82rem;font-weight:700;justify-content:center;min-height:1.1rem;text-align:center}.skill-grid-level.unreached{color:#c96b73;opacity:1}.skill-grid-row-label{align-items:center;color:#c8d8e3;display:inline-flex;font-size:.78rem;font-weight:900;height:var(--skill-cell-size);justify-self:center;justify-content:center;min-height:var(--skill-cell-size);text-shadow:0 1px 1px rgba(0,0,0,.4)}.skill-pill{align-items:center;background-color:#070e1642;background-position:center;background-repeat:no-repeat;background-size:cover;border:1px solid rgba(255,255,255,.018);border-radius:.42rem;color:#f4fbff;display:inline-flex;flex-direction:column;font-size:.8rem;font-weight:800;gap:.02rem;height:var(--skill-cell-size);justify-content:center;line-height:1;min-width:var(--skill-cell-size);overflow:visible;padding:0;position:relative;width:var(--skill-cell-size)}.skill-priority-strip .skill-pill{font-size:.8rem;font-weight:900;height:2.62rem;min-width:2.62rem;padding:0;width:2.62rem}.skill-pill.skill-pill-q{border-color:#38bdf81f}.skill-pill.skill-pill-w{border-color:#facc151f}.skill-pill.skill-pill-e{border-color:#34d3991f}.skill-pill.skill-pill-r{border-color:#a78bfa1f}.skill-pill.skill-pill-p{border-color:#818cf824}.skill-pill.selected{border-color:#ffffff1f;box-shadow:0 0 0 1px #ffffff14;color:#f4fbff}.skill-pill.selected.skill-pill-q{border-color:#38bdf86b;box-shadow:0 0 0 1px #38bdf81a}.skill-pill.selected.skill-pill-w{border-color:#facc1561;box-shadow:0 0 0 1px #facc1514;color:#fff6d6}.skill-pill.selected.skill-pill-e{border-color:#34d39966;box-shadow:0 0 0 1px #34d39914}.skill-pill.selected.skill-pill-r{border-color:#a78bfa6b;box-shadow:0 0 0 1px #a78bfa1a}.skill-pill.selected.skill-pill-p{border-color:#818cf86b;box-shadow:0 0 0 1px #818cf81a;color:#eef2ff}.skill-pill.unavailable{opacity:.34}.skill-pill:not(.selected):not(.unavailable){opacity:.34}.skill-pill-wrap{display:inline-flex;justify-content:center;width:100%}.skill-pill-label,.skill-pill-name{position:relative;z-index:1}.skill-pill-label{color:#f4fbff;font-size:.7rem;font-weight:900;letter-spacing:.02em;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.72)}.skill-pill-label-hidden,.skill-pill-name{display:none}.skill-level-row.unreached{opacity:.52}@media(max-width:960px){.loadout-row{grid-template-columns:1fr}.loadout-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.loadout-role,.loadout-stats,.loadout-keystone,.loadout-items{margin-left:2.9rem}.rune-tree-grid{grid-template-columns:1fr}.skill-level-grid{grid-template-columns:repeat(18,minmax(0,1fr))}}.player-header{align-items:center;display:flex;flex-direction:column;gap:.4rem;text-align:center}.player-header img{border:2px solid rgba(167,139,250,.58);border-radius:8px;height:5.8rem;object-fit:cover;width:5.8rem}.player-header strong{color:#f4fbff;display:block;font-size:1rem;line-height:1.2;overflow-wrap:anywhere}.player-header span{color:#a9bed0;display:block;font-size:.8rem;line-height:1.3}.header-rank-spacer{height:0}.rank-card{align-items:center;background:linear-gradient(180deg,#101b2b,#0b1523);border:1px solid rgba(124,58,237,.38);border-radius:8px;box-sizing:border-box;display:flex;gap:1.2rem;margin:0;min-height:7.4rem;padding:.9rem 1.1rem;box-shadow:inset 0 1px #ffffff0a,0 0 18px #7c3aed24;width:100%}.rank-card-empty{max-width:24rem}.rank-emblem{align-items:center;display:flex;flex:0 0 7.2rem;height:7.2rem;justify-content:center;width:7.2rem}.rank-emblem img{height:7.2rem;object-fit:contain;width:7.2rem}.rank-emblem-empty{background:#162235;border:1px solid rgba(167,139,250,.34);border-radius:8px;color:#c4b5fd;font-weight:800}.rank-copy{flex:1 1 auto;min-width:0}.rank-copy span,.rank-card-empty span{color:#a9bed0;display:block;font-size:.82rem;font-weight:700;margin-bottom:.28rem;text-transform:uppercase}.rank-copy strong,.rank-card-empty strong{color:#f4fbff;display:block;font-size:1.55rem;line-height:1.15;overflow-wrap:anywhere;word-break:normal}.rank-copy p,.rank-card-empty p{color:#b7c7d6;font-size:.9rem;margin:.45rem 0 0}.champion-stat-card{align-items:center;background:linear-gradient(180deg,#101b2b,#0b1523);border:1px solid rgba(124,58,237,.34);border-radius:8px;display:flex;gap:.85rem;min-height:6.4rem;padding:.9rem 1rem;box-shadow:inset 0 1px #ffffff0a,0 0 18px #7c3aed1a}.champion-stat-card>img{border-radius:8px;flex:0 0 3.35rem;height:3.35rem;object-fit:cover;width:3.35rem}.champion-stat-card>div{min-width:0}.champion-stat-card span{color:#c4b5fd;display:block;font-size:.82rem;font-weight:800;margin-bottom:.36rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.champion-stat-card strong{color:#f4fbff;display:block;font-size:1.28rem;line-height:1.18}.champion-stat-card p{color:#a9bed0;font-size:.78rem;line-height:1.32;margin:.45rem 0 0}.live-player-card{align-items:center;background:#07131f;border:1px solid rgba(124,58,237,.28);border-radius:8px;display:flex;gap:.75rem;margin:.55rem 0;min-height:7.35rem;padding:.9rem 1.05rem 1rem;position:relative}.live-view-bottom-space{height:1.4rem}.live-game-heading{color:#f4fbff;font-size:1.5rem;font-weight:800;line-height:1.2;margin:.1rem 0 .75rem}.live-game-heading span{color:#a9bed0;font-size:.86rem;font-weight:800;margin-left:.6rem;text-transform:uppercase}.live-player-card-active,.live-player-card.team-blue.live-player-card-active,.live-player-card.team-red.live-player-card-active{background:linear-gradient(180deg,#d99a1e1f,#07131f 72%);border-color:#d99a1ead;box-shadow:0 0 0 1px #d99a1e38,0 0 14px #d99a1e33}.live-player-card.team-blue{border-color:#7c3aed5c}.live-player-card.team-red{border-color:#ff4b6e3d}.live-player-card.team-blue .live-rank-block p{color:#cdbdff}.live-player-card.team-red .live-rank-block p{color:#ffc0cf}.live-icons{align-items:center;display:flex;flex:0 0 auto;gap:.38rem}.live-champion-icon{border-radius:8px;height:3.55rem;object-fit:cover;width:3.55rem}.live-rank-icon,.live-rank-empty{border-radius:8px;height:5.95rem;width:5.95rem}.live-rank-icon{object-fit:contain;object-position:center;transform:scale(1.14);transform-origin:center center}.live-rank-empty{align-items:center;background:#162235;border:1px solid rgba(167,139,250,.34);color:#c4b5fd;display:flex;font-size:.8rem;font-weight:800;justify-content:center}.live-player-copy{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;min-width:0}.live-player-copy strong{color:#f4fbff;font-size:1rem;line-height:1.2}.player-profile-link{color:#f4fbff!important;text-decoration:none!important}.player-profile-link:visited{color:#f4fbff!important}.player-profile-link:hover{color:#c4b5fd!important;text-decoration:underline!important}.live-player-link{font-size:1rem;font-weight:500;line-height:1.2}.live-player-champion-row{align-items:center;display:flex;gap:.5rem;margin-top:.12rem;min-width:0}.live-player-champion-row>span{color:#c4b5fd;display:block;flex:0 0 auto;font-size:.8rem;font-weight:800;margin-top:0;min-width:0;white-space:nowrap}.live-player-champion-row .live-player-mastery{flex:0 0 auto;margin-left:.32rem;margin-top:0}.live-player-copy p{color:#a9bed0;font-size:.78rem;line-height:1.32;margin:0}.live-player-badge{color:#8bf8ff!important;display:inline-block!important;font-size:.72rem!important;font-weight:900!important;margin-left:.45rem;text-transform:uppercase}.live-rank-block{align-items:center;display:flex;flex:0 0 auto;gap:.7rem;justify-content:flex-end;margin-left:auto;min-height:5.95rem;overflow:visible}.live-rank-block p{font-size:.84rem;font-weight:900;line-height:1;padding-right:.2rem;min-width:0;text-align:right;white-space:nowrap}.live-rank-block p strong{font-size:inherit;font-weight:inherit}.live-rank-icon-wrap{display:flex;align-items:center;justify-content:flex-end}.live-player-mastery{align-items:center;display:flex;gap:.28rem;margin-top:0;flex:0 0 auto}.live-player-mastery>span{color:#d6c8ff;display:block;font-size:.78rem;font-weight:800;margin-top:0}.live-player-mastery-empty>span{color:#a9bed0;font-weight:700}.mastery-card{border-color:#d99a1e52}.mastery-card-copy{min-width:0}.mastery-card-name{color:#d7c7ff;display:block;font-size:.82rem;font-weight:800;margin-bottom:.34rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mastery-card-level{align-items:flex-start;display:flex;margin-bottom:.18rem}.mastery-emblem{position:relative}.mastery-emblem img{display:block;filter:drop-shadow(0 2px 6px rgba(0,0,0,.42));object-fit:contain}.mastery-emblem-large img{height:3.35rem;width:3.35rem}.mastery-emblem-row img{height:2.4rem;opacity:.96;width:2.4rem}.mastery-level-badge{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(180deg,#0d121cf5,#05080efa);border:1px solid rgba(255,222,154,.36);border-radius:999px;box-shadow:0 10px 24px #00000080,0 0 16px #00000052;color:#fff6dc;display:inline-flex;font-weight:950;justify-content:center;left:50%;position:absolute;text-shadow:none;transform:translate(-50%);white-space:nowrap}.mastery-level-badge-large{bottom:-.62rem;font-size:.84rem;line-height:1;min-width:1.9rem;padding:.22rem .5rem .24rem}.mastery-level-badge-row{bottom:-.5rem;font-size:.76rem;line-height:1;min-width:1.65rem;padding:.18rem .42rem .2rem}.champion-list{display:grid;gap:.62rem;margin-top:1rem;padding-bottom:1.1rem}.champion-list-row{align-items:center;background:#07131f;border:1px solid rgba(124,58,237,.28);border-radius:8px;display:grid;gap:.75rem;grid-template-columns:3rem minmax(12rem,1.2fr) repeat(4,minmax(6rem,.7fr));min-height:4.6rem;padding:.62rem .78rem}.champion-list-row>img{border-radius:7px;height:3rem;object-fit:cover;width:3rem}.champion-list-main{min-width:0}.champion-list-main strong{color:#f4fbff;display:block;font-size:.96rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.champion-list-main span,.champion-list-stat span{color:#9fb4c5;display:block;font-size:.72rem;line-height:1.22}.champion-list-stat{min-width:0}.champion-list-stat strong{color:#f4fbff;display:block;font-size:1.02rem;line-height:1.18;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mastery-list-row{grid-template-columns:3rem 3.5rem minmax(12rem,1.2fr) minmax(9rem,.8fr)}.mastery-list{padding-bottom:1.45rem}.mastery-mark{align-items:center;display:flex;justify-content:center}[data-testid=stAlert]{border-radius:8px;border:1px solid rgba(124,58,237,.32);background:#0b1d2b}[data-testid=stDataFrame]{border:1px solid rgba(124,58,237,.28);border-radius:8px;overflow:hidden}.match-card{background:#07131f;border:1px solid rgba(124,58,237,.32);border-left:4px solid rgba(124,58,237,.35);border-radius:8px;margin:.85rem 0 0;padding:.95rem;box-shadow:0 0 18px #7c3aed1a}.match-card.win{border-color:#28f7a54d;border-left-color:#28f7a5}.match-card.loss{border-color:#ff4b6e4d;border-left-color:#ff4b6e}.match-card.remake{border-color:#9fb4c54d;border-left-color:#9fb4c5}.game-stats-details{background:#0b1d2b;border:1px solid rgba(124,58,237,.3);border-radius:8px;margin-top:.75rem;overflow:visible;position:relative}.match-card.win .game-stats-details{border-color:#28f7a56b}.match-card.loss .game-stats-details{border-color:#ff4b6e6b}.match-card.remake .game-stats-details{border-color:#9fb4c56b}.game-stats-summary{appearance:none;background:transparent;border:0;color:#f4fbff;cursor:pointer;align-items:center;display:flex;gap:.35rem;font-weight:800;font:inherit;height:2.3rem;justify-content:flex-start;line-height:1;padding:0 .85rem;text-align:left;width:100%}.game-stats-summary:hover{background:#ffffff08}.game-stats-summary-label{line-height:1}.game-stats-summary-arrow{border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #9fb4c5;display:block;flex:0 0 auto;margin-top:.12rem;transition:transform .15s ease;width:0;height:0}.game-stats-summary-open .game-stats-summary-arrow{transform:rotate(180deg)}.game-stats-content{border-top:1px solid rgba(255,255,255,.06);overflow:visible;padding:.85rem .9rem .9rem;position:relative}.game-stats-details-open .game-stats-content{border-top:none}.detail-metrics-grid{display:grid;gap:.65rem;grid-template-columns:repeat(8,minmax(0,1fr));grid-auto-rows:minmax(4.4rem,auto);align-items:stretch;margin-bottom:1.4rem}.detail-metric{background:linear-gradient(180deg,#101b2b,#0b1523);border:1px solid rgba(124,58,237,.32);border-radius:8px;display:flex;flex-direction:column;gap:.11rem;height:auto;justify-content:flex-start;min-height:4.4rem;padding:.56rem .62rem .5rem;box-shadow:inset 0 0 0 1px #7c3aed08;box-sizing:border-box}.detail-metric-head{align-items:center;display:flex;justify-content:space-between;gap:.4rem;min-height:1.05rem}.detail-metric-label{color:#a9bed0;display:block;font-size:.7rem;font-weight:650;line-height:1.15;margin:0;min-width:0;text-transform:uppercase}.detail-metric-icon{align-items:center;display:inline-flex;flex:0 0 auto;height:.86rem;justify-content:center;width:.86rem}.detail-metric-icon img{display:block;height:.86rem;object-fit:contain;width:.86rem}.detail-metric-value{color:#f4fbff;display:block;font-size:.96rem;line-height:1.18;margin:0}.detail-metric-delta{color:#9fb4c5;display:block;font-size:.62rem;line-height:1.12;margin:0}.detail-two-col{display:grid;gap:.9rem;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);margin-bottom:.95rem}.chart-icon-strip{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:center;margin-top:.15rem}.chart-icon{height:1.9rem;object-fit:contain;width:1.9rem}.st-key-charts_grid [data-testid=stVerticalBlock]{display:grid;gap:.85rem 1rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:.95rem}.st-key-charts_grid [data-testid=stVerticalBlock]>div{display:contents}.st-key-charts_grid [data-testid=stVerticalBlock]>div[data-testid=element-container]{margin:0!important;min-width:0}.st-key-charts_grid [data-testid=stVerticalBlock]>div[data-testid=element-container] [data-testid=stAltairChart],.st-key-charts_grid [data-testid=stVerticalBlock]>div[data-testid=element-container] .vega-embed{width:100%!important}.game-stats-content h4{color:#c4b5fd;font-size:.9rem;margin:0 0 .55rem}.inline-note{color:#9fb4c5;margin:.8rem 0}.lane-chart-card{background:#07131f;border:1px solid rgba(124,58,237,.28);border-radius:8px;margin:.95rem 0;padding:.85rem}.lane-chart-grid{display:grid;gap:.65rem;grid-template-columns:repeat(2,minmax(0,1fr));margin:.8rem 0;overflow:visible;position:relative;z-index:1}.lane-time-card,.lane-metric-card{background:#07131f;border:1px solid rgba(124,58,237,.24);border-radius:8px;overflow:visible;padding:.7rem .75rem .55rem;position:relative;z-index:1}.lane-time-card:hover,.lane-time-card:focus-within{z-index:20}.lane-metric-title{color:#c4b5fd;font-size:.82rem;font-weight:800;margin-bottom:.3rem;text-transform:uppercase}.lane-metric-chart{display:block;height:auto;position:relative;width:100%;z-index:0}.lane-chart-shell{overflow:visible;position:relative;z-index:0}.match-card-component-root.hover-card-portal-open .lane-chart-shell,.match-card-component-root.hover-card-portal-open .lane-metric-chart,.match-card-component-root.hover-card-portal-open .lane-hover-layer{z-index:0}.lane-metric-chart line{stroke:#9fb4c529;stroke-width:.9}.lane-metric-chart .axis-spine{stroke:#b8d0e066;stroke-width:1}.lane-metric-chart path{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:.92}.lane-metric-chart g{stroke:var(--series)}.lane-metric-chart circle{stroke:#07131f;stroke-width:.9}.lane-metric-chart text{fill:#9fb4c5;font-size:9.5px}.lane-metric-chart .axis-label{text-anchor:middle}.lane-metric-chart .axis-y{text-anchor:end;fill:#b8d0e0}.lane-hover-band{background:transparent;cursor:crosshair;position:absolute;pointer-events:auto}.lane-hover-layer{inset:0;overflow:visible;pointer-events:auto;position:absolute;z-index:30}.lane-hover-guide,.lane-tooltip{opacity:0;pointer-events:none;transition:opacity .14s ease}.lane-tooltip{position:absolute;z-index:40}.lane-hover-band:hover .lane-hover-guide,.lane-hover-band:hover .lane-tooltip{opacity:1}.lane-hover-guide{background:#f4fbff57;bottom:0;position:absolute;top:0;transform:translate(-50%);width:1px}.lane-tooltip-box{background:#08121df5;border:1px solid rgba(167,139,250,.52);border-radius:9px;box-shadow:0 10px 22px #00000059;display:inline-grid;gap:.18rem;grid-auto-flow:row;grid-template-columns:max-content;padding:.55rem .7rem;width:max-content}.lane-tooltip-line{color:#dfeef7;font-size:.75rem;line-height:1.25;white-space:nowrap}.lane-tooltip-line-title{color:#c4b5fd;font-size:.72rem;font-weight:800;letter-spacing:.02em}.lane-legend{display:flex;flex-wrap:wrap;gap:.7rem;margin-bottom:.35rem}.lane-legend span{align-items:center;color:#cdddea;display:flex;font-size:.8rem;gap:.35rem}.lane-legend i{border-radius:999px;display:inline-block;height:.65rem;width:.65rem}.lane-line-chart{display:block;height:auto;max-width:100%;overflow:visible;width:100%}.lane-line-chart line{stroke:#9fb4c52e;stroke-width:1}.lane-line-chart text{fill:#9fb4c5;font-size:11px}.lane-line-chart .axis-label{text-anchor:middle}.lane-line-chart path{fill:none;stroke:var(--series);stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.lane-line-chart circle{fill:var(--series);stroke:#07131f;stroke-width:1.5}.team-table-title{background:#101b2b;border:1px solid rgba(124,58,237,.3);border-bottom:0;border-radius:8px 8px 0 0;color:#c4b5fd;font-size:.82rem;font-weight:800;margin-top:.75rem;padding:.55rem .7rem;text-transform:uppercase}.match-card-head{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.85rem}.match-title{align-items:center;color:#f4fbff;display:flex;font-size:1rem;font-weight:700;gap:.32rem;line-height:1.2;min-width:0;flex-wrap:wrap}.match-title .match-result{color:#c4b5fd}.match-title .match-title-separator,.match-title .match-champion{color:#f4fbff}.match-title .role-badge{align-items:center;color:#c4b5fd!important;display:inline-flex;line-height:1;transform:translateY(.01rem)}.match-title .role-badge span{color:#c4b5fd!important}.match-title .role-badge img{flex:0 0 auto;opacity:.88}.match-subtitle,.match-kda span{color:#8fb8cb;display:block;font-size:.82rem;margin-top:.15rem}.match-kda{color:#f4fbff;font-size:1.05rem;font-weight:800;min-width:9rem;text-align:right}.participant-strip{display:grid;gap:.55rem;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:.2rem}.participant-lane-matchup{display:flex;flex-direction:column;gap:.42rem;min-width:0}.participant-lane-label{color:#8fb8cb;display:block;font-size:.68rem;font-weight:800;letter-spacing:0;line-height:1;text-transform:uppercase}.participant-chip{align-items:center;background:#0b1d2b;border:1px solid rgba(255,255,255,.06);border-radius:6px;display:flex;gap:.5rem;min-width:0;min-height:3.05rem;padding:.36rem;position:relative}.participant-chip.team-blue{border-color:#7c3aed5c}.participant-chip.team-red{border-color:#ff4b6e3d}.participant-chip.player-team{background:#0b1d2b}.participant-chip.current-player{background:linear-gradient(180deg,#d99a1e0f,#0b1d2b 72%);border-color:#d99a1e6b;box-shadow:0 0 0 1px #d99a1e1a,0 0 8px #d99a1e1f}.participant-chip.player-team:after{background:#d99a1e;border-radius:0 5px 0 0;box-shadow:0 0 10px #d99a1e3d;clip-path:polygon(100% 0,100% 100%,0 0);content:"";height:1.05rem;position:absolute;right:0;top:0;width:1.05rem}.participant-chip img{border-radius:6px;flex:0 0 32px;height:32px;width:32px}.participant-chip.current-player img{box-shadow:0 0 0 1px #d99a1e5c,0 0 7px #d99a1e1f}.participant-chip div{min-width:0}.participant-copy{align-items:flex-start;display:flex;flex-direction:column;gap:.08rem;min-width:0;width:100%}.participant-champion-line{align-items:center;display:flex;gap:.48rem;max-width:100%;min-width:0}.participant-chip strong,.participant-chip span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.participant-chip strong{color:#f4fbff;font-size:.82rem}.participant-chip span,.participant-link{font-size:.76rem}.participant-link{display:block}.participant-chip .place-badge,.loadout-row .place-badge{align-self:center;align-items:center;display:inline-flex;flex:0 0 auto;font-size:.68rem;font-weight:750;letter-spacing:.02em;height:1.22rem;line-height:1.22rem;margin-top:0;justify-content:center;padding:0 .44rem}.participant-chip .place-badge-gold,.loadout-row .place-badge-gold{background:#f5c45147;border-color:#f5c45194;color:#fff2c7}.participant-chip .place-badge-purple,.loadout-row .place-badge-purple{background:#a78bfa42;border-color:#a78bfa8c;color:#f0eaff}.participant-chip .place-badge-grey,.loadout-row .place-badge-grey{background:#9fb4c538;border-color:#9fb4c570;color:#eef6fb}.participant-level{color:#8fb8cb;display:inline-block;font-size:.66rem;font-weight:700;line-height:1;vertical-align:middle;white-space:nowrap}.loadout-level-inline{margin-left:.1rem}.loadout-rank-inline{margin-left:.35rem}.loadout-player-link{padding-right:.18rem}.loadout-player-inline-badge{margin-left:.16rem}.loadout-place-line{align-items:center;display:flex;min-height:1.08rem}.loadout-player-copy strong .participant-level{display:inline-block;vertical-align:middle}.stMarkdown .participant-chip a,.stMarkdown .participant-chip a:link,.stMarkdown .participant-chip a:visited,.stMarkdown .participant-chip a:hover,.stMarkdown .participant-chip a:active,.stMarkdown .comparison-identity a,.stMarkdown .comparison-identity a:link,.stMarkdown .comparison-identity a:visited,.stMarkdown .comparison-identity a:hover,.stMarkdown .comparison-identity a:active{color:#f4fbff!important}.stMarkdown .participant-chip a:hover,.stMarkdown .participant-chip a:active,.stMarkdown .comparison-identity a:hover,.stMarkdown .comparison-identity a:active{color:#c4b5fd!important}.lobby-grid{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}.lobby-team{background:#07131f;border:1px solid rgba(124,58,237,.28);border-radius:8px;padding:.75rem}.lobby-team h4{color:#c4b5fd;font-size:.9rem;margin:0 0 .55rem}.lobby-team .participant-chip+.participant-chip{margin-top:.45rem}.match-line-grid{display:grid;gap:.65rem;grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));align-items:stretch;grid-auto-rows:1fr}.match-line-tile{background:linear-gradient(180deg,#101b2b,#0b1523);border:1px solid rgba(124,58,237,.32);border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;height:5.35rem;justify-content:space-between;min-height:5.35rem;overflow:hidden;padding:.72rem .82rem}.match-line-tile span{color:#a9bed0;display:block;font-size:.76rem;font-weight:650;margin-bottom:.3rem;text-transform:uppercase}.match-line-tile strong{color:#f4fbff;display:block;font-size:1.05rem;line-height:1.2;overflow-wrap:anywhere}.comparison-grid{display:grid;gap:.85rem;grid-template-columns:minmax(0,1fr)}.comparison-team{background:#07131f;border:1px solid rgba(124,58,237,.28);border-radius:8px;padding:.75rem}.comparison-team-title{color:#c4b5fd;font-size:.86rem;font-weight:800;margin-bottom:.6rem;text-transform:uppercase}.comparison-table{display:grid;gap:.55rem}.comparison-row{align-items:center;background:#0b1d2b;border:1px solid rgba(255,255,255,.06);border-radius:8px;display:grid;gap:.55rem;grid-template-columns:2.9rem minmax(9.5rem,1.15fr) 4.8rem minmax(5.8rem,.95fr) repeat(4,minmax(4.9rem,.78fr));min-height:5.65rem;padding:.38rem .74rem .34rem}.comparison-player-link{display:block;font-size:.88rem;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comparison-row.current-player{background:#131d35;border-color:#a78bfa94;box-shadow:0 0 0 1px #a78bfa29}.comparison-row img{border-radius:7px;height:2.35rem;width:2.35rem}.comparison-identity,.comparison-stat{min-width:0}.comparison-identity{display:flex;flex-direction:column;gap:.02rem;justify-content:center}.comparison-stat{display:flex;flex-direction:column;justify-content:center;gap:.1rem;padding:0 .08rem;overflow:visible;box-sizing:border-box}.comparison-identity strong,.comparison-identity span,.comparison-stat strong,.comparison-stat span,.comparison-role{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comparison-identity strong,.comparison-stat strong{color:#f4fbff;font-size:.84rem;line-height:1.15}.comparison-identity span,.comparison-stat span{color:#9fb4c5;font-size:.66rem}.stat-line{background:#ffffff0d;border-radius:999px;height:.9rem;margin-bottom:.14rem;overflow:hidden;width:100%}.stat-line span{background:linear-gradient(90deg,#a78bfaeb,#f4fbffc7);display:block;height:100%}.comparison-role{color:#c4b5fd;font-size:.72rem;font-weight:750}.role-badge{align-items:center;display:inline-flex;gap:.28rem;white-space:nowrap}.role-badge img{display:block;height:1.32rem;width:1.32rem}.place-badge{align-self:center;align-items:center;border-radius:999px;display:inline-flex;font-size:.62rem;font-weight:900;letter-spacing:.04em;height:1.22rem;line-height:1.22rem;margin-top:0;padding:0 .42rem;text-transform:uppercase;justify-content:center}.place-badge-gold{background:#f5c45133;border:1px solid rgba(245,196,81,.42);color:#ffe7a6}.place-badge-purple{background:#a78bfa2e;border:1px solid rgba(167,139,250,.4);color:#e6dcff}.place-badge-grey{background:#9fb4c524;border:1px solid rgba(159,180,197,.3);color:#d7e2ea}.place-badge{align-items:center;display:inline-flex;justify-content:center}.role-top{color:#a78bfa}.role-jungle{color:#34d399}.role-mid{color:#fbbf24}.role-bot{color:#60a5fa}.role-support{color:#f472b6}.role-unknown{color:#9fb4c5}.comparison-stat.primary strong{color:#fff;font-size:.92rem}.comparison-stat{min-width:0}.comparison-stat strong{display:block;font-size:.84rem;line-height:1.12}.comparison-stat span{display:block;line-height:1.1}@media(max-width:1100px){.participant-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.champion-list-row{grid-template-columns:3rem minmax(10rem,1fr) repeat(2,minmax(5.6rem,.6fr))}.champion-list-row .champion-list-stat:nth-last-child(-n+2){grid-column:auto}.mastery-list-row{grid-template-columns:3rem 2.5rem minmax(10rem,1fr) minmax(8rem,.8fr)}}@media(max-width:760px){.match-card-head,.lobby-grid,.comparison-grid,.detail-two-col{display:block}.detail-two-col-compact{display:grid}.match-kda{margin-top:.6rem;text-align:left}.lobby-team+.lobby-team{margin-top:.75rem}.participant-strip{grid-template-columns:minmax(0,1fr)}.rank-card{align-items:flex-start;gap:.85rem;min-height:0;padding:.95rem 1rem}.rank-emblem,.rank-emblem img{flex-basis:5.1rem;height:5.1rem;width:5.1rem}.rank-copy span,.rank-card-empty span{font-size:.76rem;margin-bottom:.22rem}.rank-copy strong,.rank-card-empty strong{font-size:1.28rem;line-height:1.18}.rank-copy p,.rank-card-empty p{font-size:.82rem;line-height:1.32;margin-top:.34rem}.champion-stat-card{margin-bottom:.65rem;min-height:0}.champion-list-row,.mastery-list-row{grid-template-columns:2.8rem minmax(0,1fr) minmax(5.2rem,.55fr);gap:.55rem;padding:.58rem}.champion-list-row>img{height:2.8rem;width:2.8rem}.champion-list-main{grid-column:2 / 4}.champion-list-stat{background:#ffffff08;border-radius:6px;padding:.42rem}.champion-list-stat strong{font-size:.92rem}.champion-list-stat span{font-size:.66rem}.mastery-list-row{grid-template-columns:2.8rem 2.2rem minmax(0,1fr)}.mastery-list-row .champion-list-main{grid-column:3 / 4}.mastery-list-row .champion-list-stat{grid-column:1 / 4}.comparison-team+.comparison-team{margin-top:.75rem}.comparison-row{align-items:start;gap:.58rem .6rem;grid-template-columns:2.6rem minmax(0,1fr) auto;min-height:0;padding:.68rem}.comparison-row img{grid-column:1;grid-row:1}.comparison-identity{grid-column:2;grid-row:1;min-height:2.6rem}.comparison-role{align-self:center;grid-column:3;grid-row:1}.comparison-stat{min-height:4.35rem}.comparison-stat-kda{grid-column:1 / 3;grid-row:2}.comparison-stat-damage{grid-column:3 / 4;grid-row:2}.comparison-stat-gold{grid-column:1 / 2;grid-row:3}.comparison-stat-cs{grid-column:2 / 3;grid-row:3}.comparison-stat-vision{grid-column:3 / 4;grid-row:3}.comparison-stat strong,.comparison-stat.primary strong{font-size:.98rem}.comparison-stat span{font-size:.68rem}.stat-line{height:.72rem}.detail-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.comparison-stat{background:#ffffff08;border-radius:6px;padding:.45rem}}hr{border-color:#7c3aed47}.empty-state{margin-top:2rem;background:#07131f;border:1px solid rgba(124,58,237,.32);border-radius:8px;padding:2.2rem;box-shadow:0 0 20px #7c3aed1a}.empty-state h3{margin-bottom:.4rem}.empty-state p{color:#9fc4d5;margin:0}.empty-state-spacer{height:1rem}