/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::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-divide-x-reverse:0;--tw-border-style:solid;--tw-divide-y-reverse:0;--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-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:"Instrument 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-red-400:oklch(70.4% .191 22.216);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-800:oklch(47.3% .137 46.201);--color-amber-900:oklch(41.4% .112 45.904);--color-amber-950:oklch(27.9% .077 45.635);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-900:oklch(37.8% .077 168.94);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-900:oklch(37.9% .146 265.522);--color-blue-950:oklch(28.2% .091 267.935);--color-rose-100:oklch(94.1% .03 12.58);--color-rose-200:oklch(89.2% .058 10.001);--color-rose-500:oklch(64.5% .246 16.439);--color-rose-600:oklch(58.6% .253 17.585);--color-rose-900:oklch(41% .159 10.272);--color-rose-950:oklch(27.1% .105 12.094);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-neutral-50:oklch(98.5% 0 0);--color-neutral-100:oklch(97% 0 0);--color-neutral-200:oklch(92.2% 0 0);--color-neutral-300:oklch(87% 0 0);--color-neutral-400:oklch(70.8% 0 0);--color-neutral-500:oklch(55.6% 0 0);--color-neutral-600:oklch(43.9% 0 0);--color-neutral-700:oklch(37.1% 0 0);--color-neutral-800:oklch(26.9% 0 0);--color-neutral-900:oklch(20.5% 0 0);--color-neutral-950:oklch(14.5% 0 0);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xl:36rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-light:300;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wider:.05em;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--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}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.top-0{top:calc(var(--spacing)*0)}.top-\[-1px\]{top:-1px}.right-0{right:calc(var(--spacing)*0)}.bottom-0{bottom:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.-z-10{z-index:-10}.z-0{z-index:0}.z-50{z-index:50}.col-6{grid-column:6}.col-12{grid-column:12}.col-auto{grid-column:auto}.float-right{float:right}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.mx-1{margin-inline:calc(var(--spacing)*1)}.mx-auto{margin-inline:auto}.my-2{margin-block:calc(var(--spacing)*2)}.my-4{margin-block:calc(var(--spacing)*4)}.ms-2{margin-inline-start:calc(var(--spacing)*2)}.ms-3{margin-inline-start:calc(var(--spacing)*3)}.ms-auto{margin-inline-start:auto}.me-1{margin-inline-end:calc(var(--spacing)*1)}.me-2{margin-inline-end:calc(var(--spacing)*2)}.me-3{margin-inline-end:calc(var(--spacing)*3)}.me-4{margin-inline-end:calc(var(--spacing)*4)}.-mt-3{margin-top:calc(var(--spacing)*-3)}.-mt-5{margin-top:calc(var(--spacing)*-5)}.-mt-px{margin-top:-1px}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-8{margin-top:calc(var(--spacing)*8)}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-6{margin-right:calc(var(--spacing)*6)}.mb-0{margin-bottom:calc(var(--spacing)*0)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.-ml-px{margin-left:-1px}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-3{margin-left:calc(var(--spacing)*3)}.ml-4{margin-left:calc(var(--spacing)*4)}.ml-12{margin-left:calc(var(--spacing)*12)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.size-2{width:calc(var(--spacing)*2);height:calc(var(--spacing)*2)}.size-3{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.h-0{height:calc(var(--spacing)*0)}.h-2\.5{height:calc(var(--spacing)*2.5)}.h-3{height:calc(var(--spacing)*3)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-11{height:calc(var(--spacing)*11)}.h-12{height:calc(var(--spacing)*12)}.h-16{height:calc(var(--spacing)*16)}.h-100{height:calc(var(--spacing)*100)}.h-\[18px\]{height:18px}.h-\[56px\]{height:56px}.h-full{height:100%}.max-h-96{max-height:calc(var(--spacing)*96)}.min-h-dvh{min-height:100dvh}.min-h-screen{min-height:100vh}.w-1\/2{width:50%}.w-2\.5{width:calc(var(--spacing)*2.5)}.w-3{width:calc(var(--spacing)*3)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-12{width:calc(var(--spacing)*12)}.w-100{width:calc(var(--spacing)*100)}.w-\[18px\]{width:18px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-full{max-width:100%}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-5{min-width:calc(var(--spacing)*5)}.min-w-6{min-width:calc(var(--spacing)*6)}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow-1,.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-default{cursor:default}.cursor-not-allowed\!{cursor:not-allowed!important}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-items-center{justify-items:center}.gap-0\.5{gap:calc(var(--spacing)*.5)}.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)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}.gap-12{gap:calc(var(--spacing)*12)}: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-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)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}:where(.divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px*var(--tw-divide-x-reverse));border-inline-end-width:calc(1px*calc(1 - var(--tw-divide-x-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-neutral-200>:not(:last-child)){border-color:var(--color-neutral-200)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.rounded-l-md{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.rounded-r-md{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.rounded-b-lg{border-bottom-right-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-dotted{--tw-border-style:dotted;border-style:dotted}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-400{border-color:var(--color-gray-400)}.border-gray-500{border-color:var(--color-gray-500)}.border-gray-600{border-color:var(--color-gray-600)}.border-gray-700{border-color:var(--color-gray-700)}.border-neutral-100{border-color:var(--color-neutral-100)}.border-neutral-200{border-color:var(--color-neutral-200)}.border-neutral-300{border-color:var(--color-neutral-300)}.bg-amber-200{background-color:var(--color-amber-200)}.bg-amber-600{background-color:var(--color-amber-600)}.bg-black\/8{background-color:#00000014}@supports (color:color-mix(in lab,red,red)){.bg-black\/8{background-color:color-mix(in oklab,var(--color-black)8%,transparent)}}.bg-black\/10{background-color:#0000001a}@supports (color:color-mix(in lab,red,red)){.bg-black\/10{background-color:color-mix(in oklab,var(--color-black)10%,transparent)}}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-blue-700{background-color:var(--color-blue-700)}.bg-emerald-200{background-color:var(--color-emerald-200)}.bg-emerald-600{background-color:var(--color-emerald-600)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-600{background-color:var(--color-gray-600)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-neutral-50{background-color:var(--color-neutral-50)}.bg-neutral-600{background-color:var(--color-neutral-600)}.bg-rose-200{background-color:var(--color-rose-200)}.bg-rose-200\!{background-color:var(--color-rose-200)!important}.bg-rose-500{background-color:var(--color-rose-500)}.bg-rose-600{background-color:var(--color-rose-600)}.bg-white{background-color:var(--color-white)}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.bg-white\/5{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.bg-white\/\[2\%\]{background-color:#ffffff05}@supports (color:color-mix(in lab,red,red)){.bg-white\/\[2\%\]{background-color:color-mix(in oklab,var(--color-white)2%,transparent)}}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-2\.5{padding:calc(var(--spacing)*2.5)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.px-0{padding-inline:calc(var(--spacing)*0)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-\[6px\]{padding-inline:6px}.py-0{padding-block:calc(var(--spacing)*0)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-5{padding-block:calc(var(--spacing)*5)}.py-8{padding-block:calc(var(--spacing)*8)}.py-16{padding-block:calc(var(--spacing)*16)}.ps-0{padding-inline-start:calc(var(--spacing)*0)}.pe-2{padding-inline-end:calc(var(--spacing)*2)}.pe-3{padding-inline-end:calc(var(--spacing)*3)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-8{padding-top:calc(var(--spacing)*8)}.pt-14{padding-top:calc(var(--spacing)*14)}.pr-2\.5{padding-right:calc(var(--spacing)*2.5)}.pb-0{padding-bottom:calc(var(--spacing)*0)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pl-4{padding-left:calc(var(--spacing)*4)}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-xs\/none{font-size:var(--text-xs);line-height:1}.text-\[13px\]{font-size:13px}.leading-3{--tw-leading:calc(var(--spacing)*3);line-height:calc(var(--spacing)*3)}.leading-5{--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5)}.leading-7{--tw-leading:calc(var(--spacing)*7);line-height:calc(var(--spacing)*7)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.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-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-nowrap{text-wrap:nowrap}.text-amber-900{color:var(--color-amber-900)}.text-blue-400{color:var(--color-blue-400)}.text-blue-500{color:var(--color-blue-500)}.text-blue-900{color:var(--color-blue-900)}.text-emerald-500{color:var(--color-emerald-500)}.text-emerald-900{color:var(--color-emerald-900)}.text-gray-200{color:var(--color-gray-200)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-neutral-100{color:var(--color-neutral-100)}.text-neutral-400{color:var(--color-neutral-400)}.text-neutral-500{color:var(--color-neutral-500)}.text-neutral-500\!{color:var(--color-neutral-500)!important}.text-neutral-600{color:var(--color-neutral-600)}.text-neutral-800{color:var(--color-neutral-800)}.text-neutral-900{color:var(--color-neutral-900)}.text-neutral-950{color:var(--color-neutral-950)}.text-red-400{color:var(--color-red-400)}.text-rose-900{color:var(--color-rose-900)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.decoration-neutral-400{-webkit-text-decoration-color:var(--color-neutral-400);text-decoration-color:var(--color-neutral-400)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.scheme-light-dark{color-scheme:light dark}.opacity-90{opacity:.9}.shadow,.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-gray-300{--tw-ring-color:var(--color-gray-300)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.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,visibility,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-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;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}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media (hover:hover){.group-hover\:text-blue-500:is(:where(.group):hover *){color:var(--color-blue-500)}}.odd\:bg-white\/2:nth-child(odd){background-color:#ffffff05}@supports (color:color-mix(in lab,red,red)){.odd\:bg-white\/2:nth-child(odd){background-color:color-mix(in oklab,var(--color-white)2%,transparent)}}.even\:bg-white:nth-child(2n){background-color:var(--color-white)}@media (hover:hover){.hover\:bg-neutral-100:hover{background-color:var(--color-neutral-100)}.hover\:bg-neutral-200:hover{background-color:var(--color-neutral-200)}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:bg-white\/50:hover{background-color:#ffffff80}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/50:hover{background-color:color-mix(in oklab,var(--color-white)50%,transparent)}}.hover\:text-gray-400:hover{color:var(--color-gray-400)}.hover\:text-gray-500:hover{color:var(--color-gray-500)}.hover\:underline:hover{text-decoration-line:underline}}.focus\:z-10:focus{z-index:10}.focus\:border-blue-300:focus{border-color:var(--color-blue-300)}.focus\:ring:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:bg-gray-100:active{background-color:var(--color-gray-100)}.active\:text-gray-500:active{color:var(--color-gray-500)}.active\:text-gray-700:active{color:var(--color-gray-700)}@media (min-width:40rem){.sm\:mb-16{margin-bottom:calc(var(--spacing)*16)}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:flex-1{flex:1}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:justify-start{justify-content:flex-start}.sm\:p-14{padding:calc(var(--spacing)*14)}.sm\:px-6{padding-inline:calc(var(--spacing)*6)}.sm\:py-0{padding-block:calc(var(--spacing)*0)}.sm\:pt-0{padding-top:calc(var(--spacing)*0)}.sm\:pt-16{padding-top:calc(var(--spacing)*16)}.sm\:pb-0{padding-bottom:calc(var(--spacing)*0)}}@media (min-width:48rem){.md\:flex-row{flex-direction:row}}@media (min-width:64rem){.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:px-8{padding-inline:calc(var(--spacing)*8)}}.rtl\:flex-row-reverse:where(:dir(rtl),[dir=rtl],[dir=rtl] *){flex-direction:row-reverse}@media (prefers-color-scheme:dark){:where(.dark\:divide-white\/5>:not(:last-child)){border-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){:where(.dark\:divide-white\/5>:not(:last-child)){border-color:color-mix(in oklab,var(--color-white)5%,transparent)}}:where(.dark\:divide-white\/10>:not(:last-child)){border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){:where(.dark\:divide-white\/10>:not(:last-child)){border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.dark\:border{border-style:var(--tw-border-style);border-width:1px}.dark\:border-none{--tw-border-style:none;border-style:none}.dark\:border-amber-500{border-color:var(--color-amber-500)}.dark\:border-amber-800{border-color:var(--color-amber-800)}.dark\:border-blue-600{border-color:var(--color-blue-600)}.dark\:border-blue-800{border-color:var(--color-blue-800)}.dark\:border-emerald-500{border-color:var(--color-emerald-500)}.dark\:border-emerald-600{border-color:var(--color-emerald-600)}.dark\:border-gray-600{border-color:var(--color-gray-600)}.dark\:border-neutral-500{border-color:var(--color-neutral-500)}.dark\:border-neutral-700{border-color:var(--color-neutral-700)}.dark\:border-neutral-800{border-color:var(--color-neutral-800)}.dark\:border-rose-500{border-color:var(--color-rose-500)}.dark\:border-rose-900{border-color:var(--color-rose-900)}.dark\:border-white\/5{border-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.dark\:border-white\/5{border-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.dark\:border-white\/8{border-color:#ffffff14}@supports (color:color-mix(in lab,red,red)){.dark\:border-white\/8{border-color:color-mix(in oklab,var(--color-white)8%,transparent)}}.dark\:border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.dark\:border-white\/10{border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.dark\:border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab,red,red)){.dark\:border-white\/20{border-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.dark\:border-white\/\[9\%\]{border-color:#ffffff17}@supports (color:color-mix(in lab,red,red)){.dark\:border-white\/\[9\%\]{border-color:color-mix(in oklab,var(--color-white)9%,transparent)}}.dark\:bg-\[\#1a1a1a\]{background-color:#1a1a1a}.dark\:bg-amber-600{background-color:var(--color-amber-600)}.dark\:bg-amber-950{background-color:var(--color-amber-950)}.dark\:bg-blue-700{background-color:var(--color-blue-700)}.dark\:bg-blue-950{background-color:var(--color-blue-950)}.dark\:bg-emerald-600{background-color:var(--color-emerald-600)}.dark\:bg-emerald-900\/70{background-color:#004e3bb3}@supports (color:color-mix(in lab,red,red)){.dark\:bg-emerald-900\/70{background-color:color-mix(in oklab,var(--color-emerald-900)70%,transparent)}}.dark\:bg-gray-800{background-color:var(--color-gray-800)}.dark\:bg-gray-900{background-color:var(--color-gray-900)}.dark\:bg-neutral-400{background-color:var(--color-neutral-400)}.dark\:bg-neutral-600{background-color:var(--color-neutral-600)}.dark\:bg-neutral-700{background-color:var(--color-neutral-700)}.dark\:bg-neutral-800{background-color:var(--color-neutral-800)}.dark\:bg-neutral-900{background-color:var(--color-neutral-900)}.dark\:bg-rose-600{background-color:var(--color-rose-600)}.dark\:bg-rose-900\!{background-color:var(--color-rose-900)!important}.dark\:bg-rose-950{background-color:var(--color-rose-950)}.dark\:bg-transparent{background-color:#0000}.dark\:bg-white{background-color:var(--color-white)}.dark\:bg-white\/1{background-color:#ffffff03}@supports (color:color-mix(in lab,red,red)){.dark\:bg-white\/1{background-color:color-mix(in oklab,var(--color-white)1%,transparent)}}.dark\:bg-white\/3{background-color:#ffffff08}@supports (color:color-mix(in lab,red,red)){.dark\:bg-white\/3{background-color:color-mix(in oklab,var(--color-white)3%,transparent)}}.dark\:bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-white\/5{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.dark\:bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.dark\:bg-white\/10{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.dark\:bg-white\/\[2\%\]{background-color:#ffffff05}@supports (color:color-mix(in lab,red,red)){.dark\:bg-white\/\[2\%\]{background-color:color-mix(in oklab,var(--color-white)2%,transparent)}}.dark\:bg-white\/\[3\%\]{background-color:#ffffff08}@supports (color:color-mix(in lab,red,red)){.dark\:bg-white\/\[3\%\]{background-color:color-mix(in oklab,var(--color-white)3%,transparent)}}.dark\:text-amber-300{color:var(--color-amber-300)}.dark\:text-blue-300{color:var(--color-blue-300)}.dark\:text-emerald-400{color:var(--color-emerald-400)}.dark\:text-emerald-500{color:var(--color-emerald-500)}.dark\:text-gray-300{color:var(--color-gray-300)}.dark\:text-gray-400{color:var(--color-gray-400)}.dark\:text-gray-600{color:var(--color-gray-600)}.dark\:text-neutral-100{color:var(--color-neutral-100)}.dark\:text-neutral-200{color:var(--color-neutral-200)}.dark\:text-neutral-300{color:var(--color-neutral-300)}.dark\:text-neutral-400{color:var(--color-neutral-400)}.dark\:text-neutral-500{color:var(--color-neutral-500)}.dark\:text-neutral-600{color:var(--color-neutral-600)}.dark\:text-neutral-600\!{color:var(--color-neutral-600)!important}.dark\:text-neutral-900{color:var(--color-neutral-900)}.dark\:text-rose-100{color:var(--color-rose-100)}.dark\:text-white{color:var(--color-white)}.dark\:text-white\!{color:var(--color-white)!important}}@media (hover:hover){@media (prefers-color-scheme:dark){.group-hover\:dark\:text-emerald-500:is(:where(.group):hover *){color:var(--color-emerald-500)}}}@media (prefers-color-scheme:dark){.odd\:dark\:bg-white\/4:nth-child(odd){background-color:#ffffff0a}@supports (color:color-mix(in lab,red,red)){.odd\:dark\:bg-white\/4:nth-child(odd){background-color:color-mix(in oklab,var(--color-white)4%,transparent)}}.even\:dark\:bg-white\/2:nth-child(2n){background-color:#ffffff05}@supports (color:color-mix(in lab,red,red)){.even\:dark\:bg-white\/2:nth-child(2n){background-color:color-mix(in oklab,var(--color-white)2%,transparent)}}@media (hover:hover){.dark\:hover\:bg-white\/2:hover{background-color:#ffffff05}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-white\/2:hover{background-color:color-mix(in oklab,var(--color-white)2%,transparent)}}.dark\:hover\:bg-white\/5:hover{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-white\/5:hover{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.dark\:hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-white\/10:hover{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}}}@media (hover:hover){@media (prefers-color-scheme:dark){.hover\:dark\:bg-white\/5:hover{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.hover\:dark\:bg-white\/5:hover{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}}}@media (prefers-color-scheme:dark){@media (hover:hover){.dark\:hover\:text-gray-300:hover{color:var(--color-gray-300)}}}@media (hover:hover){@media (prefers-color-scheme:dark){.hover\:dark\:text-white:hover{color:var(--color-white)}}}@media (prefers-color-scheme:dark){.dark\:focus\:border-blue-700:focus{border-color:var(--color-blue-700)}.dark\:focus\:border-blue-800:focus{border-color:var(--color-blue-800)}.dark\:active\:bg-gray-700:active{background-color:var(--color-gray-700)}.dark\:active\:text-gray-300:active{color:var(--color-gray-300)}}.\[\&_svg\]\:size-2\.5 svg{width:calc(var(--spacing)*2.5);height:calc(var(--spacing)*2.5)}.\[\&_svg\]\:\!text-white svg{color:var(--color-white)!important}@media (hover:hover){.hover\:\[\&_svg\]\:stroke-emerald-500:hover svg{stroke:var(--color-emerald-500)}}@media (prefers-color-scheme:dark){.dark\:\[\&_svg\]\:\!text-white svg{color:var(--color-white)!important}}}.tier-badge{color:#fff;text-shadow:2px 2px 4px #00000080;border:3px solid;border-radius:8px;justify-content:center;align-items:center;width:60px;height:60px;font-size:2rem;font-weight:700;display:flex}.tier-badge-small{color:#fff;text-shadow:1px 1px 2px #00000080;border:2px solid;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.2rem;font-weight:700;display:flex}.tier-s{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border-color:#ff4757;box-shadow:0 0 20px #ff475780}.tier-a{background:linear-gradient(135deg,#ffd93d,#f5ba13);border-color:#f5ba13;box-shadow:0 0 20px #f5ba1380}.tier-b{background:linear-gradient(135deg,#6c5ce7,#5f53d3);border-color:#5f53d3;box-shadow:0 0 20px #5f53d380}.tier-c{background:linear-gradient(135deg,#00b894,#00a884);border-color:#00a884;box-shadow:0 0 20px #00a88480}.tier-d{background:linear-gradient(135deg,#95a5a6,#7f8c8d);border-color:#7f8c8d}.team-card{background:linear-gradient(135deg,#1a1a2ef2,#111827f2);border:2px solid #c9aa714d;border-radius:16px;margin-bottom:20px;padding:20px;transition:all .3s}.team-card:hover{border-color:var(--tft-gold);transform:translateY(-2px);box-shadow:0 8px 32px #c9aa714d}.team-card-header{border-bottom:1px solid #c9aa7133;margin-bottom:16px;padding-bottom:12px}.team-name{color:var(--tft-gold);align-items:center;gap:8px;font-size:1.5rem;font-weight:700;text-decoration:none;display:inline-flex;position:relative}.trails-display{border-radius:8px;flex-wrap:wrap;gap:8px;margin-bottom:16px;padding:12px;display:flex}.trail-badge-item{color:#9ca3af;background:#6b72804d;border:1px solid #6b728080;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:.9rem;transition:all .2s;display:flex}.trail-badge-item.active{color:#22c55e;background:#22c55e33;border-color:#22c55e}.champions-display{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.champion-display-item{flex-direction:column;align-items:center;display:flex;position:relative}.champion-image-wrapper{border:2px solid;border-radius:8px;width:64px;height:64px;position:relative;overflow:hidden}.champion-image{object-fit:cover;width:100%;height:100%}.champion-placeholder{width:100%;height:100%;color:var(--tft-gold);background:linear-gradient(135deg,#2c3e50,#34495e);justify-content:center;align-items:center;font-size:1.5rem;display:flex}.champion-stars-display{z-index:2;gap:1px;display:flex;position:absolute;top:2px;left:2px}.champion-stars-display i{color:var(--tft-gold);text-shadow:0 0 4px #c9aa71cc;font-size:8px}.champion-items-display{gap:2px;margin-top:4px;display:flex}.item-mini{background:#00000080;border:1px solid #c9aa7166;border-radius:4px;width:20px;height:20px;overflow:hidden}.item-mini img{object-fit:cover;width:100%;height:100%}.augments-display-home{border-radius:8px;gap:8px;margin-bottom:12px;padding:12px;display:flex}.augment-mini{border:2px solid;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;overflow:hidden}.augment-mini.augment-gold{border-color:var(--cost-4);background:#f59e0b1a}.augment-mini.augment-silver{background:#6b72801a;border-color:#6b7280}.augment-mini.augment-prismatic{background:#3b82f61a;border-color:#3b82f6}.augment-mini img{object-fit:cover;width:100%;height:100%}.trails-display .trail-icon-img{border-radius:4px;width:28px;height:28px}.trails-display .trail-badge-item{align-items:center;gap:6px;padding:6px 10px;display:flex}@media (max-width:768px){.tier-badge{width:48px;height:48px;font-size:1.5rem}.champion-image-wrapper{width:52px;height:52px}.champions-display{gap:8px}}.trails-display-as-augments{border-radius:8px;gap:8px;margin-bottom:12px;padding:12px;display:flex}.trail-augment-style{cursor:pointer;background:#ffffff0d;border:2px solid #c9aa714d;border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex;position:relative;overflow:hidden}.trail-augment-style.active{border-color:#22c55e;box-shadow:0 0 10px #22c55e4d}.trail-augment-style:hover{border-color:var(--tft-gold);transform:scale(1.05)}.trail-augment-style img{object-fit:cover;background:var(--tft-gold);width:100%;height:100%}.trail-icon-placeholder{width:100%;height:100%;color:var(--tft-gold);background:linear-gradient(135deg,#4a5568,#2d3748);justify-content:center;align-items:center;font-size:20px;display:flex}.champions-display-home{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.champion-display-item-home{flex-direction:column;align-items:center;display:flex;position:relative}.champion-image-wrapper-home{cursor:pointer;background:linear-gradient(135deg,#2c3e50,#34495e);border:3px solid #ffffff4d;border-radius:5px;width:80px;height:80px;transition:all .2s;position:relative;overflow:visible}.champion-image-wrapper-home:hover{border-color:var(--tft-gold);transform:scale(1.05)}.champion-image-wrapper-home img{object-fit:cover;width:100%;height:100%}.champion-cost-badge-home{color:#fff;z-index:2;border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;font-weight:700;display:flex;position:absolute;top:4px;right:4px}.champion-stars-display-home{z-index:2;gap:2px;display:flex;position:absolute;top:4px;left:4px}.champion-stars-display-home i{color:var(--tft-gold);text-shadow:0 0 4px #c9aa71cc;font-size:10px}.champion-items-display-home{z-index:3;gap:2px;display:flex;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.item-mini-home{cursor:pointer;background:#000c;border:1px solid #c9aa7166;border-radius:3px;flex-shrink:0;transition:transform .2s;overflow:hidden;width:20px!important;height:20px!important}.item-mini-home:hover{z-index:15;transform:scale(1.15)}.item-mini-home img{object-fit:cover;width:100%;height:100%}.item-placeholder-home{width:100%;height:100%;color:var(--tft-gold);background:linear-gradient(135deg,#4a5568,#2d3748);justify-content:center;align-items:center;font-size:8px;display:flex}.champion-items-overlay-home{z-index:10;pointer-events:auto;flex-direction:row;gap:2px;display:flex;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.team-card-tier-s{border:2px solid #ff4757;box-shadow:0 0 20px #ff47574d}.team-card-tier-s:hover{border-color:#ff6b6b;box-shadow:0 8px 32px #ff475766}.team-card-tier-a{border:2px solid #f5ba13;box-shadow:0 0 20px #f5ba134d}.team-card-tier-a:hover{border-color:#ffd93d;box-shadow:0 8px 32px #f5ba1366}.team-card-tier-b{border:2px solid #5f53d3;box-shadow:0 0 20px #5f53d34d}.team-card-tier-b:hover{border-color:#6c5ce7;box-shadow:0 8px 32px #5f53d366}.team-card-tier-c{border:2px solid #00a884;box-shadow:0 0 20px #00a8844d}.team-card-tier-c:hover{border-color:#00b894;box-shadow:0 8px 32px #00a88466}.team-card-tier-s .team-card-header{border-bottom-color:#ff47574d}.team-card-tier-a .team-card-header{border-bottom-color:#f5ba134d}.team-card-tier-b .team-card-header{border-bottom-color:#5f53d34d}.team-card-tier-c .team-card-header{border-bottom-color:#00a8844d}.team-card-tier-s:before,.team-card-tier-a:before,.team-card-tier-b:before,.team-card-tier-c:before{content:"";border-radius:16px 16px 0 0;height:4px;position:absolute;top:0;left:0;right:0}.lolchess-navbar{z-index:1000;position:relative}.lolchess-menu{margin:0}.lolchess-menu-item{color:#9ca3af;white-space:nowrap;align-items:center;padding:15px 14px;font-size:.9rem;text-decoration:none;transition:color .2s,background-color .2s;display:inline-flex}.lolchess-menu-item:hover{color:#fff;background-color:#ffffff0d}.lolchess-menu-item.active{color:#fff;background-color:#ffffff14}.lolchess-menu-item.lolchess-menu-highlight{font-weight:600;color:#4ade80!important}.lolchess-menu-item.lolchess-menu-highlight:hover{color:#22c55e!important}.search-wrapper input:focus{outline:none;box-shadow:0 0 0 2px #4ade801a;border-color:#4a4a4a!important}.search-wrapper input::placeholder{color:#666}.dropdown-menu-dark .dropdown-item{color:#9ca3af;padding:8px 16px;font-size:.9rem}.dropdown-menu-dark .dropdown-item:hover{color:#fff;background-color:#3a3a3a}.dropdown-menu-dark .dropdown-item.active{color:#000;background-color:#4ade80;font-weight:600}.lolchess-hero{border-bottom:3px solid #4ade804d}.hero-search-input input:focus{outline:none;box-shadow:0 0 0 3px #d1363933!important}.hero-search-input input::placeholder{color:#999}.dropdown-menu .dropdown-item{cursor:pointer;padding:10px 20px}.dropdown-menu .dropdown-item:hover{background-color:#f0f0f0}.dropdown-menu .dropdown-item.active{color:#fff;background-color:#d13639}.recent-searches a:hover{color:#fff!important;text-decoration:underline!important}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@media (max-width:768px){.lolchess-hero{min-height:400px;padding:3rem 1rem}.hero-logo h1{font-size:2rem!important}.hero-search .d-flex{width:100%;flex-direction:column!important}.hero-search .dropdown,.hero-search-input,.hero-search .btn-danger,.hero-search .btn-light{border-radius:8px!important;width:100%!important;max-width:100%!important}.hero-search-input{margin:.5rem 0}.recent-searches{display:none}}@media (max-width:991px){.lolchess-main-nav{z-index:999;background-color:#1e1e1e;border-top:1px solid #2a2a2a;padding:1rem;position:absolute;top:50px;left:0;right:0;display:none!important}.lolchess-main-nav.show{flex-direction:column;display:flex!important}.lolchess-menu{width:100%;padding:1rem 0;flex-direction:column!important}.lolchess-menu li{width:100%}.lolchess-menu-item{width:100%;padding:12px 20px!important}.d-lg-flex.ms-auto{flex-wrap:wrap;width:100%;justify-content:center!important;margin-top:1rem!important;margin-left:0!important}.search-wrapper{width:100%;margin-bottom:.5rem}.search-wrapper input{width:100%!important}}:root{--tft-gold:#c9aa71;--tft-dark:#1a1a2e;--tft-accent:#d4af37;--cost-1:#8b5cf6;--cost-2:#06b6d4;--cost-3:#10b981;--cost-4:#f59e0b;--cost-5:#ef4444;--health-color:#ef4444;--attack-color:#f59e0b;--armor-color:#94a3b8;--mr-color:#3b82f6;--mana-color:#06b6d4;--magic-color:#a855f7;--transition-fast:.2s ease;--transition-normal:.3s ease;--transition-slow:.5s ease;--shadow-sm:0 2px 4px #0000001a;--shadow-md:0 4px 12px #00000026;--shadow-lg:0 8px 32px #0000004d;--shadow-xl:0 15px 35px #c9aa7133}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--tft-dark);color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:20px}h1{text-align:center;color:var(--tft-gold);margin-bottom:30px;font-size:2.2rem}h2{color:var(--tft-gold)}.text-purple{color:#6f42c1}.width-16{width:16px;height:16px}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:var(--tft-gold)#ffffff1a}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--tft-gold);border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--tft-accent)}.tabs{background:#ffffff1a;border-radius:8px;justify-content:center;margin-bottom:20px;padding:5px;display:flex}.tab-button{color:#fff;cursor:pointer;transition:all var(--transition-normal);background:0 0;border:none;border-radius:6px;margin:0 2px;padding:12px 20px;font-size:14px}.tab-button:hover{background:#ffffff1a}.tab-button.active{background:var(--tft-gold);color:var(--tft-dark);font-weight:600}.tab-content{opacity:1;transition:opacity var(--transition-normal);display:none}.tab-content.hidden{display:none}.tab-content.active{opacity:1;display:block}table{border-collapse:collapse;border-spacing:0;background:#ffffff0d;border-radius:8px;width:100%;overflow:hidden}th{background:var(--tft-gold);color:var(--tft-dark);text-align:left;border-top:none;width:35%;padding:15px;font-weight:700}td{vertical-align:top;border-top:none;border-bottom:1px solid #ffffff1a;padding:15px}tr:hover{background:#ffffff0d}.badge-lg{padding:.5rem .75rem;font-size:.875rem}.cost-badge,.range-badge{box-shadow:var(--shadow-sm);transition:all var(--transition-normal);border:1px solid #fff3;border-radius:20px;align-items:center;padding:.5rem 1rem;font-size:.9rem;font-weight:700;display:inline-flex}.range-badge{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed)}.range-badge:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.stat-card{background:#ffffff0d;border:1px solid #c9aa7133;border-radius:8px;padding:1.5rem;animation:.7s ease-out fadeIn}.stat-card-content{flex-direction:column;gap:.5rem;display:flex}.stat-name{color:var(--tft-gold);text-transform:capitalize;font-size:12px;font-weight:600}.stat-value{color:#fff;font-size:20px;font-weight:700;line-height:1}.stat-icon{justify-content:center;align-items:center;width:16px;height:16px;font-size:.8rem;display:inline-flex}.percentage{color:var(--cost-3);font-weight:600}.ability-card{background:#ffffff0d;border:1px solid #c9aa7133;border-radius:12px;margin-bottom:2rem;padding:2rem;animation:.8s ease-out fadeIn}.range-bar{background:#fff3;border-radius:2px;width:16px;height:4px}.range-bar.active{background:linear-gradient(90deg,var(--attack-color),#d97706)}.damage-value{color:var(--attack-color);font-weight:700}.breakpoint-count{background:var(--tft-gold);width:20px;height:20px;color:var(--tft-dark);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;line-height:1;display:flex}.breakpoint-effect{color:#fbbf24;flex-wrap:wrap;flex:1;align-items:center;font-size:.85rem;font-weight:600;line-height:1.3;display:flex}.effect-text{color:#e2e8f0;font-style:italic}.filters-section,.augment-filters{background:#ffffff0d;border:1px solid #c9aa7133;border-radius:12px;margin-bottom:2rem;padding:2rem}.filter-group{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.search-input:focus{border-color:var(--tft-gold);background:#ffffff26;outline:none;box-shadow:0 0 0 3px #c9aa714d}.search-input::placeholder{color:#fff9}.type-filter-btn{color:#fff;cursor:pointer;transition:all var(--transition-normal);background:#ffffff1a;border:2px solid #0000;border-radius:20px;padding:.5rem 1rem;font-size:.85rem;font-weight:500}.type-filter-btn:hover{background:#c9aa7133;border-color:#c9aa714d}.type-filter-btn.active{background:var(--tft-gold);color:var(--tft-dark);border-color:var(--tft-gold)}.type-filter-btn.gold.active{background:linear-gradient(135deg,var(--cost-4),#d97706);border-color:var(--cost-4);color:#fff}.type-filter-btn.silver.active{color:#fff;background:linear-gradient(135deg,#6b7280,#4b5563);border-color:#6b7280}.type-filter-btn.prismatic.active{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:#3b82f6}.item-tooltip,.augment-tooltip,.champion-tooltip{border:2px solid var(--tft-gold);box-shadow:var(--shadow-lg);z-index:1000;opacity:0;visibility:hidden;transition:all var(--transition-normal);pointer-events:none;color:#e2e8f0;background:linear-gradient(135deg,#2c3e50,#34495e);border-radius:8px;padding:12px;font-size:13px;line-height:1.4;position:absolute}.item-tooltip{min-width:300px;max-width:400px;font-size:14px}.item-tooltip.show,.augment-tooltip.show,.champion-tooltip.show{opacity:1;visibility:visible}.tooltip-header,.augment-tooltip-header{border-bottom:1px solid #c9aa714d;margin-bottom:8px;padding-bottom:8px}.tooltip-title,.augment-tooltip-title{color:var(--tft-gold);margin-bottom:4px;font-size:15px;font-weight:700}.tooltip-type,.augment-tooltip-type{text-transform:uppercase;letter-spacing:.5px;opacity:.8;border-radius:4px;padding:2px 6px;font-size:11px;display:inline-block}.tooltip-description,.augment-tooltip-description{color:#e2e8f0;margin-bottom:8px;font-size:12px;line-height:1.5}.tooltip-champion-info{flex-direction:column;gap:4px;display:flex}.tooltip-champion-name{color:#fff;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:700;display:flex}.tooltip-cost-badge{color:#fff;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:700;display:flex}.tooltip-champion-type{color:#94a3b8;font-size:12px;font-style:italic}.tooltip-trails{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.tooltip-trail-item{color:var(--tft-gold);align-items:center;gap:6px;font-size:12px;display:flex}.tooltip-trail-item i{width:14px;font-size:10px}.tooltip-range{margin-bottom:12px}.tooltip-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.tooltip-range-bars{gap:2px;margin:4px 0;display:flex}.tooltip-range-text{color:#94a3b8;font-size:11px}.tooltip-ability{border-radius:8px;margin-bottom:12px}.tooltip-ability-header{align-items:flex-start;gap:8px;margin-bottom:8px;display:flex}.tooltip-ability-icon{object-fit:cover;border:1px solid #c9aa7166;border-radius:6px;width:40px;height:40px}.tooltip-ability-icon-placeholder{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:1px solid #c9aa7166;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.tooltip-ability-info{flex:1;min-width:0}.tooltip-ability-name{color:#60a5fa;margin:0 0 4px;font-size:14px;font-weight:700}.tooltip-mana{color:var(--mana-color);background:#06b6d41a;border-radius:4px;padding:2px 6px;font-size:11px;display:inline-block}.tooltip-ability-description{color:#e2e8f0;margin:8px 0;font-size:12px;line-height:1.5}.tooltip-damage{flex-direction:column;gap:4px;margin-top:8px;display:flex}.tooltip-items{border-top:1px solid #ffffff1a;padding-top:12px}.tooltip-items-title{color:var(--tft-gold);text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;font-size:12px;font-weight:600}.tooltip-items-grid{flex-wrap:wrap;gap:6px;display:flex}.tooltip-item{background:#ffffff0d;border:1px solid #c9aa714d;border-radius:6px;width:32px;height:32px;overflow:hidden}.tooltip-item img{object-fit:cover;width:100%;height:100%}.tooltip-item-placeholder{color:#9ca3af;background:linear-gradient(135deg,#374151,#1f2937);justify-content:center;align-items:center;width:100%;height:100%;font-size:12px;display:flex}.tooltip-stats{margin-bottom:12px}.stat-item{align-items:center;gap:6px;margin-bottom:4px;font-size:12px;display:flex}.stat-text{color:#e2e8f0}.recipe-components{border-top:1px solid #ffffff1a;padding-top:10px}.recipe-title{color:var(--tft-gold);align-items:center;gap:6px;margin-bottom:8px;font-size:12px;font-weight:600;display:flex}.recipe-title i{font-size:10px}.recipe-items{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.recipe-component{width:24px;height:24px;transition:transform var(--transition-fast),border-color var(--transition-fast);background:#ffffff0d;border:1px solid #c9aa714d;border-radius:4px;overflow:hidden}.recipe-component:hover{border-color:#c9aa7199;transform:scale(1.1)}.recipe-component img{object-fit:cover;width:100%;height:100%;display:block}.admin-augment-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.admin-augment-stat-card{border-left:4px solid var(--tft-gold);box-shadow:var(--shadow-sm);background:#fff;border-radius:8px;padding:1.5rem}.admin-augment-stat-value{color:#2d3748;font-size:2rem;font-weight:700;line-height:1}.admin-augment-stat-label{color:#718096;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-size:.875rem}.all-champions-section{background:#0000004d;border:1px solid #c9aa7133;border-radius:12px;padding:1.5rem}.loading-overlay{z-index:9999;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-spinner{border:4px solid #c9aa714d;border-top:4px solid var(--tft-gold);border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}.champion-tooltip.show{animation:.2s ease-out tooltipFadeIn}.board-synergies-layout{grid-template-columns:1fr 300px;align-items:start;gap:20px;display:grid}.tooltip-champion{background:#ffffff0d;border:1px solid #c9aa714d;border-radius:6px;width:36px;height:36px;transition:all .2s;position:relative;overflow:hidden}.tooltip-champion:hover{z-index:1;border-color:#c9aa7199;transform:scale(1.1)}.tooltip-champion img{object-fit:cover;width:100%;height:100%;display:block}.tooltip-champion-cost{color:#fff;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:9px;font-weight:700;line-height:1;display:flex;position:absolute;top:-2px;right:-2px}.tooltip-champion-cost.cost-1{background-color:#8b5cf6}.tooltip-champion-cost.cost-2{background-color:#06b6d4}.tooltip-champion-cost.cost-3{background-color:#10b981}.tooltip-champion-cost.cost-4{background-color:#f59e0b}.tooltip-champion-cost.cost-5{background-color:#ef4444}.main-layout{grid-template-columns:1fr;align-items:start;gap:20px;min-height:600px;display:grid}.loading-items,.no-items,.error-items{color:#6b7280;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:20px;font-style:italic;display:flex}.loading-items i,.no-items i,.error-items i{margin-bottom:10px}.notification{color:#fff;z-index:10000;border-radius:8px;min-width:250px;padding:12px 20px;font-weight:600;animation:.3s ease-out slideInRight;position:fixed;top:20px;right:20px;box-shadow:0 4px 12px #0000004d}.notification-success{background:linear-gradient(135deg,#22c55e,#16a34a)}.notification-warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.notification-error{background:linear-gradient(135deg,#ef4444,#dc2626)}.notification-info{background:linear-gradient(135deg,#3b82f6,#2563eb)}.board-slot.item-drag-over{background:#22c55e33;border:2px solid #22c55e;transform:scale(1.02);box-shadow:0 0 15px #22c55e66}.board-slot.item-drag-over:after{content:"Drop item here";color:#fff;white-space:nowrap;z-index:15;background:#22c55ee6;border-radius:4px;padding:4px 8px;font-size:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.board-slot.item-drag-over .champion-items{opacity:1;visibility:visible;pointer-events:auto}.type-tab{color:#94a3b8;cursor:pointer;text-align:center;background:0 0;border:none;border-radius:8px;flex:1;min-width:80px;padding:10px 16px;font-weight:500;transition:all .3s}.type-tab:hover{color:#fff;background:#ffffff1a}.type-tab.active{color:#1a1a2e;background:#c9aa71;font-weight:700}.selected-indicator{color:#fff;background:#22c55e;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;display:none;position:absolute;top:8px;right:8px}.board-slot.occupied .champion-items{opacity:1;pointer-events:auto}.cost-1{background-color:var(--cost-1);color:#fff}.cost-2{background-color:var(--cost-2);color:#fff}.cost-3{background-color:var(--cost-3);color:#fff}.cost-4{background-color:var(--cost-4);color:#fff}.cost-5{background-color:var(--cost-5);color:#fff}.champion-items.has-items,.board-slot:hover .champion-items{opacity:1;pointer-events:auto}.equipped-item{cursor:pointer;width:100%;height:100%;transition:transform var(--transition-fast);border-radius:2px;position:relative;overflow:hidden}.equipped-item:hover{transform:scale(1.05)}.equipped-item img{object-fit:cover;width:100%;height:100%;display:block}.btn{cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:6px;align-items:center;gap:.5rem;padding:8px 16px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb)}.btn-secondary{color:#fff;background:linear-gradient(135deg,#6b7280,#4b5563)}.btn:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.items-grid::-webkit-scrollbar{width:6px}.items-grid::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.items-grid::-webkit-scrollbar-thumb{background:var(--tft-gold);border-radius:3px}.hidden{display:none!important}.custom-pagination-wrapper{border-top:1px solid #e3e6f0;padding-top:1.5rem}.pagination-info{color:#666;font-size:14px}.pagination-custom{align-items:center;gap:8px;margin:0;padding:0;list-style:none;display:inline-flex}.pagination-custom .page-item{display:inline-block}.pagination-custom .page-link{color:#333;cursor:pointer;text-align:center;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;min-width:40px;padding:8px 16px;font-size:14px;font-weight:400;line-height:1.5;text-decoration:none;transition:all .2s;display:block}.pagination-custom .page-link:hover{color:#06c;background-color:#e8f4f8;border-color:#b8d4e8;text-decoration:none}.pagination-custom .page-item.active .page-link{color:#fff;cursor:default;background-color:#4a90e2;border-color:#4a90e2;font-weight:600}.pagination-custom .page-item.disabled .page-link{color:#999;cursor:not-allowed;opacity:.6;background-color:#f9f9f9;border-color:#e0e0e0}.pagination-custom .page-item:first-child .page-link,.pagination-custom .page-item:last-child .page-link{color:#06c;background-color:#e8f4f8;padding:8px 20px;font-weight:500}.pagination-custom .page-item:first-child.disabled .page-link,.pagination-custom .page-item:last-child.disabled .page-link{color:#999;background-color:#f9f9f9}.items-per-page{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.items-per-page .btn{min-width:45px}.power-ups-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-bottom:2rem;display:grid}.power-up-compact-card{background:linear-gradient(135deg,#2c3e50,#1a1a2e);border:1px solid #c9aa7133;border-radius:12px;padding:16px;transition:all .3s;animation:.5s ease-out fadeIn}.power-up-compact-card:hover{border-color:#c9aa7180;transform:translateY(-4px);box-shadow:0 8px 25px #c9aa7133}.power-up-compact-header{border-bottom:1px solid #ffffff1a;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:10px;display:flex}.power-up-compact-icon{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.power-up-compact-icon i{color:#fff;font-size:16px}.power-up-compact-name{color:#fff;margin:0;font-size:16px;font-weight:700;line-height:1.2}.power-up-compact-meta{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.meta-item{color:#94a3b8;letter-spacing:.3px;background:#ffffff14;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:500}.power-up-compact-description{color:#e2e8f0;background:#0000004d;border-left:2px solid #c9aa7166;border-radius:6px;margin-bottom:14px;padding:10px;font-size:13px;line-height:1.5}.power-up-compact-champions-section{border-top:1px solid #ffffff1a;margin-top:12px;padding-top:12px}.champions-section-header{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;margin-bottom:10px;font-size:11px;font-weight:600;display:flex}.champions-section-header i{font-size:10px}.power-up-compact-champions-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.power-up-champion-icon{cursor:pointer;border:2px solid #fff3;border-radius:6px;flex-shrink:0;width:36px;height:36px;transition:all .2s;position:relative;overflow:hidden}.power-up-champion-icon:hover{z-index:10;border-color:#c9aa71cc;transform:scale(1.08)}.power-up-champion-icon img{object-fit:cover;width:100%;height:100%;display:block}.power-up-compact-card:empty{display:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.power-ups-grid.loading{opacity:.6;pointer-events:none}.hot-icon{color:#ff6b35;filter:drop-shadow(0 0 8px #ff6b3599);align-items:center;font-size:1.1rem;animation:1.5s ease-in-out infinite fireFlicker;display:inline-flex}@keyframes fireFlicker{0%,to{opacity:1;color:#ff6b35;transform:scale(1)translateY(0)}25%{opacity:.9;color:#ff8c42;transform:scale(1.1)translateY(-2px)}50%{opacity:1;color:#ff4500;transform:scale(.95)translateY(0)}75%{opacity:.95;color:#ff6b35;transform:scale(1.05)translateY(-1px)}}.hot-icon:hover{color:#ff4500;filter:drop-shadow(0 0 12px #ff4500cc);transform:scale(1.3)}.team-card-header .flex{align-items:center;display:flex}.team-cost-badge{color:var(--tft-gold);background:#c9aa7126;border:1px solid #c9aa714d;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.9rem;font-weight:600;display:flex}.team-cost-badge i{font-size:.85rem}.team-view-btn{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border:1px solid #3b82f64d;border-radius:8px;align-items:center;gap:6px;padding:6px 16px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.team-view-btn:hover{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);text-decoration:none;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.team-view-btn:active{transform:translateY(0)}.stats-grid{flex-wrap:wrap;gap:4px;display:flex}.badge-sm{padding:.25rem .5rem;font-size:.75rem}.btn-group-vertical .btn{border-radius:0}.btn-group-vertical .btn:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.btn-group-vertical .btn:last-child{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.table td.align-middle{vertical-align:middle!important}.table th:first-child,.table td:first-child{width:30px;max-width:30px;padding:.5rem .25rem!important}.table th:nth-child(2),.table td:nth-child(2){width:50px;max-width:50px;padding:.25rem!important}.table td:nth-child(2) img,.table td:nth-child(2)>div{width:32px!important;height:32px!important}.table th:nth-child(4),.table td:nth-child(4){white-space:nowrap;width:20px}.table td:nth-child(5){min-width:250px}.level-champions-section{background-color:#f9f9f9;border-left:4px solid #007bff!important}.level-champions-section:hover{background-color:#f5f5f5}.level-champion-row{background-color:#fff;transition:all .3s}.level-champion-row:hover{box-shadow:0 2px 4px #0000001a}.level-champion-select{font-size:.9rem}.level-validation{border-radius:4px;min-height:20px;padding:5px}.champion-count{font-weight:700}.board-champions-panel{flex-direction:column;gap:20px;display:flex}.team-board-section{background:#0006;border:2px solid #c9aa714d;border-radius:15px;padding:20px;box-shadow:0 8px 32px #0000004d}.team-actions{justify-content:center;gap:1rem;margin-bottom:20px;display:flex}.team-board{background:#0009;border:2px solid #c9aa7133;border-radius:12px;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(7,1fr);gap:8px;max-width:700px;margin:0 auto;padding:20px;display:grid}.board-slot{cursor:pointer;background:#ffffff0d;border:2px dashed #c9aa7166;border-radius:8px;justify-content:center;align-items:center;width:80px;height:80px;transition:all .3s;display:flex;position:relative;overflow:visible}.board-slot:hover{background:#c9aa711a;border-color:#c9aa71cc;transform:scale(1.05)}.board-slot.occupied{cursor:move;background:#c9aa711a;border:2px solid #c9aa71}.board-slot.occupied:active{cursor:grabbing}.board-slot.occupied[style*="opacity: 0.5"]{background:#c9aa710d;border-style:dashed}.board-slot.occupied:hover{transform:scale(1.05);box-shadow:0 0 15px #c9aa7166}.board-slot .champion-avatar{z-index:1;object-fit:cover;border-radius:6px;width:100%;height:100%;position:relative}.board-slot .champion-cost-badge{color:#fff;z-index:2;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-weight:700;display:flex;position:absolute;top:2px;right:2px}.board-slot .remove-champion{cursor:pointer;z-index:3;background:#ef4444;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:none;position:absolute;top:-2px;left:-2px}.board-slot.occupied:hover .remove-champion{display:flex}.remove-champion i{color:#fff;font-size:10px}.board-slot.drag-over{transform:scale(1.05)}.board-slot.drag-over-empty{background-color:#22c55e33;border:2px solid #22c55e;box-shadow:0 0 20px #22c55e4d}.board-slot.drag-over-occupied{background-color:#f9731633;border:2px solid #f97316;box-shadow:0 0 20px #f973164d}body.champion-dragging{-webkit-user-select:none;user-select:none}body.champion-dragging .champion-item:not(.dragging){opacity:.7}.champion-mini{border:2px solid #ffffff4d;border-radius:8px;width:60px;height:60px;position:relative;overflow:hidden}.champion-cost{color:#fff;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex;position:absolute;top:2px;right:2px}.info-box{border-radius:8px;box-shadow:0 2px 4px #0000001a}.tier-preview{border-radius:5px;margin-left:10px;padding:5px 15px;font-weight:700;display:inline-block}.champions-display{flex-wrap:wrap;gap:10px;display:flex}.champion-mini{cursor:pointer;border:2px solid #ddd;border-radius:8px;width:80px;height:80px;transition:all .3s;position:relative;overflow:hidden}.champion-mini:hover{border-color:#007bff;box-shadow:0 0 10px #007bff80}.champion-mini img{object-fit:cover;width:100%;height:100%}.champion-default{color:#999;background:#f0f0f0;justify-content:center;align-items:center;width:100%;height:100%;font-size:24px;display:flex}.champion-cost{color:#fff;border-radius:4px;padding:2px 6px;font-size:12px;font-weight:700;position:absolute;bottom:2px;right:2px}.champion-item-box{background:#f8f9fa}.team-level-champions-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#141d2e99,#202f4699);border:2px solid #c9aa714d;border-radius:12px;padding:30px;display:none}.level-champions-row{animation:.5s ease-out fadeInUp}.level-label-container{justify-content:center;align-items:center;min-width:120px;display:flex}.level-badge{background:linear-gradient(135deg,#c9aa7126,#c9aa710d);border:2px solid #c9aa7166;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-width:100px;padding:16px;transition:all .3s;display:flex}.level-badge:hover{background:linear-gradient(135deg,#c9aa7140,#c9aa7126);border-color:#c9aa71cc;transform:translateY(-2px);box-shadow:0 0 15px #c9aa7133}.level-text{color:#c9aa71;text-shadow:2px 2px 4px #00000080;margin-bottom:8px;font-size:1.5rem;font-weight:700}.level-stars{gap:4px;font-size:.9rem;display:flex}.level-stars i{color:#c9aa71;text-shadow:1px 1px 2px #00000080}.level-champions-flex{flex:1;gap:16px;min-width:0;display:flex}.champion-level-item{cursor:pointer;background:linear-gradient(135deg,#2c3e5080,#34495e80);border:2px solid #fff3;border-radius:10px;flex-direction:column;align-items:center;gap:8px;padding:8px;transition:all .3s;display:flex;position:relative;overflow:hidden}.champion-level-item:before{content:"";background:linear-gradient(90deg,#0000,#c9aa714d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.champion-level-item:hover:before{left:100%}.champion-level-item:hover{background:linear-gradient(135deg,#2c3e50cc,#34495ecc);border-color:#c9aa71cc;transform:translateY(-4px)scale(1.05);box-shadow:0 0 20px #c9aa714d,inset 0 0 10px #c9aa711a}.champion-level-image{object-fit:cover;z-index:1;border:2px solid #c9aa7166;border-radius:8px;width:70px;height:70px;transition:all .3s;position:relative}.champion-level-item:hover .champion-level-image{border-color:#c9aa71cc;box-shadow:0 0 12px #c9aa7180}.champion-level-placeholder{color:#c9aa7180;background:linear-gradient(135deg,#6464644d,#5050504d);border:2px dashed #c9aa714d;border-radius:8px;justify-content:center;align-items:center;width:70px;height:70px;font-size:2rem;transition:all .3s;display:flex}.champion-level-item:hover .champion-level-placeholder{color:#c9aa71cc;border-color:#c9aa7199}.champion-level-name{color:#e0e0e0;text-align:center;word-break:break-word;text-overflow:ellipsis;white-space:nowrap;text-shadow:1px 1px 2px #00000080;z-index:1;max-width:90px;font-size:.85rem;font-weight:500;transition:all .3s;position:relative;overflow:hidden}.champion-level-item:hover .champion-level-name{color:#c9aa71;font-weight:600}.toggle-btn{align-items:center;gap:6px;min-width:40px;padding:8px 16px;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.toggle-btn i{font-size:1.1em;transition:transform .3s}.toggle-btn.collapsed{background:#c9aa714d;border-color:#c9aa71;box-shadow:0 0 10px #c9aa714d}.toggle-btn.collapsed i{color:#f7d98d;transform:rotate(-90deg)}.toggle-btn:hover{background:#c9aa7126;border-color:#c9aa71cc;transform:translateY(-2px)}.toggle-btn.collapsed:hover{background:#c9aa7166;box-shadow:0 0 15px #c9aa7166}.toggle-btn:active{transform:scale(.95)}.toggle-btn{position:relative;overflow:hidden}.ripple{pointer-events:none;background:#ffffff80;border-radius:50%;animation:.6s ease-out ripple-animation;position:absolute;transform:scale(0)}@keyframes ripple-animation{to{opacity:0;transform:scale(4)}}#champions-section{opacity:0;max-height:0;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}#champions-section.show{opacity:1;max-height:2000px;display:block}.trail-synergy-display{background:#0006;border:2px solid #c9aa714d;border-radius:12px;flex:1;width:100%;min-width:300px;max-width:none;padding:15px;animation:.5s ease-out fadeIn;position:static;box-shadow:0 8px 32px #0000004d}.trail-synergy-list{scrollbar-width:thin;scrollbar-color:#c9aa6e #ffffff1a;flex-direction:column;gap:6px;max-height:308px;display:flex;overflow-y:auto}.trail-item{cursor:pointer;border-radius:6px;align-items:center;padding:8px 12px;transition:all .2s;animation:.3s ease-out slideIn;display:flex;position:relative}.trail-item.active{background:#22c55e33;border-left:3px solid #22c55e}.trail-item.inactive{opacity:.7;background:#6b728033;border-left:3px solid #6b7280}.trail-item:hover{background:#c9aa711a}.trail-icon-img{object-fit:cover;border-radius:2px;width:20px;height:20px}.trail-info{flex:1;min-width:0}.trail-name{color:#c9aa6e;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;font-weight:700;line-height:1.2;overflow:hidden}.trail-item.active .trail-count{color:#22c55e}.trail-tooltip-description{color:#cdbe91;margin-bottom:12px;font-size:12px;line-height:1.4}.trail-tooltip-effects{border-top:1px solid #ffffff1a;padding-top:8px}.current-effect{color:#a09b8c;margin-bottom:4px;font-size:11px}.trail-synergy-display.loading{opacity:.8}.trail-synergy-display.loading:after{content:"";border:2px solid #c9aa6e;border-top-color:#0000;border-radius:50%;width:100%;height:20px;animation:1s linear infinite spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}body.champion-dragging .trail-synergy-display{pointer-events:none;opacity:.5;transition:all .3s;transform:scale(.95)}.no-trails{text-align:center;color:#6b7280;padding:20px;font-size:12px;font-style:italic}.trail-tooltip.visible{color:#fff;z-index:10000;pointer-events:none;opacity:1;background:#000000f2;border:1px solid #c9aa6e;border-radius:6px;max-width:250px;padding:12px;font-size:12px;line-height:1.4;animation:.3s ease-out tooltipFadeIn;display:block;position:fixed;transform:translateY(0)scale(1);box-shadow:0 4px 12px #00000080}.trail-tooltip-header{color:#c9aa6e;border-bottom:1px solid #c9aa714d;margin-bottom:12px;padding-bottom:8px;font-weight:700}.trail-icon-img[src=""]{display:none}.trail-synergy-list::-webkit-scrollbar{width:6px}.trail-synergy-list::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.trail-synergy-list::-webkit-scrollbar-thumb{background:#c9aa6e;border-radius:3px}.trail-synergy-list::-webkit-scrollbar-thumb:hover{background:#d4af37}.trail-tooltip{color:#fff;z-index:10000;pointer-events:none;opacity:0;background:linear-gradient(135deg,#1a1a2efa,#111827fa);border:2px solid #c9aa71;border-radius:12px;min-width:320px;max-width:400px;padding:16px;font-size:13px;line-height:1.4;transition:all .2s;display:none;position:fixed;transform:translateY(-10px)scale(.95);box-shadow:0 8px 32px #000c,0 0 0 1px #c9aa7133}.trail-tooltip-header strong{color:#c9aa71;font-size:14px;font-weight:700}.trail-tooltip-effects{border-top:1px solid #ffffff1a;padding-top:8px;font-size:12px}.next-breakpoint{color:#60a5fa;font-size:11px;font-weight:500}.max-breakpoint{color:#22c55e;font-size:11px;font-weight:500}.trail-item:focus,.trail-item:focus-visible{outline-offset:2px;outline:2px solid #c9aa71}.trail-tooltip-title{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.trail-tooltip-title strong{color:#c9aa71;flex:1;font-size:16px;font-weight:700}.trail-tooltip-type{color:#c9aa71;text-transform:uppercase;letter-spacing:.5px;background:#c9aa7133;border:1px solid #c9aa714d;border-radius:12px;padding:2px 8px;font-size:10px;font-weight:600}.current-status{align-items:center;gap:8px;font-size:12px;display:flex}.status-label{color:#94a3b8;font-weight:600}.status-count{color:#e2e8f0;font-weight:600}.status-active{text-transform:uppercase;letter-spacing:.5px;border-radius:12px;padding:2px 8px;font-size:10px;font-weight:700}.status-active.active{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a)}.status-active.inactive{color:#fff;background:linear-gradient(135deg,#6b7280,#4b5563)}.breakpoint-item{align-items:center;gap:8px;padding:4px 0;font-size:11px;transition:all .2s;display:flex}.breakpoint-item.active{color:#22c55e}.breakpoint-item.inactive{opacity:.7;background:#6b72801a}.breakpoint-item.current{background:#22c55e1a;border-left:2px solid #22c55e;border-radius:4px;padding:4px 8px}.breakpoint-item.next{color:#60a5fa;background:#3b82f61a;border-left:2px solid #3b82f6;border-radius:4px;padding:4px 8px}.breakpoint-number{color:#1a1a2e;background:#c9aa71;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:700;display:flex}.breakpoint-item.active .breakpoint-number{color:#fff;background:#22c55e}.breakpoint-item.next .breakpoint-number{color:#fff;background:#3b82f6}.breakpoint-effect strong{color:#fbbf24;font-weight:600}.breakpoint-item.active .breakpoint-effect{font-weight:600}.needed{color:#60a5fa;font-size:10px;font-style:italic}.max-breakpoint-info{color:#22c55e;text-align:center;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:6px;margin-bottom:8px;padding:6px 10px;font-size:11px;font-weight:600}.max-indicator{text-transform:uppercase;letter-spacing:.5px;justify-content:center;align-items:center;gap:4px;font-weight:700;display:flex}.trails-panel{box-shadow:none;background:0 0;border:none;border-radius:0;flex-direction:column;gap:15px;padding:0;display:flex;position:static}.trail-count{color:var(--tft-gold);font-size:11px;font-weight:500}.trail-badge{border:1px solid var(--tft-gold);color:var(--tft-gold);background:#c9aa7133;border-radius:16px;align-items:center;margin:.2rem .2rem 15px;padding:.4rem .8rem;font-size:.85rem;font-weight:500;display:inline-flex}.trail-champions{flex-wrap:wrap;gap:.5rem;display:flex}.trail-champions .champion-avatar-small{cursor:pointer;background:linear-gradient(135deg,#2c3e50,#34495e);border:3px solid #ffffff4d;border-radius:5px;width:70px;height:70px;transition:all .2s;position:relative;overflow:visible}.trail-card{transition:all var(--transition-normal);background:#0006;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem;position:relative}.trail-card:hover{box-shadow:var(--shadow-md);border-color:#c9aa714d}.trail-header{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.trail-icon{background:var(--tft-gold);width:32px;height:32px;color:var(--tft-dark);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-right:10px;font-size:1.2rem;display:flex}.trail-description{color:#d1d5db;margin-bottom:1rem;font-size:.9rem;line-height:1.4}.trail-breakpoints{flex-direction:column;gap:.25rem;display:flex}.trail-tooltip-breakpoints{border-top:1px solid #ffffff1a;margin-top:12px;padding-top:12px}.trail-tooltip-title-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.current-count-badge{color:#22c55e;white-space:nowrap;background:#22c55e33;border:1px solid #22c55e;border-radius:12px;padding:2px 8px;font-size:10px;font-weight:700}.trail-champions .champion-wrapper{flex-direction:column;align-items:center;gap:4px;display:flex}.trail-champions .champion-avatar-small{display:block;position:relative}.champion-name-label{color:#fff;white-space:nowrap;text-overflow:ellipsis;text-align:center;background-color:#000000b3;border-radius:3px;width:100%;max-width:80px;padding:2px 6px;font-size:12px;font-weight:500;transition:all .2s;overflow:hidden}@keyframes slideIn{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes itemEquip{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes itemRemove{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}.champions-items-layout{grid-template-columns:1fr 300px;align-items:start;gap:20px;display:grid}.champion-items{opacity:0;visibility:hidden;transition:opacity var(--transition-fast);pointer-events:none;z-index:20;gap:1px;display:flex;position:absolute;bottom:-12px;left:50%;transform:translate(-50%)}.champion-items.has-items{opacity:1;visibility:visible;pointer-events:auto}.champion-items.drag-preview{opacity:.7;visibility:visible;pointer-events:auto}.champion-items.has-items.drag-preview{opacity:1}.champion-items .item-slot,.champion-items .equipped-item{pointer-events:auto}.champions-section{background:#0006;border:2px solid #c9aa714d;border-radius:15px;flex:1;width:100%;max-width:100%;padding:20px}.champions-grid{scrollbar-width:thin;scrollbar-color:#c9aa71 #ffffff1a;background:#0003;border-radius:8px;grid-template-columns:repeat(auto-fill,minmax(45px,1fr));gap:6px;max-height:300px;padding:12px;display:grid;overflow-y:auto}.champion-item{cursor:pointer;background:linear-gradient(135deg,#2c3e50,#34495e);border:2px solid #ffffff4d;border-radius:8px;transition:all .2s;position:relative;overflow:hidden}.champions-container::-webkit-scrollbar{width:8px}.champions-grid::-webkit-scrollbar{width:8px}.champions-container::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.champions-grid::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.champions-container::-webkit-scrollbar-thumb{background:#c9aa71;border-radius:4px}.champions-grid::-webkit-scrollbar-thumb{background:#c9aa71;border-radius:4px}.champion-item.in-team{opacity:.5;border-color:#666}.champion-item.hidden{display:none}.champion-item .champion-default-icon{color:#c9aa71;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.2rem;display:flex}.champion-item .champion-cost-badge{color:#fff;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-2px;right:-2px}.champion-item:active{cursor:grabbing}.champion-item.dragging{opacity:.5;transform:scale(.95)}.champion-item:hover{z-index:10;border-color:#c9aa71cc;transform:scale(1.05)}.champion-cost-badge{color:#fff;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.7rem;font-weight:700;line-height:1;display:flex;position:absolute;top:-2px;right:-2px}.champion-header{background:linear-gradient(135deg,#c9aa711a,#1a1a2ee6);border-radius:12px;margin-bottom:2rem;padding:2rem;animation:.6s ease-out slideIn}.champion-avatar{border:3px solid var(--tft-gold);width:120px;height:120px;box-shadow:var(--shadow-lg);border-radius:12px}.champion-avatar-small:hover{border-color:#c9aa7199;text-decoration:none;transform:scale(1.1)}.champion-avatar-small img{object-fit:cover;width:100%;height:100%;display:block}.champion-card:focus,.champion-avatar-small:focus{outline:2px solid var(--tft-gold);outline-offset:2px}.champion-default-icon{width:100%;height:100%;color:var(--tft-gold);background:linear-gradient(135deg,#2c3e50,#34495e);justify-content:center;align-items:center;font-size:1.2rem;display:flex}.champion-card{transition:all var(--transition-normal);color:inherit;background:#ffffff0d;border:1px solid #c9aa7133;border-radius:12px;padding:1.5rem;text-decoration:none;animation:.5s ease-out fadeIn;position:relative;overflow:hidden}.champion-card:hover{border-color:var(--tft-gold);box-shadow:var(--shadow-xl);color:inherit;text-decoration:none;transform:translateY(-5px)}.champion-name{color:#fff;margin-bottom:.5rem;font-size:1.3rem;font-weight:700}.champion-description{color:#bbb;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:1rem;font-size:.9rem;line-height:1.4;display:-webkit-box;overflow:hidden}.champion-stars{z-index:5;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;border:1px solid #c9aa7180;border-radius:8px;justify-content:center;align-items:center;gap:2px;padding:2px 6px;transition:all .2s;display:flex;position:absolute;top:4px;left:50%;transform:translate(-50%)}.champion-stars:hover{border-color:var(--tft-gold);background:#000000e6;transform:translate(-50%)scale(1.1);box-shadow:0 2px 8px #c9aa7166}.champion-stars i{color:var(--tft-gold);text-shadow:0 0 4px #c9aa7180;font-size:10px}@keyframes starPulse{0%,to{transform:translate(-50%)scale(1)}50%{transform:translate(-50%)scale(1.2)}}.champion-stars.animating{animation:.3s starPulse}.board-slot .champion-items{z-index:6}.search-container{max-width:600px;margin:0 auto}.filter-label{color:#ffffffe6;min-width:80px;margin-bottom:8px;font-weight:600;display:block}.search-wrapper{position:relative}.search-input{color:#fff;background:#1e1e28cc;border:2px solid #ffffff1a;border-radius:8px;width:100%;padding:12px 40px 12px 16px;font-size:16px;transition:all .3s}.search-input:focus{border-color:#06b6d4;outline:none;box-shadow:0 0 0 3px #06b6d433}.search-icon{color:#fff6;pointer-events:none;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.search-results{z-index:1000;background:#1e1e28fa;border:2px solid #ffffff1a;border-radius:8px;max-height:400px;animation:.2s slideDown;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 40px #000c}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-result-item{cursor:pointer;color:#fff;border-left:3px solid #0000;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;transition:all .2s;display:flex}.search-result-item:hover{background:#ffffff1a}.search-result-item.cost-1{border-left-color:var(--cost-1)}.search-result-item.cost-2{border-left-color:var(--cost-2)}.search-result-item.cost-3{border-left-color:var(--cost-3)}.search-result-item.cost-4{border-left-color:var(--cost-4)}.search-result-item.cost-5{border-left-color:var(--cost-5)}.search-result-item.cost-1:hover{background:#8b5cf626}.search-result-item.cost-2:hover{background:#06b6d426}.search-result-item.cost-3:hover{background:#10b98126}.search-result-item.cost-4:hover{background:#f59e0b26}.search-result-item.cost-5:hover{background:#ef444426}.search-result-avatar{border:2px solid #fff3;border-radius:8px;flex-shrink:0;width:50px;height:50px;overflow:hidden}.search-result-avatar img{object-fit:cover;width:100%;height:100%}.search-result-info{flex:1}.search-result-name{margin-bottom:4px;font-size:16px;font-weight:600}.search-result-name .highlight{color:#06b6d4;font-weight:700}.search-result-meta{color:#fff9;gap:8px;font-size:12px;display:flex}.search-result-cost{border-radius:4px;padding:2px 6px;font-weight:600}.search-result-cost.cost-1{background:var(--cost-1);color:#fff}.search-result-cost.cost-2{background:var(--cost-2);color:#fff}.search-result-cost.cost-3{background:var(--cost-3);color:#fff}.search-result-cost.cost-4{background:var(--cost-4);color:#fff}.search-result-cost.cost-5{background:var(--cost-5);color:#fff}.search-result-traits{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.search-result-trait{color:#c4b5fd;background:#8b5cf633;border-radius:3px;padding:2px 6px;font-size:11px}.search-no-results{text-align:center;color:#ffffff80;padding:24px}.search-no-results i{margin-bottom:8px;font-size:32px;display:block}.search-results::-webkit-scrollbar{width:8px}.search-results::-webkit-scrollbar-track{background:#0000004d}.search-results::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.search-results::-webkit-scrollbar-thumb:hover{background:#ffffff80}.champions-columns-container{grid-template-columns:repeat(5,1fr);gap:16px;width:100%;display:grid}.cost-column{background:#1e1e2880;border-radius:12px;flex-direction:column;min-height:400px;display:flex;overflow:hidden}.cost-header{color:#fff;z-index:10;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:20px;font-weight:700;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #0000004d}.champions-list{flex-direction:column;flex:1;align-items:center;gap:12px;padding:16px;display:flex}.champions-list .champion-item{cursor:pointer;background:0 0;border:0;border-radius:8px;flex-direction:column;align-items:center;gap:8px;padding:0;text-decoration:none;transition:all .3s;display:flex;position:relative}.champions-list .champion-item.cost-1{border-color:var(--cost-1)}.champions-list .champion-item.cost-2{border-color:var(--cost-2)}.champions-list .champion-item.cost-3{border-color:var(--cost-3)}.champions-list .champion-item.cost-4{border-color:var(--cost-4)}.champions-list .champion-item.cost-5{border-color:var(--cost-5)}.champions-list .champion-item:hover{transform:translate(4px)}.champions-list .champion-item.cost-1:hover{background:#8b5cf61a;box-shadow:0 4px 12px #8b5cf680}.champions-list .champion-item.cost-2:hover{background:#06b6d41a;box-shadow:0 4px 12px #06b6d480}.champions-list .champion-item.cost-3:hover{background:#10b9811a;box-shadow:0 4px 12px #10b98180}.champions-list .champion-item.cost-4:hover{background:#f59e0b1a;box-shadow:0 4px 12px #f59e0b80}.champions-list .champion-item.cost-5:hover{background:#ef44441a;box-shadow:0 4px 12px #ef444480}.champions-list .champion-item.hidden{display:none!important}.champions-list .champion-avatar{background:#00000080;border:3px solid;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;transition:all .3s;display:flex;overflow:hidden}.champions-list .champion-item.cost-1 .champion-avatar{border-color:var(--cost-1)}.champions-list .champion-item.cost-2 .champion-avatar{border-color:var(--cost-2)}.champions-list .champion-item.cost-3 .champion-avatar{border-color:var(--cost-3)}.champions-list .champion-item.cost-4 .champion-avatar{border-color:var(--cost-4)}.champions-list .champion-item.cost-5 .champion-avatar{border-color:var(--cost-5)}.champions-list .champion-avatar img,.champion-item img{object-fit:cover;width:100%;height:100%}.champion-default-icon{color:#ffffff4d;font-size:24px}.champions-list .champion-name{color:#fff;text-align:center;word-break:break-word;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;max-height:32px;padding:0 4px;font-size:12px;font-weight:600;line-height:1.2;display:-webkit-box;overflow:hidden}.no-champions{color:#ffffff4d;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:32px 16px;font-size:14px;display:flex}.champion-show .item-icon{width:50px;height:50px}.items-section{box-shadow:var(--shadow-lg);background:#0006;border:2px solid #c9aa714d;border-radius:15px;width:100%;min-width:300px;max-width:300px;padding:15px}.items-header{flex-direction:column;gap:10px;margin-bottom:15px;display:flex}.item-tabs{background:#ffffff1a;border-radius:6px;justify-content:center;gap:3px;padding:3px;display:flex}.item-tab-button{color:#fff;cursor:pointer;transition:all var(--transition-fast);text-align:center;background:0 0;border:none;border-radius:4px;flex:1;padding:6px 8px;font-size:10px;font-weight:500}.item-tab-button:hover{background:#ffffff1a}.item-tab-button.active{background:var(--tft-gold);color:var(--tft-dark);font-weight:600}.items-grid{background:#0003;border-radius:6px;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:4px;max-height:200px;padding:8px;display:grid;overflow-y:auto}.item-icon{background:var(--tft-gold);cursor:pointer;width:36px;height:36px;transition:transform var(--transition-fast);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.item-icon:hover{z-index:10;border-color:#c9aa71cc;transform:scale(1.05)}.item-icon img{object-fit:cover;width:100%;height:100%;display:block}.item-info{flex:1}.item-slot{width:18px;height:18px;transition:all var(--transition-fast);cursor:pointer;background:#000000e6;border:1px solid #c9aa7166;border-radius:3px;position:relative;box-shadow:0 2px 4px #00000080}.item-name{color:var(--tft-gold);margin-bottom:5px;font-weight:700}.item-description{color:#ddd;font-size:14px}.item-slot:hover{background:#c9aa711a;border-color:#c9aa71cc}.item-cell{align-items:flex-start;gap:15px;display:flex;position:relative}.augments-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px;max-height:400px;margin-top:2rem;padding-right:10px;display:grid;overflow-y:auto}.augments-grid::-webkit-scrollbar{width:8px}.augments-grid::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.augments-grid::-webkit-scrollbar-thumb{background:#c9aa71;border-radius:4px}.loading-augments{text-align:center;color:#6b7280;grid-column:1/-1;padding:40px}.no-augments{text-align:center;color:#6b7280;grid-column:1/-1;padding:40px;font-style:italic}.augment-card{cursor:pointer;transition:all var(--transition-normal);color:inherit;background:#ffffff0d;border:1px solid #c9aa7133;border-radius:12px;padding:1.5rem;text-decoration:none;position:relative}.augment-card:hover{border-color:#c9aa71;transform:translateY(-2px);box-shadow:0 8px 25px #c9aa7133}.augment-card.selected{background:linear-gradient(135deg,#22c55e33,#22c55e1a);border-color:#22c55e}.augment-card.disabled{opacity:.5;cursor:not-allowed;transform:none!important}.augment-card-header{align-items:center;gap:12px;margin-bottom:10px;display:flex}.augment-icon{background:var(--tft-gold);cursor:pointer;width:36px;height:36px;transition:transform var(--transition-fast);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex;position:relative;overflow:hidden}.augment-info{flex:1}.augment-name{color:var(--tft-gold);margin-bottom:5px;font-size:16px;font-weight:700}.augment-description{color:#bbb;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:8px;font-size:.9rem;line-height:1.4;display:-webkit-box;overflow:hidden}.augment-card.selected .selected-indicator{display:flex}.augment-slot{cursor:pointer;width:50px;height:50px;transition:all var(--transition-fast);background:#ffffff0d;border:2px dashed #c9aa7166;border-radius:8px;justify-content:center;align-items:center;display:flex;position:relative}.augment-slot.filled{background:linear-gradient(135deg,#c9aa711a,#c9aa710d);border-style:solid;border-color:#c9aa71}.selected-augment{cursor:pointer;border-radius:6px;width:100%;height:100%;position:relative;overflow:hidden}.selected-augment img{object-fit:cover;width:100%;height:100%}.selected-augment .augment-remove{cursor:pointer;color:#fff;z-index:20;background:#ef4444;border:1px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;display:none;position:absolute;top:-4px;right:-4px}.selected-augment:hover .augment-remove{display:flex}.augment-modal{z-index:1000;box-sizing:border-box;background:#000c;width:100%;height:100%;padding:20px;display:none;position:fixed;top:0;left:0}.augment-modal.show{justify-content:center;align-items:center;display:flex}.augment-modal .modal-content{background:linear-gradient(135deg,#16213e,#1a1a2e);border:3px solid #c9aa71;border-radius:20px;width:100%;max-width:900px;max-height:80vh;padding:30px;position:relative;overflow-y:auto;box-shadow:0 20px 60px #00000080}.augment-modal .modal-header{border-bottom:2px solid #c9aa714d;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;display:flex}.augment-modal .modal-title{color:#c9aa71;align-items:center;gap:10px;font-size:1.8rem;font-weight:700;display:flex}.augment-modal .modal-close{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;transition:all .3s;display:flex}.augment-modal .modal-close:hover{background:#ef44441a;transform:scale(1.1)}.augments-section{background:#0006;border:2px solid #c9aa714d;border-radius:12px;padding:15px}.selected-augments{justify-content:center;gap:8px;display:flex}.augment-slot:hover{border-color:#c9aa71cc}.add-augment-btn{background:var(--tft-gold);color:var(--tft-dark);cursor:pointer;width:24px;height:24px;transition:all var(--transition-fast);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:12px;display:flex}.add-augment-btn:hover{transform:scale(1.1)}.augment-table{border-collapse:collapse;background:#ffffff0d;border-radius:8px;width:100%;overflow:hidden}.augment-table td{vertical-align:top;border-bottom:1px solid #ffffff0d;padding:12px}.augment-cell{align-items:flex-start;gap:15px;display:flex;position:relative}.augment-icon:hover{transform:scale(1.05)}.augment-icon img{object-fit:cover;border-radius:6px;width:100%;height:100%}.augment-type-badge,.augment-badge{transition:all var(--transition-normal);text-transform:capitalize;border-radius:12px;align-items:center;margin:.1rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.augment-badge:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.augment-type-badge.gold,.augment-badge.gold,.augment-gold{background:linear-gradient(135deg,var(--cost-4),#d97706);color:#fff;border:1px solid #f59e0b4d}.augment-type-badge.silver,.augment-badge.silver,.augment-silver{color:#fff;background:linear-gradient(135deg,#6b7280,#4b5563);border:1px solid #6b72804d}.augment-type-badge.prismatic,.augment-badge.prismatic,.augment-prismatic{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:1px solid #3b82f64d;box-shadow:0 0 10px #3b82f64d}.augment-card:hover{border-color:var(--tft-gold);box-shadow:var(--shadow-xl);color:inherit;text-decoration:none;transform:translateY(-5px)}.augment-card:before{content:"";background:linear-gradient(90deg,transparent,var(--tft-gold),transparent);opacity:0;height:4px;transition:opacity var(--transition-normal);position:absolute;top:0;left:0;right:0}.augment-card:hover:before{opacity:1}.augment-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.augment-info{flex:1;min-width:0}.augment-type-filter{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.augment-tooltip{min-width:280px;max-width:350px}@media (max-width:1200px) and (min-width:769px){.board-synergies-layout{grid-template-columns:1fr 300px;gap:15px}.trail-synergy-display{min-width:280px;padding:15px}}@media (min-width:769px) and (max-width:1200px){.power-ups-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.level-label-container{min-width:100%;margin-bottom:16px}.level-champions-grid{grid-template-columns:repeat(auto-fit,minmax(85px,1fr));gap:12px}.team-level-champions-section{padding:20px}.level-badge{min-width:80px;padding:12px}.champion-level-image,.champion-level-placeholder{width:60px;height:60px}.champion-image-wrapper-home{width:64px;height:64px}.champion-cost-badge-home{width:20px;height:20px;font-size:11px}.item-mini-home{width:20px;height:20px}.trail-augment-style{width:40px;height:40px}.champions-list .champion-avatar{width:50px;height:50px}.champions-list .champion-name{font-size:12px}.power-ups-grid{grid-template-columns:1fr}.pagination-custom{flex-wrap:wrap;justify-content:center;gap:4px}.pagination-custom .page-link{min-width:36px;padding:6px 12px;font-size:13px}.pagination-custom .page-item:first-child .page-link,.pagination-custom .page-item:last-child .page-link{padding:6px 14px}.team-card-header .flex{flex-wrap:wrap;gap:12px}.team-cost-badge,.team-view-btn{padding:5px 10px;font-size:.8rem}.champion-name-label{max-width:70px;padding:1px 4px;font-size:11px}.board-synergies-layout,.champions-items-layout{grid-template-columns:1fr;gap:20px}.trails-panel{order:1;width:100%;min-width:100%;max-width:100%;margin-top:20px;position:static}.items-section{order:2;min-width:300px;max-width:100%;margin-top:0;margin-bottom:0;position:static}.champions-section,.team-board-section{order:2}.board-slot{width:60px;height:60px}.team-board{grid-template-columns:repeat(7,1fr);gap:4px;max-width:100%;padding:15px}.champion-item{width:50px;height:50px}.item-icon,.augment-icon{width:30px;height:30px;font-size:14px}.champion-cost-badge{width:16px;height:16px;font-size:.65rem}.item-slot{width:16px;height:16px}.champion-items{gap:1px;bottom:-10px}.equipped-item .remove-item{width:10px;height:10px;font-size:5px;top:-2px;right:-2px}.equipped-item .item-placeholder{font-size:6px}.augment-modal .modal-content{max-height:90vh;margin:10px;padding:20px}.augments-grid{grid-template-columns:1fr;gap:1rem;max-height:300px}.type-tab{min-width:60px;padding:8px 12px;font-size:12px}.augments-section{margin-bottom:15px;padding:15px}.main-layout{grid-template-columns:1fr;gap:20px}.items-header{flex-direction:column;align-items:stretch;gap:15px}.item-tabs{flex-wrap:wrap;justify-content:center}.items-grid{grid-template-columns:repeat(auto-fill,minmax(50px,1fr));max-height:250px;padding:8px}.item-type-badge{width:12px;height:12px;font-size:8px}.trail-tooltip-title strong{font-size:15px}.trail-tooltip-type{padding:2px 6px;font-size:9px}.trail-tooltip{min-width:280px;max-width:250px;padding:10px 12px;font-size:12px}.trail-tooltip-header strong{font-size:13px}.trail-tooltip-description{font-size:11px}.tooltip-champion{width:32px;height:32px}.tooltip-champion-cost{width:12px;height:12px;font-size:8px}.breakpoint-number{width:18px;height:18px;font-size:9px}.board-champions-panel{order:2}.trail-synergy-display{border-radius:6px;width:100%;min-width:auto;max-width:none;margin-bottom:20px;position:relative;top:auto;left:auto}.trail-synergy-list{flex-direction:row;gap:10px;max-height:200px;padding:10px 0;overflow:auto hidden}.trail-item{flex-shrink:0;min-width:120px;padding:8px}.trail-count{font-size:12px}.champions-grid{max-height:250px;padding:8px}.filters-section,.augment-filters{padding:1rem}.filter-group{flex-direction:column;align-items:flex-start;width:100%}.tabs{flex-wrap:wrap}.tab-button{flex:1;margin:2px;padding:10px!important}th,td{padding:10px}.item-cell,.augment-cell{gap:10px}.champion-header{text-align:center;flex-direction:column;padding:1rem}.champion-avatar{width:80px;height:80px;margin-bottom:1rem}.stats-grid{grid-template-columns:1fr;gap:.5rem}.stat-card{padding:1rem}.trail-card{margin-bottom:1rem;padding:1rem}.trail-header{gap:.5rem;margin-bottom:.75rem}.trail-icon{width:28px;height:28px;font-size:1rem}.trail-description{font-size:.85rem}.breakpoint-effect{font-size:.8rem}.trail-type{padding:.2rem .4rem;font-size:.65rem}.range-badge{padding:.4rem .8rem;font-size:.8rem}.augment-card{padding:1rem}.augment-header{gap:.75rem}.augment-name{font-size:1.1rem}.augment-description{font-size:.85rem}.type-filter-btn{padding:.4rem .8rem;font-size:.8rem}.admin-augment-stats{grid-template-columns:1fr;gap:.75rem}.champion-tooltip,.augment-tooltip{min-width:280px;max-width:320px;font-size:12px}.tooltip-champion-name{font-size:15px}.tooltip-ability-icon,.tooltip-item{width:28px;height:28px}.augment-tooltip-title{font-size:14px}.augment-type-badge{padding:.2rem .6rem;font-size:.7rem}}@media (max-width:576px){.pagination-info,.items-per-page{font-size:12px}.items-per-page .btn{min-width:40px;padding:4px 8px;font-size:12px}}@media (max-width:480px){.level-champions-grid{grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:10px}.champion-level-image{width:50px;height:50px}.champion-level-placeholder{width:50px;height:50px;font-size:1.5rem}.champion-level-name{max-width:70px;font-size:.75rem}.level-text{font-size:1.2rem}.level-stars i{font-size:.7rem}.champion-image-wrapper-home{width:56px;height:56px}.item-mini-home{width:18px;height:18px}.trail-augment-style{width:36px;height:36px}.team-card-header>.flex{flex-direction:column;align-items:flex-start}.team-card-header>.flex>div:last-child{justify-content:space-between;width:100%}.power-up-compact-card{padding:14px}.power-up-compact-name{font-size:14px}.power-up-compact-description{font-size:12px}.power-up-compact-champions-grid{grid-template-columns:repeat(4,1fr);gap:5px}.meta-item{padding:3px 8px;font-size:10px}.champion-name-label{max-width:60px;padding:1px 3px;font-size:10px}.container{padding:10px}h1{margin-bottom:20px;font-size:1.8rem}.champion-item{width:35px;height:35px}.items-grid{grid-template-columns:repeat(auto-fill,minmax(45px,1fr));gap:6px;max-height:200px}.item-slot{width:14px;height:14px}.champion-items{bottom:-8px}.equipped-item .remove-item{width:8px;height:8px;font-size:4px}.equipped-item .item-placeholder{font-size:5px}.board-slot.item-drag-over:after{padding:2px 4px;font-size:8px}.item-icon{width:45px;height:45px}.item-tab-button{padding:4px 8px;font-size:10px}.notification{min-width:200px;padding:8px 16px;font-size:14px}.trail-tooltip{min-width:250px;max-width:280px;padding:10px;font-size:11px}.trail-tooltip-title strong{font-size:14px}.tooltip-champion{width:28px;height:28px}.tooltip-champion-cost{width:10px;height:10px;font-size:7px}.trails-panel,.team-board-section,.champions-section{padding:15px}.trail-synergy-display{min-width:auto;padding:8px}.trail-item{min-width:100px;padding:6px 8px}.trail-count{font-size:11px}.trail-icon{width:20px;height:20px;margin-right:6px}.trail-icon-img{width:16px;height:16px}.team-board{gap:3px;padding:10px}.board-slot{width:45px;height:45px}.board-slot .champion-cost-badge{width:14px;height:14px;font-size:9px;top:1px;right:1px}.champion-card{padding:1rem}.champion-name{font-size:1.1rem}.champion-description{font-size:.85rem}.breakpoint-item{flex-direction:column;align-items:flex-start;gap:.5rem;padding:.5rem 0}.breakpoint-effect{margin-left:0}.trail-champions{gap:.25rem}.cost-badge,.range-badge{margin:.1rem;padding:.3rem .6rem;font-size:.75rem}.trail-badge{padding:.3rem .6rem;font-size:.7rem}.augment-type-filter{justify-content:center}.type-filter-btn{text-align:center;flex:1;min-width:80px}.augment-header{text-align:center;flex-direction:column;align-items:center}.augment-info{text-align:center}.champion-tooltip,.augment-tooltip{min-width:250px;max-width:280px;font-size:11px}.trail-tooltip-header strong{font-size:12px}.trail-tooltip-description,.current-effect,.next-breakpoint,.max-breakpoint{font-size:10px}}.news-detail-container{max-width:1000px;margin:0 auto;padding:20px}.article-header{margin-bottom:40px}.article-header-content{flex-direction:column;gap:15px;display:flex}.article-type-badge{text-transform:uppercase;color:#fff;border-radius:25px;align-self:flex-start;padding:8px 16px;font-size:.8rem;font-weight:700}.article-type-badge.event{background:linear-gradient(135deg,#667eea,#764ba2)}.article-type-badge.highlight{background:linear-gradient(135deg,#f093fb,#f5576c)}.article-type-badge.update{background:linear-gradient(135deg,#4facfe,#00f2fe)}.article-title{color:#1a1a1a;margin:0;font-size:2.5rem;font-weight:700;line-height:1.2}.article-meta{flex-wrap:wrap;gap:20px;display:flex}.meta-item{color:#c9aa71;align-items:center;gap:8px;font-size:.95rem;display:inline-flex}.meta-item i{color:#667eea}.article-featured-image{border-radius:12px;width:100%;margin-bottom:40px;overflow:hidden}.featured-img{width:100%;height:auto;display:block}.article-body{margin-bottom:50px}.article-text{color:#fff;word-break:break-word;font-size:1.1rem;line-height:1.8}.share-section h3,.article-info h3{color:#1a1a1a;margin:0 0 15px;font-size:1rem;font-weight:700}.info-list{margin:0;padding:0;list-style:none}.info-list dt{color:#1a1a1a;margin-top:10px;margin-bottom:5px;font-weight:700}.info-list dt:first-child{margin-top:0}.info-list dd{color:#666;margin:0 0 10px}.related-articles{border-top:2px solid #eee;border-bottom:2px solid #eee;margin-bottom:50px;padding:40px 0}.related-articles h2{color:#1a1a1a;margin:0 0 30px;font-size:1.8rem;font-weight:700}.related-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.related-card{background:#fff;border-radius:12px;flex-direction:column;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 2px 8px #00000014}.related-card:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000001f}.related-image{background:#f0f0f0;width:100%;height:150px;overflow:hidden}.related-image a{width:100%;height:100%;display:block}.related-image img,.placeholder-image{object-fit:cover;width:100%;height:100%}.related-content{flex-direction:column;padding:15px;display:flex}.related-content h3{margin:0 0 8px;font-size:1rem;font-weight:600;line-height:1.3}.related-content h3 a{color:#1a1a1a;text-decoration:none;transition:color .3s}.related-content h3 a:hover{color:#667eea}.related-content p{color:#666;flex-grow:1;margin:0 0 10px;font-size:.9rem}.related-link{color:#667eea;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .3s}.related-link:hover{color:#764ba2}.article-navigation{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px;display:grid}.nav-link{color:#1a1a1a;background:#f5f5f5;border:2px solid #0000;border-radius:12px;align-items:center;padding:20px;text-decoration:none;transition:all .3s;display:flex}.nav-link:hover:not(.disabled){color:#fff;background:#667eea;border-color:#667eea}.nav-link.prev{justify-content:flex-start}.nav-link.next{justify-content:flex-end}.nav-link.disabled{opacity:.5;cursor:not-allowed}.nav-link small{opacity:.8;font-size:.8rem;display:block}.nav-link strong{font-size:.95rem;font-weight:700;display:block}.nav-link i{font-size:1.3rem}.nav-link.prev i{margin-right:15px}.nav-link.next i{margin-left:15px}.back-to-list{text-align:center}.btn-back{color:#fff;background:#667eea;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-back:hover{background:#764ba2;transform:translate(-3px)}.news-container{max-width:1200px;margin:0 auto;padding:40px 20px}.news-header{text-align:center;margin-bottom:50px}.news-header .subtitle{color:#666;margin:0;font-size:1.1rem}.news-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;margin-bottom:50px;display:grid}.news-card{background:#fff;border-radius:12px;flex-direction:column;height:100%;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000001a}.news-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #00000026}.news-image{background:#f0f0f0;width:100%;height:200px;position:relative;overflow:hidden}.news-image a{width:100%;height:100%;display:block}.news-image img,.placeholder-image{object-fit:cover;width:100%;height:100%;transition:transform .3s}.news-card:hover .news-image img,.news-card:hover .placeholder-image{transform:scale(1.05)}.placeholder-image{color:#ddd;background:linear-gradient(135deg,#f5f5f5,#e0e0e0);justify-content:center;align-items:center;font-size:3rem;display:flex}.news-type-badge{text-transform:uppercase;color:#fff;border-radius:20px;padding:6px 12px;font-size:.75rem;font-weight:600;position:absolute;top:10px;right:10px}.news-type-badge.event{background:linear-gradient(135deg,#667eea,#764ba2)}.news-type-badge.highlight{background:linear-gradient(135deg,#f093fb,#f5576c)}.news-type-badge.update{background:linear-gradient(135deg,#4facfe,#00f2fe)}.news-content{flex-direction:column;flex-grow:1;padding:20px;display:flex}.news-title{color:#1a1a1a;margin:0 0 12px;font-size:1.3rem;font-weight:600;line-height:1.4}.news-title a{color:#1a1a1a;text-decoration:none;transition:color .3s}.news-title a:hover{color:#667eea}.news-excerpt{color:#666;flex-grow:1;margin:0 0 auto;font-size:.95rem;line-height:1.6}.news-footer{border-top:1px solid #eee;justify-content:space-between;align-items:center;margin-top:15px;padding-top:15px;display:flex}.news-date{color:#999;font-size:.85rem}.news-date i{margin-right:5px}.read-more{color:#667eea;align-items:center;gap:6px;font-size:.9rem;font-weight:600;text-decoration:none;transition:gap .3s,color .3s;display:inline-flex}.read-more:hover{color:#764ba2;gap:10px}.read-more i{font-size:.8rem}.pagination-wrapper{justify-content:center;margin-top:50px;display:flex}.pagination-wrapper .pagination{gap:5px;padding:0;list-style:none;display:flex}.pagination-wrapper .pagination li a,.pagination-wrapper .pagination li span{color:#666;border:1px solid #ddd;border-radius:6px;padding:8px 12px;text-decoration:none;transition:all .3s;display:inline-block}.pagination-wrapper .pagination li a:hover,.pagination-wrapper .pagination li.active span{color:#fff;background:#667eea;border-color:#667eea}.no-news{text-align:center;padding:60px 20px}.no-news i{color:#ddd;margin-bottom:20px;font-size:4rem}.no-news h3{color:#1a1a1a;margin-bottom:10px;font-size:1.5rem}.no-news p{color:#999;font-size:1rem}@media (max-width:768px){.article-title{font-size:1.8rem}.article-meta{flex-direction:column;gap:10px}.article-navigation{grid-template-columns:1fr}.nav-link span{flex-grow:1}.news-grid{grid-template-columns:1fr;gap:20px}.news-header h1{font-size:2rem}.news-container{padding:20px 15px}}@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-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@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-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}