@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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-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}}}@layer theme{:root,:host{--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"Berkeley Mono","SF Mono","Fira Code",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-red-900:oklch(39.6% .141 25.723);--color-orange-400:oklch(75% .183 55.934);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-600:oklch(64.6% .222 41.116);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-900:oklch(41.4% .112 45.904);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-600:oklch(68.1% .162 75.834);--color-green-100:oklch(96.2% .044 156.743);--color-green-300:oklch(87.1% .15 154.449);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-green-900:oklch(39.3% .095 152.535);--color-emerald-400:oklch(76.5% .177 163.223);--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-900:oklch(37.9% .146 265.522);--color-indigo-500:oklch(58.5% .233 277.117);--color-indigo-600:oklch(51.1% .262 276.966);--color-indigo-700:oklch(45.7% .24 277.023);--color-indigo-900:oklch(35.9% .144 278.697);--color-purple-500:oklch(62.7% .265 303.9);--color-fuchsia-500:oklch(66.7% .295 322.15);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-gray-50:oklch(98.5% .002 247.839);--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-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-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-2xl:42rem;--container-5xl:64rem;--container-6xl:72rem;--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-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--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);--color-theme-bg:var(--theme-bg);--color-theme-surface:var(--theme-surface);--color-theme-accent:var(--theme-accent);--color-theme-text:var(--theme-text-primary);--color-theme-text-secondary:var(--theme-text-secondary);--color-theme-text-muted:var(--theme-text-muted);--color-paalm-teal:#1a535c;--color-paalm-sand:#d4a574;--color-paalm-sky:#7eb8da;--color-paalm-orange:#e85d04;--color-paalm-red:#d62828;--color-paalm-green:#52b788;--color-paalm-charcoal:#2d2d2d}}@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{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.-top-8{top:calc(var(--spacing)*-8)}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing)*2)}.top-4{top:calc(var(--spacing)*4)}.top-20{top:calc(var(--spacing)*20)}.right-0{right:calc(var(--spacing)*0)}.right-2{right:calc(var(--spacing)*2)}.right-3{right:calc(var(--spacing)*3)}.right-4{right:calc(var(--spacing)*4)}.bottom-4{bottom:calc(var(--spacing)*4)}.left-0{left:calc(var(--spacing)*0)}.left-1\/2{left:50%}.left-4{left:calc(var(--spacing)*4)}.z-10{z-index:10}.z-50{z-index:50}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.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-6{margin-top:calc(var(--spacing)*6)}.mt-10{margin-top:calc(var(--spacing)*10)}.mb-0\.5{margin-bottom:calc(var(--spacing)*.5)}.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)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.ml-auto{margin-left:auto}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-\[488\/680\]{aspect-ratio:488/680}.h-3{height:calc(var(--spacing)*3)}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.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-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-16{height:calc(var(--spacing)*16)}.h-20{height:calc(var(--spacing)*20)}.h-40{height:calc(var(--spacing)*40)}.h-60{height:calc(var(--spacing)*60)}.h-\[calc\(100vh-64px\)\]{height:calc(100vh - 64px)}.h-\[calc\(100vh-73px\)\]{height:calc(100vh - 73px)}.h-full{height:100%}.h-px{height:1px}.max-h-\[calc\(100vh-8rem\)\]{max-height:calc(100vh - 8rem)}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-\[24px\]{min-height:24px}.min-h-\[400px\]{min-height:400px}.min-h-screen{min-height:100vh}.w-2\/3{width:66.6667%}.w-3{width:calc(var(--spacing)*3)}.w-3\.5{width:calc(var(--spacing)*3.5)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-7{width:calc(var(--spacing)*7)}.w-8{width:calc(var(--spacing)*8)}.w-9{width:calc(var(--spacing)*9)}.w-10{width:calc(var(--spacing)*10)}.w-12{width:calc(var(--spacing)*12)}.w-16{width:calc(var(--spacing)*16)}.w-20{width:calc(var(--spacing)*20)}.w-24{width:calc(var(--spacing)*24)}.w-28{width:calc(var(--spacing)*28)}.w-32{width:calc(var(--spacing)*32)}.w-44{width:calc(var(--spacing)*44)}.w-48{width:calc(var(--spacing)*48)}.w-64{width:calc(var(--spacing)*64)}.w-80{width:calc(var(--spacing)*80)}.w-96{width:calc(var(--spacing)*96)}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-\[1400px\]{max-width:1400px}.max-w-sm{max-width:var(--container-sm)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing)*0)}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-zoom-out{cursor:zoom-out}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-\[1fr_auto_1fr\]{grid-template-columns:1fr auto 1fr}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.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-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)}:where(.space-y-0>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*0)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-10>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*10)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*10)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-6{column-gap:calc(var(--spacing)*6)}.gap-x-8{column-gap:calc(var(--spacing)*8)}.gap-y-1{row-gap:calc(var(--spacing)*1)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.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-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-\[var\(--border-subtle\)\]{border-color:var(--border-subtle)}.border-\[var\(--theme-text-muted\)\],.border-\[var\(--theme-text-muted\)\]\/20{border-color:var(--theme-text-muted)}@supports (color:color-mix(in lab,red,red)){.border-\[var\(--theme-text-muted\)\]\/20{border-color:color-mix(in oklab,var(--theme-text-muted)20%,transparent)}}.border-\[var\(--theme-text-muted\)\]\/30{border-color:var(--theme-text-muted)}@supports (color:color-mix(in lab,red,red)){.border-\[var\(--theme-text-muted\)\]\/30{border-color:color-mix(in oklab,var(--theme-text-muted)30%,transparent)}}.border-amber-300{border-color:var(--color-amber-300)}.border-amber-500{border-color:var(--color-amber-500)}.border-blue-300{border-color:var(--color-blue-300)}.border-blue-400{border-color:var(--color-blue-400)}.border-fuchsia-500{border-color:var(--color-fuchsia-500)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-600{border-color:var(--color-gray-600)}.border-green-300{border-color:var(--color-green-300)}.border-green-400{border-color:var(--color-green-400)}.border-orange-400{border-color:var(--color-orange-400)}.border-orange-500{border-color:var(--color-orange-500)}.border-paalm-orange{border-color:var(--color-paalm-orange)}.border-paalm-orange\/70{border-color:#e85d04b3}@supports (color:color-mix(in lab,red,red)){.border-paalm-orange\/70{border-color:color-mix(in oklab,var(--color-paalm-orange)70%,transparent)}}.border-paalm-red\/30{border-color:#d628284d}@supports (color:color-mix(in lab,red,red)){.border-paalm-red\/30{border-color:color-mix(in oklab,var(--color-paalm-red)30%,transparent)}}.border-paalm-sand{border-color:var(--color-paalm-sand)}.border-paalm-sand\/70{border-color:#d4a574b3}@supports (color:color-mix(in lab,red,red)){.border-paalm-sand\/70{border-color:color-mix(in oklab,var(--color-paalm-sand)70%,transparent)}}.border-paalm-teal{border-color:var(--color-paalm-teal)}.border-purple-500{border-color:var(--color-purple-500)}.border-red-200{border-color:var(--color-red-200)}.border-red-300{border-color:var(--color-red-300)}.border-red-400{border-color:var(--color-red-400)}.border-red-500{border-color:var(--color-red-500)}.border-slate-400{border-color:var(--color-slate-400)}.border-slate-500{border-color:var(--color-slate-500)}.border-slate-600{border-color:var(--color-slate-600)}.border-theme-accent,.border-theme-accent\/40{border-color:var(--color-theme-accent)}@supports (color:color-mix(in lab,red,red)){.border-theme-accent\/40{border-color:color-mix(in oklab,var(--color-theme-accent)40%,transparent)}}.border-theme-text-muted\/10{border-color:var(--color-theme-text-muted)}@supports (color:color-mix(in lab,red,red)){.border-theme-text-muted\/10{border-color:color-mix(in oklab,var(--color-theme-text-muted)10%,transparent)}}.border-theme-text-muted\/20{border-color:var(--color-theme-text-muted)}@supports (color:color-mix(in lab,red,red)){.border-theme-text-muted\/20{border-color:color-mix(in oklab,var(--color-theme-text-muted)20%,transparent)}}.border-theme-text-muted\/30{border-color:var(--color-theme-text-muted)}@supports (color:color-mix(in lab,red,red)){.border-theme-text-muted\/30{border-color:color-mix(in oklab,var(--color-theme-text-muted)30%,transparent)}}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.border-yellow-400{border-color:var(--color-yellow-400)}.border-yellow-500{border-color:var(--color-yellow-500)}.border-yellow-600{border-color:var(--color-yellow-600)}.border-l-\[var\(--mana-red\)\]{border-left-color:var(--mana-red)}.bg-\[var\(--glow-gold\)\]{background-color:var(--glow-gold)}.bg-\[var\(--theme-accent\)\]{background-color:var(--theme-accent)}.bg-\[var\(--theme-bg\)\]{background-color:var(--theme-bg)}.bg-\[var\(--theme-surface\)\]{background-color:var(--theme-surface)}.bg-amber-100{background-color:var(--color-amber-100)}.bg-amber-500\/20{background-color:#f99c0033}@supports (color:color-mix(in lab,red,red)){.bg-amber-500\/20{background-color:color-mix(in oklab,var(--color-amber-500)20%,transparent)}}.bg-black{background-color:var(--color-black)}.bg-black\/90{background-color:#000000e6}@supports (color:color-mix(in lab,red,red)){.bg-black\/90{background-color:color-mix(in oklab,var(--color-black)90%,transparent)}}.bg-blue-100{background-color:var(--color-blue-100)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-400{background-color:var(--color-gray-400)}.bg-gray-600{background-color:var(--color-gray-600)}.bg-gray-700{background-color:var(--color-gray-700)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-500{background-color:var(--color-green-500)}.bg-green-500\/90{background-color:#00c758e6}@supports (color:color-mix(in lab,red,red)){.bg-green-500\/90{background-color:color-mix(in oklab,var(--color-green-500)90%,transparent)}}.bg-indigo-500{background-color:var(--color-indigo-500)}.bg-indigo-600{background-color:var(--color-indigo-600)}.bg-indigo-700{background-color:var(--color-indigo-700)}.bg-indigo-900{background-color:var(--color-indigo-900)}.bg-orange-500{background-color:var(--color-orange-500)}.bg-orange-600{background-color:var(--color-orange-600)}.bg-paalm-charcoal{background-color:var(--color-paalm-charcoal)}.bg-paalm-green{background-color:var(--color-paalm-green)}.bg-paalm-green\/20{background-color:#52b78833}@supports (color:color-mix(in lab,red,red)){.bg-paalm-green\/20{background-color:color-mix(in oklab,var(--color-paalm-green)20%,transparent)}}.bg-paalm-orange{background-color:var(--color-paalm-orange)}.bg-paalm-red{background-color:var(--color-paalm-red)}.bg-paalm-red\/10{background-color:#d628281a}@supports (color:color-mix(in lab,red,red)){.bg-paalm-red\/10{background-color:color-mix(in oklab,var(--color-paalm-red)10%,transparent)}}.bg-paalm-red\/20{background-color:#d6282833}@supports (color:color-mix(in lab,red,red)){.bg-paalm-red\/20{background-color:color-mix(in oklab,var(--color-paalm-red)20%,transparent)}}.bg-paalm-sand{background-color:var(--color-paalm-sand)}.bg-paalm-sky{background-color:var(--color-paalm-sky)}.bg-purple-500{background-color:var(--color-purple-500)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-500{background-color:var(--color-red-500)}.bg-slate-400{background-color:var(--color-slate-400)}.bg-slate-600{background-color:var(--color-slate-600)}.bg-slate-700{background-color:var(--color-slate-700)}.bg-slate-800{background-color:var(--color-slate-800)}.bg-theme-accent,.bg-theme-accent\/20{background-color:var(--color-theme-accent)}@supports (color:color-mix(in lab,red,red)){.bg-theme-accent\/20{background-color:color-mix(in oklab,var(--color-theme-accent)20%,transparent)}}.bg-theme-bg,.bg-theme-bg\/80{background-color:var(--color-theme-bg)}@supports (color:color-mix(in lab,red,red)){.bg-theme-bg\/80{background-color:color-mix(in oklab,var(--color-theme-bg)80%,transparent)}}.bg-theme-surface,.bg-theme-surface\/50{background-color:var(--color-theme-surface)}@supports (color:color-mix(in lab,red,red)){.bg-theme-surface\/50{background-color:color-mix(in oklab,var(--color-theme-surface)50%,transparent)}}.bg-theme-surface\/60{background-color:var(--color-theme-surface)}@supports (color:color-mix(in lab,red,red)){.bg-theme-surface\/60{background-color:color-mix(in oklab,var(--color-theme-surface)60%,transparent)}}.bg-theme-text-muted,.bg-theme-text-muted\/20{background-color:var(--color-theme-text-muted)}@supports (color:color-mix(in lab,red,red)){.bg-theme-text-muted\/20{background-color:color-mix(in oklab,var(--color-theme-text-muted)20%,transparent)}}.bg-transparent{background-color:#0000}.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-yellow-500{background-color:var(--color-yellow-500)}.bg-yellow-600{background-color:var(--color-yellow-600)}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-amber-100{--tw-gradient-from:var(--color-amber-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-blue-400{--tw-gradient-from:var(--color-blue-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-gray-300{--tw-gradient-from:var(--color-gray-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-gray-600{--tw-gradient-from:var(--color-gray-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-green-500{--tw-gradient-from:var(--color-green-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-red-400{--tw-gradient-from:var(--color-red-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-amber-200{--tw-gradient-to:var(--color-amber-200);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-blue-600{--tw-gradient-to:var(--color-blue-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-gray-400{--tw-gradient-to:var(--color-gray-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-gray-800{--tw-gradient-to:var(--color-gray-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-green-700{--tw-gradient-to:var(--color-green-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-red-600{--tw-gradient-to:var(--color-red-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.object-cover{object-fit:cover}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.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)}.p-8{padding:calc(var(--spacing)*8)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-12{padding-inline:calc(var(--spacing)*12)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-3\.5{padding-block:calc(var(--spacing)*3.5)}.py-4{padding-block:calc(var(--spacing)*4)}.py-6{padding-block:calc(var(--spacing)*6)}.py-8{padding-block:calc(var(--spacing)*8)}.py-12{padding-block:calc(var(--spacing)*12)}.py-16{padding-block:calc(var(--spacing)*16)}.pt-0{padding-top:calc(var(--spacing)*0)}.pt-0\.5{padding-top:calc(var(--spacing)*.5)}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-6{padding-top:calc(var(--spacing)*6)}.pb-1{padding-bottom:calc(var(--spacing)*1)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.pl-11{padding-left:calc(var(--spacing)*11)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.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-\[1px\]{font-size:1px}.text-\[10px\]{font-size:10px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.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-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[var\(--celestial-gold\)\]{color:var(--celestial-gold)}.text-\[var\(--text-bright\)\]{color:var(--text-bright)}.text-\[var\(--text-primary\)\]{color:var(--text-primary)}.text-\[var\(--text-secondary\)\]{color:var(--text-secondary)}.text-\[var\(--theme-accent\)\]{color:var(--theme-accent)}.text-\[var\(--theme-bg\)\]{color:var(--theme-bg)}.text-\[var\(--theme-text\)\]{color:var(--theme-text)}.text-\[var\(--theme-text-muted\)\]{color:var(--theme-text-muted)}.text-\[var\(--theme-text-primary\)\]{color:var(--theme-text-primary)}.text-\[var\(--theme-text-secondary\)\]{color:var(--theme-text-secondary)}.text-amber-400{color:var(--color-amber-400)}.text-amber-900{color:var(--color-amber-900)}.text-blue-400{color:var(--color-blue-400)}.text-blue-900{color:var(--color-blue-900)}.text-emerald-400{color:var(--color-emerald-400)}.text-gray-100{color:var(--color-gray-100)}.text-gray-400{color:var(--color-gray-400)}.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-green-400{color:var(--color-green-400)}.text-green-500{color:var(--color-green-500)}.text-green-900{color:var(--color-green-900)}.text-paalm-charcoal{color:var(--color-paalm-charcoal)}.text-paalm-green{color:var(--color-paalm-green)}.text-paalm-orange{color:var(--color-paalm-orange)}.text-paalm-red{color:var(--color-paalm-red)}.text-paalm-sand{color:var(--color-paalm-sand)}.text-paalm-sky{color:var(--color-paalm-sky)}.text-red-300{color:var(--color-red-300)}.text-red-400{color:var(--color-red-400)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-red-800{color:var(--color-red-800)}.text-red-900{color:var(--color-red-900)}.text-slate-400{color:var(--color-slate-400)}.text-theme-accent{color:var(--color-theme-accent)}.text-theme-bg{color:var(--color-theme-bg)}.text-theme-text{color:var(--color-theme-text)}.text-theme-text-muted{color:var(--color-theme-text-muted)}.text-theme-text-secondary{color:var(--color-theme-text-secondary)}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.text-yellow-400{color:var(--color-yellow-400)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.accent-theme-accent{accent-color:var(--color-theme-accent)}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px 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-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px 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-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)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-orange-500{--tw-ring-color:var(--color-orange-500)}.ring-purple-500{--tw-ring-color:var(--color-purple-500)}.ring-slate-400{--tw-ring-color:var(--color-slate-400)}.ring-slate-600{--tw-ring-color:var(--color-slate-600)}.ring-yellow-500{--tw-ring-color:var(--color-yellow-500)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,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))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.select-none{-webkit-user-select:none;user-select:none}@media(hover:hover){.group-hover\:translate-x-0\.5:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing)*.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-hover\:bg-theme-accent\/10:is(:where(.group):hover *){background-color:var(--color-theme-accent)}@supports (color:color-mix(in lab,red,red)){.group-hover\:bg-theme-accent\/10:is(:where(.group):hover *){background-color:color-mix(in oklab,var(--color-theme-accent)10%,transparent)}}.group-hover\:text-\[var\(--celestial-gold-bright\)\]:is(:where(.group):hover *){color:var(--celestial-gold-bright)}.group-hover\:text-theme-accent:is(:where(.group):hover *){color:var(--color-theme-accent)}.group-hover\:text-theme-text-secondary:is(:where(.group):hover *){color:var(--color-theme-text-secondary)}.group-hover\:opacity-80:is(:where(.group):hover *){opacity:.8}}.placeholder\:text-theme-text-muted::placeholder{color:var(--color-theme-text-muted)}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}@media(hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:border-theme-text-muted\/40:hover{border-color:var(--color-theme-text-muted)}@supports (color:color-mix(in lab,red,red)){.hover\:border-theme-text-muted\/40:hover{border-color:color-mix(in oklab,var(--color-theme-text-muted)40%,transparent)}}.hover\:bg-\[var\(--theme-accent-hover\)\]:hover{background-color:var(--theme-accent-hover)}.hover\:bg-\[var\(--theme-bg\)\]:hover{background-color:var(--theme-bg)}.hover\:bg-\[var\(--theme-text-muted\)\]\/10:hover{background-color:var(--theme-text-muted)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-\[var\(--theme-text-muted\)\]\/10:hover{background-color:color-mix(in oklab,var(--theme-text-muted)10%,transparent)}}.hover\:bg-green-600:hover{background-color:var(--color-green-600)}.hover\:bg-indigo-700:hover{background-color:var(--color-indigo-700)}.hover\:bg-paalm-red\/80:hover{background-color:#d62828cc}@supports (color:color-mix(in lab,red,red)){.hover\:bg-paalm-red\/80:hover{background-color:color-mix(in oklab,var(--color-paalm-red)80%,transparent)}}.hover\:bg-red-600:hover{background-color:var(--color-red-600)}.hover\:bg-theme-accent\/20:hover{background-color:var(--color-theme-accent)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-theme-accent\/20:hover{background-color:color-mix(in oklab,var(--color-theme-accent)20%,transparent)}}.hover\:bg-theme-bg:hover{background-color:var(--color-theme-bg)}.hover\:bg-theme-surface:hover,.hover\:bg-theme-surface\/50:hover{background-color:var(--color-theme-surface)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-theme-surface\/50:hover{background-color:color-mix(in oklab,var(--color-theme-surface)50%,transparent)}}.hover\:bg-theme-surface\/70:hover{background-color:var(--color-theme-surface)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-theme-surface\/70:hover{background-color:color-mix(in oklab,var(--color-theme-surface)70%,transparent)}}.hover\:bg-theme-surface\/80:hover{background-color:var(--color-theme-surface)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-theme-surface\/80:hover{background-color:color-mix(in oklab,var(--color-theme-surface)80%,transparent)}}.hover\:text-\[var\(--theme-text\)\]:hover{color:var(--theme-text)}.hover\:text-\[var\(--theme-text-primary\)\]:hover{color:var(--theme-text-primary)}.hover\:text-red-800:hover{color:var(--color-red-800)}.hover\:text-theme-accent:hover{color:var(--color-theme-accent)}.hover\:text-theme-text:hover{color:var(--color-theme-text)}.hover\:text-theme-text-secondary:hover{color:var(--color-theme-text-secondary)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px 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)}.hover\:brightness-110:hover{--tw-brightness:brightness(110%);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,)}}.focus\:border-blue-500:focus{border-color:var(--color-blue-500)}.focus\:border-theme-accent:focus{border-color:var(--color-theme-accent)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:scale-\[0\.98\]:active{scale:.98}.active\:brightness-90:active{--tw-brightness:brightness(90%);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,)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}@media(min-width:40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:gap-3{gap:calc(var(--spacing)*3)}}@media(min-width:48rem){.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-\[310px\]{height:310px}.md\:w-56{width:calc(var(--spacing)*56)}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:p-5{padding:calc(var(--spacing)*5)}.md\:p-6{padding:calc(var(--spacing)*6)}.md\:px-8{padding-inline:calc(var(--spacing)*8)}}@media(min-width:64rem){.lg\:mb-4{margin-bottom:calc(var(--spacing)*4)}.lg\:mb-6{margin-bottom:calc(var(--spacing)*6)}.lg\:line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.lg\:h-5{height:calc(var(--spacing)*5)}.lg\:h-10{height:calc(var(--spacing)*10)}.lg\:h-\[400px\]{height:400px}.lg\:w-5{width:calc(var(--spacing)*5)}.lg\:w-10{width:calc(var(--spacing)*10)}.lg\:w-72{width:calc(var(--spacing)*72)}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-\[1fr_320px\]{grid-template-columns:1fr 320px}.lg\:gap-4{gap:calc(var(--spacing)*4)}.lg\:gap-8{gap:calc(var(--spacing)*8)}.lg\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.lg\:border-theme-text-muted\/20{border-color:var(--color-theme-text-muted)}@supports (color:color-mix(in lab,red,red)){.lg\:border-theme-text-muted\/20{border-color:color-mix(in oklab,var(--color-theme-text-muted)20%,transparent)}}.lg\:p-4{padding:calc(var(--spacing)*4)}.lg\:py-4{padding-block:calc(var(--spacing)*4)}.lg\:pl-8{padding-left:calc(var(--spacing)*8)}.lg\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.lg\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.lg\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.lg\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.lg\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.lg\:whitespace-normal{white-space:normal}}@media(min-width:80rem){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}}:root{--theme-bg:#060d18;--theme-surface:#0a1628;--theme-accent:#7dd3fc;--theme-accent-hover:#0284c7;--theme-highlight:#e8f0ff;--theme-text-primary:#fff;--theme-text-secondary:#a0a0a0;--theme-text-muted:#6b7280;--paalm-teal:#1a535c;--paalm-sand:#d4a574;--paalm-sky:#7eb8da;--paalm-charcoal:#2d2d2d;--paalm-orange:#e85d04;--paalm-yellow:#f2cb05;--paalm-red:#d62828;--paalm-green:#52b788;--paalm-black:#0d0d0d;--paalm-warm-gray:#6b6b6b;--paalm-light-gray:#e5e5e5;--paalm-off-white:#f5f5f0;--paalm-cream:#fafaf5;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:"Berkeley Mono","SF Mono","Fira Code",monospace;--text-xs:14px;--text-sm:16px;--text-base:18px;--text-lg:20px;--text-xl:24px;--text-2xl:30px;--text-3xl:36px;--sp-xxxs:4px;--sp-xxs:8px;--sp-xs:12px;--sp-sm:16px;--sp-md:20px;--sp-lg:24px;--sp-xl:32px;--sp-xxl:40px;--sp-xxxl:48px;--radius-card:4px;--radius-button:4px;--radius-artwork:2px;--radius-pill:2px;--border-standard:1px solid var(--paalm-light-gray);--border-emphasis:2px solid var(--theme-accent);--duration-instant:0s;--duration-quick:.15s;--duration-standard:.25s}:root[data-theme=full-moon-light],[data-theme=full-moon-light]{--theme-bg:#f8fafc;--theme-surface:#fff;--theme-accent:#0284c7;--theme-accent-hover:#0369a1;--theme-highlight:#e8f0ff;--theme-text-primary:#0d0d0d;--theme-text-secondary:#6b6b6b;--theme-text-muted:#a0a0a0}[data-theme=desert-twilight]{--theme-bg:#020617;--theme-surface:#0f172a;--theme-accent:#2dd4bf;--theme-accent-hover:#0d9488;--theme-highlight:#0d7377}[data-theme=desert-twilight-light]{--theme-bg:#f8fafc;--theme-surface:#fff;--theme-accent:#0d9488;--theme-accent-hover:#0f766e;--theme-highlight:#0d7377}[data-theme=mojave-sunset]{--theme-bg:#1c0a00;--theme-surface:#78350f;--theme-accent:#fb923c;--theme-accent-hover:#f97316;--theme-highlight:#f97316}[data-theme=mojave-sunset-light]{--theme-bg:#fffbeb;--theme-surface:#fff7ed;--theme-accent:#f97316;--theme-accent-hover:#ea580c;--theme-highlight:#f97316}[data-theme=coastal-fog]{--theme-bg:#020617;--theme-surface:#0c4a6e;--theme-accent:#38bdf8;--theme-accent-hover:#0ea5e9;--theme-highlight:#0ea5e9}[data-theme=coastal-fog-light]{--theme-bg:#f8fafc;--theme-surface:#fff;--theme-accent:#0ea5e9;--theme-accent-hover:#0284c7;--theme-highlight:#0ea5e9}[data-theme=neon-desert]{--theme-bg:#0f0a1e;--theme-surface:#1a1030;--theme-accent:#22d3ee;--theme-accent-hover:#06b6d4;--theme-highlight:#22d3ee}[data-theme=neon-desert-light]{--theme-bg:#faf5ff;--theme-surface:#fff;--theme-accent:#22d3ee;--theme-accent-hover:#06b6d4;--theme-highlight:#22d3ee}[data-theme=monochrome-desert]{--theme-bg:#0b1120;--theme-surface:#1e3a5f;--theme-accent:#60a5fa;--theme-accent-hover:#3b82f6;--theme-highlight:#3b82f6}[data-theme=monochrome-desert-light]{--theme-bg:#f8fafc;--theme-surface:#fff;--theme-accent:#3b82f6;--theme-accent-hover:#2563eb;--theme-highlight:#3b82f6}.paalm-display-large{font-family:var(--font-sans);font-size:var(--text-3xl);letter-spacing:-.02em;font-weight:700;line-height:1.2}.paalm-display-medium{font-family:var(--font-sans);font-size:var(--text-2xl);letter-spacing:-.01em;font-weight:700;line-height:1.25}.paalm-display-small{font-family:var(--font-sans);font-size:var(--text-xl);font-weight:600;line-height:1.3}.paalm-title-large{font-family:var(--font-sans);font-size:var(--text-xl);font-weight:700;line-height:1.2}.paalm-title-medium{font-family:var(--font-sans);font-size:var(--text-lg);font-weight:600;line-height:1.35}.paalm-title-small{font-family:var(--font-sans);font-size:var(--text-base);font-weight:600;line-height:1.4}.paalm-body-large{font-family:var(--font-sans);font-size:var(--text-lg);font-weight:400;line-height:1.6}.paalm-body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:400;line-height:1.6}.paalm-body-small{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:400;line-height:1.5}.paalm-caption{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:500;line-height:1.4}.paalm-label{font-family:var(--font-sans);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;font-weight:600;line-height:1.4}.paalm-bg{background-color:var(--theme-bg)}.paalm-surface{background-color:var(--theme-surface)}.paalm-text{color:var(--theme-text-primary)}.paalm-text-secondary{color:var(--theme-text-secondary)}.paalm-text-muted{color:var(--theme-text-muted)}.paalm-text-accent{color:var(--theme-accent)}.paalm-accent{background-color:var(--theme-accent);color:var(--theme-bg)}.paalm-accent-text{color:var(--theme-accent)}.paalm-border{border:1px solid var(--paalm-light-gray)}.paalm-border-accent{border:2px solid var(--theme-accent)}.paalm-rounded{border-radius:var(--radius-card)}.paalm-p-sm{padding:var(--sp-sm)}.paalm-p-md{padding:var(--sp-md)}.paalm-p-lg{padding:var(--sp-lg)}.paalm-m-sm{margin:var(--sp-sm)}.paalm-m-md{margin:var(--sp-md)}.paalm-m-lg{margin:var(--sp-lg)}.paalm-gap-sm{gap:var(--sp-sm)}.paalm-gap-md{gap:var(--sp-md)}.paalm-gap-lg{gap:var(--sp-lg)}.paalm-card{background-color:var(--theme-surface);border:1px solid var(--paalm-light-gray);border-radius:var(--radius-card);padding:var(--sp-sm)}.paalm-button{justify-content:center;align-items:center;gap:var(--sp-xxs);padding:var(--sp-xs)var(--sp-sm);font-family:var(--font-mono);color:var(--theme-bg);background-color:var(--theme-accent);border-radius:var(--radius-button);cursor:pointer;transition:background-color var(--duration-quick);border:none;font-size:14px;font-weight:500;display:inline-flex}.paalm-button:hover{background-color:var(--theme-accent-hover)}.paalm-button-secondary{color:var(--theme-text-primary);border:1px solid var(--paalm-light-gray);background-color:#0000}.paalm-button-secondary:hover{background-color:var(--theme-surface)}.paalm-badge{padding:var(--sp-xxxs)var(--sp-xxs);font-family:var(--font-mono);color:var(--theme-text-primary);background-color:var(--theme-surface);border-radius:var(--radius-pill);align-items:center;font-size:10px;font-weight:500;display:inline-flex}.paalm-badge-accent{color:var(--theme-bg);background-color:var(--theme-accent)}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-sans);color:var(--theme-text-primary);background-color:var(--theme-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:18px;line-height:1.6}:focus-visible{outline:2px solid var(--theme-accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}::selection{background:var(--theme-accent);color:var(--theme-bg)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--theme-bg)}::-webkit-scrollbar-thumb{background:var(--theme-text-muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--theme-text-secondary)}@supports (padding:env(safe-area-inset-bottom)){:root{--safe-area-bottom:env(safe-area-inset-bottom);--safe-area-top:env(safe-area-inset-top)}}.half-sheet{z-index:40;position:fixed;inset:0}.half-sheet-backdrop{background:#000000bf;position:absolute;inset:0}.half-sheet-content{background:var(--theme-surface);border:1px solid var(--theme-text-muted);border-bottom:none;border-radius:4px 4px 0 0;max-height:90vh;position:absolute;bottom:0;left:0;right:0;overflow:hidden}@media(min-width:768px){.half-sheet-content{border-radius:4px;width:100%;max-width:680px;max-height:calc(90vh - 48px);bottom:24px;left:50%;right:auto;transform:translate(-50%)}}:root{--nav-height:72px}.pb-nav{padding-bottom:calc(var(--nav-height) + var(--safe-area-bottom,0px))}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-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}@keyframes pulse{50%{opacity:.5}}:root{--fire-primary: #ef4444;--fire-secondary: #f97316;--fire-glow: rgba(239, 68, 68, .4);--fire-ember: #fbbf24;--fire-dark: #7f1d1d;--fire-gradient: linear-gradient( 135deg, #7f1d1d 0%, #b91c1c 50%, #ef4444 100% );--water-primary: #3b82f6;--water-secondary: #06b6d4;--water-glow: rgba(59, 130, 246, .4);--water-ice: #e0f2fe;--water-dark: #1e3a5f;--water-gradient: linear-gradient( 135deg, #0c4a6e 0%, #0369a1 50%, #38bdf8 100% );--earth-primary: #22c55e;--earth-secondary: #84cc16;--earth-glow: rgba(34, 197, 94, .4);--earth-stone: #a3a28a;--earth-dark: #365314;--earth-gradient: linear-gradient( 135deg, #365314 0%, #4d7c0f 50%, #84cc16 100% );--air-primary: #f8fafc;--air-secondary: #cbd5e1;--air-glow: rgba(248, 250, 252, .3);--air-cloud: #fef9c3;--air-dark: #475569;--air-gradient: linear-gradient( 135deg, #64748b 0%, #94a3b8 50%, #e2e8f0 100% );--spirit-gold: #fbbf24;--spirit-glow: rgba(251, 191, 36, .3);--void-dark: #030712;--ink-dark: #0a0f1a;--scroll-cream: #fef3c7}.arena-container{min-height:100vh;background:radial-gradient(ellipse at top,rgba(251,191,36,.05) 0%,transparent 50%),radial-gradient(ellipse at bottom,rgba(59,130,246,.03) 0%,transparent 50%),linear-gradient(180deg,var(--void-dark) 0%,var(--ink-dark) 50%,#111827 100%);color:#fff;padding:1rem 1.5rem;font-family:Cinzel,Palatino Linotype,Book Antiqua,Palatino,serif;position:relative;overflow-x:hidden}.arena-container:before{content:"";position:fixed;inset:0;background-image:radial-gradient(1px 1px at 20px 30px,rgba(251,191,36,.3),transparent),radial-gradient(1px 1px at 40px 70px,rgba(248,250,252,.2),transparent),radial-gradient(1px 1px at 50px 160px,rgba(59,130,246,.2),transparent),radial-gradient(1px 1px at 90px 40px,rgba(239,68,68,.2),transparent),radial-gradient(1px 1px at 130px 80px,rgba(34,197,94,.2),transparent);background-size:200px 200px;animation:drift 60s linear infinite;pointer-events:none;opacity:.6;z-index:0}@keyframes drift{0%{transform:translateY(0)}to{transform:translateY(-200px)}}.connection-status{display:flex;align-items:center;justify-content:center;height:100vh;font-size:1.8rem;opacity:.7;animation:breathe 3s ease-in-out infinite;letter-spacing:.1em;text-transform:uppercase}@keyframes breathe{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.arena-header{display:flex;justify-content:center;align-items:center;gap:3rem;padding:1rem 2rem;background:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.7) 20%,rgba(0,0,0,.7) 80%,transparent 100%);margin-bottom:1.5rem;position:relative;z-index:10}.arena-header:before,.arena-header:after{content:"";position:absolute;left:10%;right:10%;height:1px}.arena-header:before{top:0;background:linear-gradient(90deg,transparent,var(--spirit-gold),transparent)}.arena-header:after{bottom:0;background:linear-gradient(90deg,transparent,rgba(251,191,36,.3),transparent)}.turn-info{font-size:1rem;font-weight:400;color:#64748b;text-transform:uppercase;letter-spacing:.2em;font-family:Space Grotesk,system-ui,sans-serif}.phase-info{font-size:1.6rem;font-weight:700;text-transform:uppercase;color:var(--spirit-gold);letter-spacing:.15em;position:relative}.phase-info:before{content:"[ ";color:#fbbf2466}.phase-info:after{content:" ]";color:#fbbf2466}.winner-banner{background:linear-gradient(135deg,var(--spirit-gold),#f59e0b);color:var(--void-dark);padding:.75rem 2rem;border-radius:0;font-weight:700;font-size:1.3rem;letter-spacing:.1em;text-transform:uppercase;animation:victory-pulse 1.5s ease-in-out infinite;clip-path:polygon(10% 0%,100% 0%,90% 100%,0% 100%)}@keyframes victory-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.player-area{background:#0f172a66;border-radius:4px;padding:1.25rem;margin:.75rem 0;border:1px solid rgba(100,116,139,.15);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.player-area[data-element=firebending]{border-color:#ef44444d;background:linear-gradient(135deg,#7f1d1d33,#0f172a66)}.player-area[data-element=firebending]:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at bottom,rgba(239,68,68,.1) 0%,transparent 60%);pointer-events:none;border-radius:4px}.player-area[data-element=firebending].active{border-color:var(--fire-primary);box-shadow:0 0 40px var(--fire-glow),inset 0 0 60px #ef44440d}.player-area[data-element=waterbending]{border-color:#3b82f64d;background:linear-gradient(135deg,#1e3a5f4d,#0f172a66)}.player-area[data-element=waterbending]:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at bottom,rgba(59,130,246,.1) 0%,transparent 60%);pointer-events:none;border-radius:4px}.player-area[data-element=waterbending].active{border-color:var(--water-primary);box-shadow:0 0 40px var(--water-glow),inset 0 0 60px #3b82f60d}.player-area[data-element=earthbending]{border-color:#22c55e4d;background:linear-gradient(135deg,#36531440,#0f172a66)}.player-area[data-element=earthbending]:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at bottom,rgba(34,197,94,.1) 0%,transparent 60%);pointer-events:none;border-radius:4px}.player-area[data-element=earthbending].active{border-color:var(--earth-primary);box-shadow:0 0 40px var(--earth-glow),inset 0 0 60px #22c55e0d}.player-area[data-element=airbending]{border-color:#f8fafc33;background:linear-gradient(135deg,#47556933,#0f172a66)}.player-area[data-element=airbending]:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at bottom,rgba(248,250,252,.05) 0%,transparent 60%);pointer-events:none;border-radius:4px}.player-area[data-element=airbending].active{border-color:var(--air-primary);box-shadow:0 0 40px var(--air-glow),inset 0 0 60px #f8fafc08}.player-area.active{background:#0f172a99}.player-area.top,.player-area.top .player-info,.player-area.top .hand-zone,.player-area.top .battlefield{transform:rotate(180deg)}.player-info{display:flex;align-items:center;gap:1.25rem;padding:.75rem 1.25rem;background:#0006;border-radius:2px;margin-bottom:1rem;border-left:3px solid transparent;position:relative}.player-area[data-element=firebending] .player-info{border-left-color:var(--fire-primary);background:linear-gradient(90deg,#ef44441a,#0006 30%)}.player-area[data-element=waterbending] .player-info{border-left-color:var(--water-primary);background:linear-gradient(90deg,#3b82f61a,#0006 30%)}.player-area[data-element=earthbending] .player-info{border-left-color:var(--earth-primary);background:linear-gradient(90deg,#22c55e1a,#0006 30%)}.player-area[data-element=airbending] .player-info{border-left-color:var(--air-secondary);background:linear-gradient(90deg,#f8fafc0d,#0006 30%)}.deck-emoji{font-size:2.2rem}.player-name{font-size:1.2rem;font-weight:600;flex:1;color:#e2e8f0;text-transform:uppercase;letter-spacing:.15em}.player-area[data-element=firebending] .player-name{color:var(--fire-ember)}.player-area[data-element=waterbending] .player-name{color:var(--water-ice)}.player-area[data-element=earthbending] .player-name{color:var(--earth-secondary)}.player-area[data-element=airbending] .player-name{color:var(--air-primary)}.life-total{font-size:1.6rem;font-weight:700;color:#ef4444;padding:.3rem .8rem;background:#ef444426;border-radius:2px;border:1px solid rgba(239,68,68,.3);min-width:70px;text-align:center;font-family:Space Grotesk,system-ui,sans-serif}.hand-count,.graveyard-count{opacity:.9;font-size:.9rem;padding:.3rem .6rem;background:#94a3b81a;border-radius:2px;font-family:Space Grotesk,system-ui,sans-serif;letter-spacing:.05em}.hand-zone{margin-bottom:1rem;border-left:3px solid #7c3aed}.hand-zone .zone-cards{min-height:90px;overflow-x:auto}.battlefield{display:flex;flex-direction:column;gap:.75rem}.zone{background:#00000040;border-radius:2px;padding:.75rem 1rem;border:1px solid rgba(148,163,184,.08);position:relative}.zone-label{font-size:.65rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.2em;margin-bottom:.6rem;font-family:Space Grotesk,system-ui,sans-serif}.zone-cards{display:flex;flex-wrap:wrap;gap:.5rem;min-height:55px}.lands-zone{border-left:3px solid #92400e}.creatures-zone{border-left:3px solid #166534}.other-zone{border-left:3px solid #6b21a8}.empty-zone{width:100%;text-align:center;padding:.6rem;color:#334155;font-size:.7rem;font-style:italic;font-family:Space Grotesk,system-ui,sans-serif;letter-spacing:.1em}.card{position:relative;width:80px;height:112px;border-radius:6px;overflow:hidden;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;box-shadow:0 4px 12px #00000080}.card:hover{transform:scale(1.5) translateY(-8px);box-shadow:0 16px 40px #000000b3;z-index:100}.card.tapped{transform:rotate(90deg);opacity:.75;filter:brightness(.8)}.card.tapped:hover{transform:rotate(90deg) scale(1.5) translateY(-8px);opacity:1;filter:brightness(1)}.card-image{width:100%;height:100%;object-fit:cover;display:block}.card-placeholder{width:100%;height:100%;background:linear-gradient(145deg,#1e293b,#0f172a);border:2px solid rgba(255,255,255,.15);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:.5rem;text-align:center}.card-name{font-size:.65rem;font-weight:600;line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-family:Space Grotesk,system-ui,sans-serif}.power-toughness{position:absolute;bottom:4px;right:4px;background:#000000e6;color:var(--spirit-gold);padding:.25rem .5rem;border-radius:3px;font-weight:700;font-size:.75rem;border:1px solid rgba(251,191,36,.4);font-family:Space Grotesk,system-ui,sans-serif}.card-placeholder .power-toughness{position:static;margin-top:.5rem}.battlefield-divider{display:flex;justify-content:center;align-items:center;padding:1.5rem;position:relative;z-index:5}.battlefield-divider:before{content:"";position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--fire-primary) 15%,var(--spirit-gold) 30%,var(--spirit-gold) 70%,var(--water-primary) 85%,transparent 100%);opacity:.4}.vs-badge{position:relative;background:var(--void-dark);border:2px solid var(--spirit-gold);padding:.6rem 3rem;font-weight:800;font-size:1.4rem;color:var(--spirit-gold);text-transform:uppercase;letter-spacing:.3em;clip-path:polygon(15% 0%,85% 0%,100% 50%,85% 100%,15% 100%,0% 50%)}.vs-badge:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(239,68,68,.15) 0%,transparent 30%,transparent 70%,rgba(59,130,246,.15) 100%);clip-path:polygon(15% 0%,85% 0%,100% 50%,85% 100%,15% 100%,0% 50%)}.action-log{position:fixed;bottom:6rem;left:1.5rem;width:480px;background:linear-gradient(135deg,#1e1b14fa,#14120efa);border-radius:0;padding:1.75rem;max-height:450px;overflow-y:auto;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(251,191,36,.2);box-shadow:0 8px 32px #000c;transform:translate(-110%);transition:transform .4s cubic-bezier(.4,0,.2,1);z-index:200}.action-log.show{transform:translate(0)}.log-header{font-weight:700;font-size:1.1rem;margin-bottom:1.25rem;padding-bottom:.75rem;color:var(--spirit-gold);display:flex;align-items:center;gap:.75rem;border-bottom:1px solid rgba(251,191,36,.2);letter-spacing:.15em;text-transform:uppercase;position:relative}.log-entries{display:flex;flex-direction:column;gap:.6rem;position:relative}.log-entry{font-size:.95rem;padding:.75rem 1rem;opacity:.6;background:#0003;border-radius:0;border-left:2px solid rgba(148,163,184,.2);line-height:1.6;color:#c4c3b5;transition:all .2s;font-family:Space Grotesk,system-ui,sans-serif;position:relative}.log-entry:hover{opacity:.85;background:#0000004d;transform:translate(4px)}.log-entry:last-child{opacity:1;font-weight:500;border-left-color:var(--spirit-gold);border-left-width:3px;background:linear-gradient(90deg,rgba(251,191,36,.08),transparent);color:var(--scroll-cream)}.leaderboard{position:fixed;top:1.5rem;right:1.5rem;width:360px;background:linear-gradient(180deg,#0f172afa,#14141efa);border-radius:0;padding:1.5rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(251,191,36,.15);box-shadow:0 8px 40px #000000b3,inset 0 1px #fbbf241a;transform:translate(110%);transition:transform .4s cubic-bezier(.4,0,.2,1);z-index:200}.leaderboard:before,.leaderboard:after{content:"";position:absolute;width:30px;height:30px;border:2px solid var(--spirit-gold);opacity:.4}.leaderboard:before{top:8px;left:8px;border-right:none;border-bottom:none}.leaderboard:after{bottom:8px;right:8px;border-left:none;border-top:none}.leaderboard.show{transform:translate(0)}.leaderboard-header{font-weight:700;font-size:1.1rem;margin-bottom:1.25rem;padding-bottom:.75rem;color:var(--spirit-gold);display:flex;align-items:center;justify-content:center;gap:.75rem;border-bottom:1px solid rgba(251,191,36,.2);letter-spacing:.2em;text-transform:uppercase;text-align:center}.leaderboard-entries{display:flex;flex-direction:column;gap:.75rem}.leaderboard-entry{display:flex;align-items:center;gap:1rem;padding:1rem;background:#0000004d;border-radius:0;transition:all .25s;border:1px solid transparent;position:relative;overflow:hidden}.leaderboard-entry:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}.leaderboard-entry[data-element=firebending]:before{background:var(--fire-primary)}.leaderboard-entry[data-element=waterbending]:before{background:var(--water-primary)}.leaderboard-entry[data-element=earthbending]:before{background:var(--earth-primary)}.leaderboard-entry[data-element=airbending]:before{background:var(--air-secondary)}.leaderboard-entry:hover{background:#0006;transform:translate(-4px);border-color:#fbbf2433}.leaderboard-entry .rank{font-weight:800;font-size:1.3rem;width:45px;text-align:center;font-family:Cinzel,serif}.leaderboard-entry:nth-child(1){border-color:#fbbf244d;background:linear-gradient(90deg,#fbbf2414,#0000004d)}.leaderboard-entry:nth-child(1) .rank{color:var(--spirit-gold);font-size:1.5rem}.leaderboard-entry:nth-child(2) .rank{color:#94a3b8}.leaderboard-entry:nth-child(3) .rank{color:#cd7f32}.leaderboard-entry:nth-child(n+4) .rank{color:#475569;font-size:1.1rem}.leaderboard-entry .deck-name{flex:1;text-transform:uppercase;font-weight:600;font-size:.9rem;color:#e2e8f0;letter-spacing:.1em}.leaderboard-entry[data-element=firebending] .deck-name{color:var(--fire-ember)}.leaderboard-entry[data-element=waterbending] .deck-name{color:var(--water-ice)}.leaderboard-entry[data-element=earthbending] .deck-name{color:var(--earth-secondary)}.leaderboard-entry[data-element=airbending] .deck-name{color:var(--air-primary)}.leaderboard-entry .win-rate{font-weight:700;color:#4ade80;font-size:1.2rem;font-family:Space Grotesk,system-ui,sans-serif}.leaderboard-entry .record{font-size:.75rem;opacity:.6;color:#94a3b8;font-family:Space Grotesk,monospace,system-ui;letter-spacing:.05em}.no-games{text-align:center;opacity:.4;padding:2.5rem 1.5rem;font-style:italic;color:#64748b;letter-spacing:.1em}.learning-panel{position:fixed;top:1.5rem;left:1.5rem;width:460px;max-height:calc(100vh - 3rem);overflow-y:auto;background:linear-gradient(180deg,#2d281efa,#231e16fa,#191612fa);border-radius:0;padding:2rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(251,191,36,.2);box-shadow:0 0 0 1px #14120e80,0 12px 48px #000c,inset 0 1px #fef3c714,inset 0 -1px #0000004d;transform:translate(-110%);transition:transform .4s cubic-bezier(.4,0,.2,1);z-index:200}.learning-panel:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.6' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;opacity:.7}.learning-panel:after{content:"";position:absolute;top:0;left:20px;right:20px;height:3px;background:linear-gradient(90deg,transparent 0%,var(--spirit-gold) 20%,var(--spirit-gold) 80%,transparent 100%);opacity:.6}.learning-panel.show{transform:translate(0)}.learning-header{font-weight:700;font-size:1.3rem;margin-bottom:1.5rem;padding-bottom:1rem;color:var(--spirit-gold);display:flex;align-items:center;gap:.75rem;border-bottom:1px solid rgba(251,191,36,.15);letter-spacing:.15em;text-transform:uppercase;position:relative}.learning-content{display:flex;flex-direction:column;gap:2rem;position:relative}.learning-intro{font-size:.95rem;line-height:1.7;color:#a3a28a;background:#0003;padding:1.25rem;border-left:3px solid var(--spirit-gold);font-style:italic}.learning-intro p{margin:0}.learning-flow{display:flex;flex-direction:column;gap:.5rem}.flow-step{background:#00000040;border-radius:0;padding:1.25rem;border:1px solid rgba(148,163,184,.1);transition:all .3s;position:relative}.flow-step:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--spirit-gold),transparent);opacity:.3}.flow-step:hover{background:#00000059;transform:translate(6px);border-color:#fbbf244d}.flow-step:hover:before{opacity:.8}.flow-step.highlight{border-color:#4ade804d;background:#4ade800d}.flow-step.highlight:before{background:linear-gradient(180deg,#4ade80,transparent);opacity:.6}.flow-icon{font-size:1.8rem;margin-bottom:.5rem}.flow-title{font-weight:700;font-size:1rem;color:var(--scroll-cream);margin-bottom:.5rem;letter-spacing:.05em}.flow-description{font-size:.85rem;line-height:1.6;color:#8b8878;font-family:Space Grotesk,system-ui,sans-serif}.flow-arrow{text-align:center;font-size:1.2rem;color:var(--spirit-gold);opacity:.4;padding:.25rem 0}.learning-features h3,.learning-tech h3,.learning-example h3{font-size:1rem;color:var(--spirit-gold);margin-bottom:1rem;letter-spacing:.15em;text-transform:uppercase;font-weight:600}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.feature{background:#00000040;border-radius:0;padding:1rem;border:1px solid rgba(148,163,184,.1);transition:all .25s}.feature:hover{background:#00000059;border-color:#fbbf2433;transform:translateY(-2px)}.feature-icon{font-size:1.4rem;margin-bottom:.5rem}.feature-name{font-weight:600;font-size:.85rem;color:var(--scroll-cream);margin-bottom:.3rem;letter-spacing:.03em}.feature-desc{font-size:.7rem;color:#8b8878;line-height:1.5;font-family:Space Grotesk,system-ui,sans-serif}.tech-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.tech-list li{font-size:.85rem;padding:.75rem 1rem;background:#0003;border-left:2px solid rgba(251,191,36,.3);line-height:1.5;color:#a3a28a;font-family:Space Grotesk,system-ui,sans-serif}.tech-list li strong{color:var(--scroll-cream)}.example-box{background:#00000040;border-radius:0;padding:1.25rem;border:1px solid rgba(148,163,184,.1)}.example-step{font-size:.85rem;padding:.75rem 1rem;margin-bottom:.6rem;background:#0003;border-left:2px solid rgba(251,191,36,.3);line-height:1.6;color:#a3a28a;font-family:Space Grotesk,system-ui,sans-serif}.example-step:last-child{margin-bottom:0;border-left-color:#4ade80;border-left-width:3px;background:#4ade800d;color:var(--scroll-cream)}.example-step strong{color:var(--scroll-cream)}.action-log::-webkit-scrollbar,.leaderboard::-webkit-scrollbar,.hand-zone::-webkit-scrollbar,.learning-panel::-webkit-scrollbar{width:6px;height:6px}.action-log::-webkit-scrollbar-track,.leaderboard::-webkit-scrollbar-track,.hand-zone::-webkit-scrollbar-track,.learning-panel::-webkit-scrollbar-track{background:#0000004d;margin:8px}.action-log::-webkit-scrollbar-thumb,.leaderboard::-webkit-scrollbar-thumb,.hand-zone::-webkit-scrollbar-thumb,.learning-panel::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#fbbf2466,#fbbf2433);border-radius:0}.action-log::-webkit-scrollbar-thumb:hover,.leaderboard::-webkit-scrollbar-thumb:hover,.hand-zone::-webkit-scrollbar-thumb:hover,.learning-panel::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#fbbf2499,#fbbf2466)}.panel-toggles{display:flex;gap:.75rem;position:fixed;bottom:1.5rem;right:1.5rem;z-index:300}.toggle-btn{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#0f172af2,#1e293bf2);border:2px solid rgba(251,191,36,.25);color:var(--spirit-gold);font-size:1.5rem;cursor:pointer;box-shadow:0 4px 20px #00000080,inset 0 1px #ffffff0d;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.toggle-btn:hover{transform:translateY(-3px);box-shadow:0 8px 30px #0009;border-color:var(--spirit-gold)}.toggle-btn:active{transform:translateY(0) scale(.95)}.toggle-btn.active{background:linear-gradient(135deg,var(--spirit-gold),#f59e0b);border-color:var(--spirit-gold);color:var(--void-dark);box-shadow:0 6px 24px #0006}.card-modal{position:fixed;inset:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.card-modal-content{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center;animation:zoomIn .25s ease}@keyframes zoomIn{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.card-modal-close{position:absolute;top:-3rem;right:0;background:#ef4444e6;border:none;color:#fff;width:44px;height:44px;border-radius:50%;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #00000080;transition:all .2s}.card-modal-close:hover{background:#ef4444;transform:scale(1.1)}.card-modal-close:active{transform:scale(.95)}.card-modal-image{max-width:100%;max-height:90vh;border-radius:12px;box-shadow:0 12px 48px #000000e6}.card-modal-placeholder{background:linear-gradient(145deg,#1e293b,#0f172a);border:2px solid rgba(251,191,36,.3);border-radius:12px;padding:3rem;min-width:300px;max-width:500px;text-align:center;box-shadow:0 12px 48px #000000e6}.card-modal-placeholder h2{font-size:2rem;margin-bottom:1rem;color:var(--spirit-gold);letter-spacing:.05em}.card-modal-type{font-size:1.1rem;color:#94a3b8;margin-bottom:1rem;font-family:Space Grotesk,system-ui,sans-serif}.card-modal-stats{font-size:2.5rem;font-weight:700;color:var(--spirit-gold);margin-top:1.5rem;font-family:Space Grotesk,system-ui,sans-serif}@media(max-width:768px){.arena-container{padding:.5rem}.arena-container:before{display:none}.arena-header{flex-direction:column;gap:.5rem;padding:.75rem 1rem;margin-bottom:1rem}.turn-info{font-size:.8rem}.phase-info{font-size:1.1rem}.winner-banner{padding:.5rem 1.5rem;font-size:1rem}.player-area{padding:.75rem;margin:.5rem 0}.player-info{flex-wrap:wrap;gap:.5rem;padding:.6rem .75rem;margin-bottom:.75rem}.deck-emoji{font-size:1.6rem}.player-name{font-size:.9rem;flex-basis:100%;order:-1}.life-total{font-size:1.2rem;padding:.2rem .5rem}.hand-count,.graveyard-count{font-size:.8rem}.card{width:55px;height:77px}.card:hover{transform:scale(1.8) translateY(-8px)}.card.tapped:hover{transform:rotate(90deg) scale(1.8) translateY(-8px)}.card-name{font-size:.55rem;-webkit-line-clamp:2}.power-toughness{font-size:.6rem;padding:.15rem .3rem;bottom:2px;right:2px}.hand-zone{gap:.4rem;padding:.6rem;min-height:85px}.zone{padding:.6rem}.zone-label{font-size:.6rem;margin-bottom:.4rem}.zone-cards{gap:.4rem;min-height:45px}.battlefield-divider{padding:1rem .5rem}.vs-badge{padding:.4rem 2rem;font-size:1rem;letter-spacing:.2em}.panel-toggles{bottom:1rem;right:1rem}.toggle-btn{width:48px;height:48px;font-size:1.3rem}.action-log{bottom:0;left:0;right:0;width:100%;border-radius:0;padding:1rem;max-height:50vh;border:none;border-top:2px solid rgba(251,191,36,.3);transform:translateY(100%);z-index:250}.action-log.show{transform:translateY(0)}.log-header{font-size:.9rem;margin-bottom:.75rem}.log-entry{font-size:.75rem;padding:.5rem}.leaderboard{top:0;right:0;left:0;width:100%;border-radius:0;padding:1rem;max-height:50vh;overflow-y:auto;border:none;border-bottom:2px solid rgba(251,191,36,.3);z-index:250;transform:translateY(-100%)}.leaderboard:before,.leaderboard:after{display:none}.leaderboard.show{transform:translateY(0)}.leaderboard-header{font-size:1rem;margin-bottom:.75rem}.leaderboard-entry{gap:.6rem;padding:.6rem}.leaderboard-entry .rank{font-size:1rem;width:32px}.leaderboard-entry .deck-name{font-size:.8rem}.leaderboard-entry .win-rate{font-size:1rem}.leaderboard-entry .record{font-size:.7rem}.learning-panel{inset:auto 0 0;width:100%;border-radius:0;padding:1rem;max-height:65vh;border:none;border-top:2px solid rgba(251,191,36,.3);transform:translateY(100%);z-index:250}.learning-panel:after{display:none}.learning-panel.show{transform:translateY(0)}.learning-header{font-size:1rem;margin-bottom:1rem}.learning-content{gap:1.25rem}.flow-step{padding:.75rem}.flow-icon{font-size:1.4rem}.flow-title{font-size:.9rem}.flow-description{font-size:.8rem}.feature-grid{grid-template-columns:1fr}}@media(max-width:480px){.arena-container{padding:.25rem}.card{width:48px;height:67px}.hand-zone{padding:.4rem;min-height:72px}.zone{padding:.4rem}.zone-cards{gap:.35rem}.player-area,.player-info{padding:.4rem}}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}
