@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;600;700&display=swap";@layer components;@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-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--color-red-50:oklch(97.1% .013 17.38);--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-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--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-sm:24rem;--container-md:28rem;--container-lg:32rem;--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);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-widest:.1em;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--app-font-sans);--default-mono-font-family:var(--app-font-mono);--color-border:hsl(var(--border))}}@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,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:hsl(var(--border))}html{background:hsl(var(--background))}body{background-color:hsl(var(--background));font-family:var(--app-font-sans);color:hsl(var(--foreground));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-width:320px;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}:focus-visible{outline:3px solid hsl(var(--secondary));outline-offset:3px}}@layer utilities{.\@container\/field-group{container:field-group/inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:0}.inset-x-0{inset-inline:0}.inset-y-0{inset-block:0}.-top-12{top:calc(var(--spacing) * -12)}.top-0{top:0}.top-1\.5{top:calc(var(--spacing) * 1.5)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-3\.5{top:calc(var(--spacing) * 3.5)}.top-4{top:calc(var(--spacing) * 4)}.top-\[1px\]{top:1px}.top-\[50\%\]{top:50%}.top-\[60\%\]{top:60%}.top-full{top:100%}.-right-12{right:calc(var(--spacing) * -12)}.right-0{right:0}.right-1{right:var(--spacing)}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.-bottom-12{bottom:calc(var(--spacing) * -12)}.bottom-0{bottom:0}.-left-12{left:calc(var(--spacing) * -12)}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.left-\[50\%\]{left:50%}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[1\]{z-index:1}.z-\[100\]{z-index:100}.order-first{order:-9999}.order-last{order:9999}.\!m-0{margin:0!important}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-3\.5{margin-inline:calc(var(--spacing) * 3.5)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-auto{margin-inline:auto}.-my-2{margin-block:calc(var(--spacing) * -2)}.my-0{margin-block:0}.my-0\.5{margin-block:calc(var(--spacing) * .5)}.my-1{margin-block:var(--spacing)}.-mt-4{margin-top:calc(var(--spacing) * -4)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-24{margin-top:calc(var(--spacing) * 24)}.mt-auto{margin-top:auto}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.-ml-4{margin-left:calc(var(--spacing) * -4)}.ml-1{margin-left:var(--spacing)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-auto{margin-left:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-\[--cell-size\]{width:--cell-size;height:--cell-size}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.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-\[--cell-size\]{height:--cell-size}.h-\[1px\]{height:1px}.h-\[var\(--radix-navigation-menu-viewport-height\)\]{height:var(--radix-navigation-menu-viewport-height)}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.h-svh{height:100svh}.max-h-\[--radix-context-menu-content-available-height\]{max-height:--radix-context-menu-content-available-height}.max-h-\[--radix-select-content-available-height\]{max-height:--radix-select-content-available-height}.max-h-\[85vh\]{max-height:85vh}.max-h-\[300px\]{max-height:300px}.max-h-\[var\(--radix-dropdown-menu-content-available-height\)\]{max-height:var(--radix-dropdown-menu-content-available-height)}.max-h-screen{max-height:100vh}.min-h-0{min-height:0}.min-h-8{min-height:calc(var(--spacing) * 8)}.min-h-9{min-height:calc(var(--spacing) * 9)}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-\[60px\]{min-height:60px}.min-h-screen{min-height:100vh}.min-h-svh{min-height:100svh}.w-0{width:0}.w-1{width:var(--spacing)}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.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-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-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-\[--cell-size\]{width:--cell-size}.w-\[1px\]{width:1px}.w-\[100px\]{width:100px}.w-\[var\(--sidebar-width\)\]{width:var(--sidebar-width)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.max-w-\[var\(--skeleton-width\)\]{max-width:var(--skeleton-width)}.max-w-lg{max-width:var(--container-lg)}.max-w-max{max-width:max-content}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:0}.min-w-5{min-width:calc(var(--spacing) * 5)}.min-w-8{min-width:calc(var(--spacing) * 8)}.min-w-9{min-width:calc(var(--spacing) * 9)}.min-w-10{min-width:calc(var(--spacing) * 10)}.min-w-\[--cell-size\]{min-width:--cell-size}.min-w-\[8rem\]{min-width:8rem}.min-w-\[12rem\]{min-width:12rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-full{flex-basis:100%}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.origin-\[--radix-context-menu-content-transform-origin\]{transform-origin:--radix-context-menu-content-transform-origin}.origin-\[--radix-dropdown-menu-content-transform-origin\]{transform-origin:--radix-dropdown-menu-content-transform-origin}.origin-\[--radix-hover-card-content-transform-origin\]{transform-origin:--radix-hover-card-content-transform-origin}.origin-\[--radix-menubar-content-transform-origin\]{transform-origin:--radix-menubar-content-transform-origin}.origin-\[--radix-popover-content-transform-origin\]{transform-origin:--radix-popover-content-transform-origin}.origin-\[--radix-select-content-transform-origin\]{transform-origin:--radix-select-content-transform-origin}.origin-\[--radix-tooltip-content-transform-origin\]{transform-origin:--radix-tooltip-content-transform-origin}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-px{--tw-translate-x:-1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-px{--tw-translate-x:1px;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)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-45{rotate:45deg}.rotate-90{rotate:90deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-caret-blink{animation:1.25s ease-out infinite caret-blink}.animate-in{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.touch-none{touch-action:none}.resize-none{resize:none}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.place-content-center{place-content:center}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.gap-1{gap:var(--spacing)}.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-6{gap:calc(var(--spacing) * 6)}.gap-7{gap:calc(var(--spacing) * 7)}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}: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-x-1>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(var(--spacing) * var(--tw-space-x-reverse));margin-inline-end:calc(var(--spacing) * calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)))}.self-stretch{align-self:stretch}.overflow-auto{overflow:auto}.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-\[2px\]{border-radius:2px}.rounded-\[calc\(var\(--radius\)-5px\)\]{border-radius:calc(var(--radius) - 5px)}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-none{border-radius:0}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:calc(var(--radius) + 4px)}.rounded-t-\[10px\]{border-top-left-radius:10px;border-top-right-radius:10px}.rounded-l-md{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.rounded-tl-sm{border-top-left-radius:calc(var(--radius) - 4px)}.rounded-r-md{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.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-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.\[border-color\:var\(--badge-outline\)\]{border-color:var(--badge-outline)}.\[border-color\:var\(--button-outline\)\]{border-color:var(--button-outline)}.border-\[--color-border\]{border-color:--color-border}.border-border,.border-border\/50{border-color:hsl(var(--border))}@supports (color:color-mix(in lab,red,red)){.border-border\/50{border-color:color-mix(in oklab,hsl(var(--border)) 50%,transparent)}}.border-destructive,.border-destructive\/50{border-color:hsl(var(--destructive))}@supports (color:color-mix(in lab,red,red)){.border-destructive\/50{border-color:color-mix(in oklab,hsl(var(--destructive)) 50%,transparent)}}.border-input{border-color:hsl(var(--input))}.border-primary,.border-primary\/50{border-color:hsl(var(--primary))}@supports (color:color-mix(in lab,red,red)){.border-primary\/50{border-color:color-mix(in oklab,hsl(var(--primary)) 50%,transparent)}}.border-transparent{border-color:#0000}.border-t-transparent{border-top-color:#0000}.border-l-transparent{border-left-color:#0000}.bg-\[--color-bg\]{background-color:--color-bg}.bg-accent{background-color:hsl(var(--accent))}.bg-background{background-color:hsl(var(--background))}.bg-black\/80{background-color:#000c}@supports (color:color-mix(in lab,red,red)){.bg-black\/80{background-color:color-mix(in oklab,var(--color-black) 80%,transparent)}}.bg-border{background-color:hsl(var(--border))}.bg-card{background-color:hsl(var(--card))}.bg-destructive{background-color:hsl(var(--destructive))}.bg-foreground{background-color:hsl(var(--foreground))}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-input{background-color:hsl(var(--input))}.bg-muted,.bg-muted\/50{background-color:hsl(var(--muted))}@supports (color:color-mix(in lab,red,red)){.bg-muted\/50{background-color:color-mix(in oklab,hsl(var(--muted)) 50%,transparent)}}.bg-popover{background-color:hsl(var(--popover))}.bg-primary,.bg-primary\/10{background-color:hsl(var(--primary))}@supports (color:color-mix(in lab,red,red)){.bg-primary\/10{background-color:color-mix(in oklab,hsl(var(--primary)) 10%,transparent)}}.bg-primary\/20{background-color:hsl(var(--primary))}@supports (color:color-mix(in lab,red,red)){.bg-primary\/20{background-color:color-mix(in oklab,hsl(var(--primary)) 20%,transparent)}}.bg-secondary{background-color:hsl(var(--secondary))}.bg-transparent{background-color:#0000}.fill-current{fill:currentColor}.fill-primary{fill:hsl(var(--primary))}.p-0{padding:0}.p-1{padding:var(--spacing)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.p-\[1px\]{padding:1px}.px-1{padding-inline:var(--spacing)}.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-8{padding-inline:calc(var(--spacing) * 8)}.px-\[--cell-size\]{padding-inline:--cell-size}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.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-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.pt-0{padding-top:0}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pr-1{padding-right:var(--spacing)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-2\.5{padding-right:calc(var(--spacing) * 2.5)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-2\.5{padding-left:calc(var(--spacing) * 2.5)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-8{padding-left:calc(var(--spacing) * 8)}.text-center{text-align:center}.text-left{text-align:left}.align-middle{vertical-align:middle}.font-mono{font-family:var(--app-font-mono)}.font-sans{font-family:var(--app-font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--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-sm\/relaxed{font-size:var(--text-sm);line-height:var(--leading-relaxed)}.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-\[0\.8rem\]{font-size:.8rem}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.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-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-balance{text-wrap:balance}.break-words{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.text-accent-foreground{color:hsl(var(--accent-foreground))}.text-card-foreground{color:hsl(var(--card-foreground))}.text-current{color:currentColor}.text-destructive{color:hsl(var(--destructive))}.text-destructive-foreground{color:hsl(var(--destructive-foreground))}.text-foreground,.text-foreground\/50{color:hsl(var(--foreground))}@supports (color:color-mix(in lab,red,red)){.text-foreground\/50{color:color-mix(in oklab,hsl(var(--foreground)) 50%,transparent)}}.text-gray-600{color:var(--color-gray-600)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-input{color:hsl(var(--input))}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-popover-foreground{color:hsl(var(--popover-foreground))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-red-500{color:var(--color-red-500)}.text-secondary-foreground{color:hsl(var(--secondary-foreground))}.text-white{color:var(--color-white)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}.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-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,hsl(var(--sidebar-border)));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-none{--tw-shadow:0 0 #0000;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)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px 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-0{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-1{--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-ring{--tw-ring-color:hsl(var(--ring))}.ring-offset-background{--tw-ring-offset-color:hsl(var(--background))}.outline-hidden{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-2{outline-style:var(--tw-outline-style);outline-width:2px}.outline-offset-2{outline-offset:2px}.outline-transparent{outline-color:#0000}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.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-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[left\,right\,width\]{transition-property:left,right,width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[margin\,opacity\]{transition-property:margin,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\,height\,padding\]{transition-property:width,height,padding;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;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))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-1000{--tw-duration:1s;transition-duration:1s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-linear{--tw-ease:linear;transition-timing-function:linear}.fade-in-0{--tw-enter-opacity:0}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.zoom-in-95{--tw-enter-scale:.95}.\[--cell-size\:2rem\]{--cell-size:2rem}.group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *){opacity:1}@media(hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *),.group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *){opacity:1}}.group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8:is(:where(.group\/menu-item):has([data-sidebar=menu-action]) *){padding-right:calc(var(--spacing) * 8)}.group-has-\[\[data-orientation\=horizontal\]\]\/field\:text-balance:is(:where(.group\/field):has([data-orientation=horizontal]) *){text-wrap:balance}.group-has-\[\[data-slot\=item-description\]\]\/item\:translate-y-0\.5:is(:where(.group\/item):has([data-slot=item-description]) *){--tw-translate-y:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-has-\[\[data-slot\=item-description\]\]\/item\:self-start:is(:where(.group\/item):has([data-slot=item-description]) *){align-self:flex-start}.group-has-\[\>input\]\/input-group\:pt-2\.5:is(:where(.group\/input-group):has(>input) *){padding-top:calc(var(--spacing) * 2.5)}.group-has-\[\>input\]\/input-group\:pb-2\.5:is(:where(.group\/input-group):has(>input) *){padding-bottom:calc(var(--spacing) * 2.5)}.group-data-\[collapsible\=icon\]\:-mt-8:is(:where(.group)[data-collapsible=icon] *){margin-top:calc(var(--spacing) * -8)}.group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible=icon] *){display:none}.group-data-\[collapsible\=icon\]\:h-8\!:is(:where(.group)[data-collapsible=icon] *){height:calc(var(--spacing) * 8)!important}.group-data-\[collapsible\=icon\]\:w-8\!:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--spacing) * 8)!important}.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+var\(--spacing-4\)\)\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + var(--spacing-4))}.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+var\(--spacing-4\)\+2px\)\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + var(--spacing-4) + 2px)}.group-data-\[collapsible\=icon\]\:w-\[var\(--sidebar-width-icon\)\]:is(:where(.group)[data-collapsible=icon] *){width:var(--sidebar-width-icon)}.group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible=icon] *){overflow:hidden}.group-data-\[collapsible\=icon\]\:p-0\!:is(:where(.group)[data-collapsible=icon] *){padding:0!important}.group-data-\[collapsible\=icon\]\:p-2\!:is(:where(.group)[data-collapsible=icon] *){padding:calc(var(--spacing) * 2)!important}.group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible=icon] *){opacity:0}.group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *){right:calc(var(--sidebar-width) * -1)}.group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *){left:calc(var(--sidebar-width) * -1)}.group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-collapsible=offcanvas] *){width:0}.group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(:where(.group)[data-collapsible=offcanvas] *){--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.group-data-\[disabled\=true\]\/field\:opacity-50:is(:where(.group\/field)[data-disabled=true] *),.group-data-\[disabled\=true\]\/input-group\:opacity-50:is(:where(.group\/input-group)[data-disabled=true] *){opacity:.5}.group-data-\[focused\=true\]\/day\:relative:is(:where(.group\/day)[data-focused=true] *){position:relative}.group-data-\[focused\=true\]\/day\:z-10:is(:where(.group\/day)[data-focused=true] *){z-index:10}.group-data-\[focused\=true\]\/day\:border-ring:is(:where(.group\/day)[data-focused=true] *){border-color:hsl(var(--ring))}.group-data-\[focused\=true\]\/day\:ring-\[3px\]:is(:where(.group\/day)[data-focused=true] *){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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)}.group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.group\/day)[data-focused=true] *){--tw-ring-color:hsl(var(--ring))}@supports (color:color-mix(in lab,red,red)){.group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.group\/day)[data-focused=true] *){--tw-ring-color:color-mix(in oklab, hsl(var(--ring)) 50%, transparent)}}.group-data-\[side\=left\]\:-right-4:is(:where(.group)[data-side=left] *){right:calc(var(--spacing) * -4)}.group-data-\[side\=left\]\:border-r:is(:where(.group)[data-side=left] *){border-right-style:var(--tw-border-style);border-right-width:1px}.group-data-\[side\=right\]\:left-0:is(:where(.group)[data-side=right] *){left:0}.group-data-\[side\=right\]\:rotate-180:is(:where(.group)[data-side=right] *){rotate:180deg}.group-data-\[side\=right\]\:border-l:is(:where(.group)[data-side=right] *){border-left-style:var(--tw-border-style);border-left-width:1px}.group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state=open] *){rotate:180deg}.group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant=floating] *){border-radius:var(--radius)}.group-data-\[variant\=floating\]\:border:is(:where(.group)[data-variant=floating] *){border-style:var(--tw-border-style);border-width:1px}.group-data-\[variant\=floating\]\:shadow-sm:is(:where(.group)[data-variant=floating] *){--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)}.group-data-\[variant\=outline\]\/field-group\:-mb-2:is(:where(.group\/field-group)[data-variant=outline] *){margin-bottom:calc(var(--spacing) * -2)}.group-\[\.destructive\]\:border-muted\/40:is(:where(.group).destructive *){border-color:hsl(var(--muted))}@supports (color:color-mix(in lab,red,red)){.group-\[\.destructive\]\:border-muted\/40:is(:where(.group).destructive *){border-color:color-mix(in oklab,hsl(var(--muted)) 40%,transparent)}}.group-\[\.destructive\]\:text-red-300:is(:where(.group).destructive *){color:var(--color-red-300)}.group-\[\.toast\]\:bg-muted:is(:where(.group).toast *){background-color:hsl(var(--muted))}.group-\[\.toast\]\:bg-primary:is(:where(.group).toast *){background-color:hsl(var(--primary))}.group-\[\.toast\]\:text-muted-foreground:is(:where(.group).toast *){color:hsl(var(--muted-foreground))}.group-\[\.toast\]\:text-primary-foreground:is(:where(.group).toast *){color:hsl(var(--primary-foreground))}.group-\[\.toaster\]\:border-border:is(:where(.group).toaster *){border-color:hsl(var(--border))}.group-\[\.toaster\]\:bg-background:is(:where(.group).toaster *){background-color:hsl(var(--background))}.group-\[\.toaster\]\:text-foreground:is(:where(.group).toaster *){color:hsl(var(--foreground))}.group-\[\.toaster\]\:shadow-lg:is(:where(.group).toaster *){--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)}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-70:is(:where(.peer):disabled~*){opacity:.7}.peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(:where(.peer\/menu-button)[data-size=default]~*){top:calc(var(--spacing) * 1.5)}.peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(:where(.peer\/menu-button)[data-size=lg]~*){top:calc(var(--spacing) * 2.5)}.peer-data-\[size\=sm\]\/menu-button\:top-1:is(:where(.peer\/menu-button)[data-size=sm]~*){top:var(--spacing)}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:hsl(var(--foreground))}.placeholder\:text-muted-foreground::placeholder{color:hsl(var(--muted-foreground))}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:-inset-2:after{content:var(--tw-content);inset:calc(var(--spacing) * -2)}.after\:inset-y-0:after{content:var(--tw-content);inset-block:0}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:w-1:after{content:var(--tw-content);width:var(--spacing)}.after\:w-\[2px\]:after{content:var(--tw-content);width:2px}.after\:-translate-x-1\/2:after{content:var(--tw-content);--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible=offcanvas] *):after{content:var(--tw-content);left:100%}.first\:rounded-l-md:first-child{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.first\:border-l:first-child{border-left-style:var(--tw-border-style);border-left-width:1px}.last\:mt-0:last-child{margin-top:0}.last\:rounded-r-md:last-child{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}@media(hover:hover){.hover\:bg-accent:hover{background-color:hsl(var(--accent))}.hover\:bg-gray-700:hover{background-color:var(--color-gray-700)}.hover\:bg-muted:hover,.hover\:bg-muted\/50:hover{background-color:hsl(var(--muted))}@supports (color:color-mix(in lab,red,red)){.hover\:bg-muted\/50:hover{background-color:color-mix(in oklab,hsl(var(--muted)) 50%,transparent)}}.hover\:bg-secondary:hover{background-color:hsl(var(--secondary))}.hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}.hover\:text-foreground:hover{color:hsl(var(--foreground))}.hover\:text-muted-foreground:hover{color:hsl(var(--muted-foreground))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover{--tw-shadow:0 0 0 1px var(--tw-shadow-color,hsl(var(--sidebar-accent)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.group-\[\.destructive\]\:hover\:border-destructive\/30:is(:where(.group).destructive *):hover{border-color:hsl(var(--destructive))}@supports (color:color-mix(in lab,red,red)){.group-\[\.destructive\]\:hover\:border-destructive\/30:is(:where(.group).destructive *):hover{border-color:color-mix(in oklab,hsl(var(--destructive)) 30%,transparent)}}.group-\[\.destructive\]\:hover\:bg-destructive:is(:where(.group).destructive *):hover{background-color:hsl(var(--destructive))}.group-\[\.destructive\]\:hover\:text-destructive-foreground:is(:where(.group).destructive *):hover{color:hsl(var(--destructive-foreground))}.group-\[\.destructive\]\:hover\:text-red-50:is(:where(.group).destructive *):hover{color:var(--color-red-50)}}.focus\:bg-accent:focus{background-color:hsl(var(--accent))}.focus\:text-accent-foreground:focus{color:hsl(var(--accent-foreground))}.focus\:opacity-100:focus{opacity:1}.focus\:ring-1: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\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-ring:focus{--tw-ring-color:hsl(var(--ring))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.group-\[\.destructive\]\:focus\:ring-destructive:is(:where(.group).destructive *):focus{--tw-ring-color:hsl(var(--destructive))}.group-\[\.destructive\]\:focus\:ring-red-400:is(:where(.group).destructive *):focus{--tw-ring-color:var(--color-red-400)}.group-\[\.destructive\]\:focus\:ring-offset-red-600:is(:where(.group).destructive *):focus{--tw-ring-offset-color:var(--color-red-600)}.focus-visible\:border-ring:focus-visible{border-color:hsl(var(--ring))}.focus-visible\:ring-0:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-1:focus-visible{--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-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-ring:focus-visible,.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:hsl(var(--ring))}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab, hsl(var(--ring)) 50%, transparent)}}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:hsl(var(--background))}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:shadow-none:active{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}:where([data-side=left]) .in-data-\[side\=left\]\:cursor-w-resize{cursor:w-resize}:where([data-side=right]) .in-data-\[side\=right\]\:cursor-e-resize{cursor:e-resize}.has-focus\:border-ring:has(:focus){border-color:hsl(var(--ring))}.has-focus\:ring-\[3px\]:has(:focus){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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)}.has-focus\:ring-ring\/50:has(:focus){--tw-ring-color:hsl(var(--ring))}@supports (color:color-mix(in lab,red,red)){.has-focus\:ring-ring\/50:has(:focus){--tw-ring-color:color-mix(in oklab, hsl(var(--ring)) 50%, transparent)}}.has-data-\[state\=checked\]\:border-primary:has([data-state=checked]){border-color:hsl(var(--primary))}.has-data-\[state\=checked\]\:bg-primary\/5:has([data-state=checked]){background-color:hsl(var(--primary))}@supports (color:color-mix(in lab,red,red)){.has-data-\[state\=checked\]\:bg-primary\/5:has([data-state=checked]){background-color:color-mix(in oklab,hsl(var(--primary)) 5%,transparent)}}.has-\[\:disabled\]\:opacity-50:has(:disabled){opacity:.5}.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-1:has([data-slot=input-group-control]:focus-visible){--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)}.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring:has([data-slot=input-group-control]:focus-visible){--tw-ring-color:hsl(var(--ring))}.has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-destructive:has([data-slot][aria-invalid=true]){border-color:hsl(var(--destructive))}.has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has([data-slot][aria-invalid=true]){--tw-ring-color:hsl(var(--destructive))}@supports (color:color-mix(in lab,red,red)){.has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has([data-slot][aria-invalid=true]){--tw-ring-color:color-mix(in oklab, hsl(var(--destructive)) 20%, transparent)}}.has-\[\>\[data-align\=block-end\]\]\:h-auto:has(>[data-align=block-end]){height:auto}.has-\[\>\[data-align\=block-end\]\]\:flex-col:has(>[data-align=block-end]){flex-direction:column}.has-\[\>\[data-align\=block-start\]\]\:h-auto:has(>[data-align=block-start]){height:auto}.has-\[\>\[data-align\=block-start\]\]\:flex-col:has(>[data-align=block-start]){flex-direction:column}.has-\[\>\[data-slot\=button-group\]\]\:gap-2:has(>[data-slot=button-group]){gap:calc(var(--spacing) * 2)}.has-\[\>\[data-slot\=checkbox-group\]\]\:gap-3:has(>[data-slot=checkbox-group]){gap:calc(var(--spacing) * 3)}.has-\[\>\[data-slot\=field-content\]\]\:items-start:has(>[data-slot=field-content]){align-items:flex-start}.has-\[\>\[data-slot\=field\]\]\:w-full:has(>[data-slot=field]){width:100%}.has-\[\>\[data-slot\=field\]\]\:flex-col:has(>[data-slot=field]){flex-direction:column}.has-\[\>\[data-slot\=field\]\]\:rounded-md:has(>[data-slot=field]){border-radius:calc(var(--radius) - 2px)}.has-\[\>\[data-slot\=field\]\]\:border:has(>[data-slot=field]){border-style:var(--tw-border-style);border-width:1px}.has-\[\>\[data-slot\=radio-group\]\]\:gap-3:has(>[data-slot=radio-group]){gap:calc(var(--spacing) * 3)}.has-\[\>button\]\:mr-\[-0\.4rem\]:has(>button){margin-right:-.4rem}.has-\[\>button\]\:ml-\[-0\.45rem\]:has(>button){margin-left:-.45rem}.has-\[\>kbd\]\:mr-\[-0\.35rem\]:has(>kbd){margin-right:-.35rem}.has-\[\>kbd\]\:ml-\[-0\.35rem\]:has(>kbd){margin-left:-.35rem}.has-\[\>svg\]\:p-0:has(>svg){padding:0}.has-\[\>svg\]\:px-2:has(>svg){padding-inline:calc(var(--spacing) * 2)}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing) * 2.5)}.has-\[\>textarea\]\:h-auto:has(>textarea){height:auto}.aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.aria-selected\:text-muted-foreground[aria-selected=true]{color:hsl(var(--muted-foreground))}.data-\[active\=true\]\:font-medium[data-active=true]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true]{pointer-events:none}.data-\[disabled\=true\]\:opacity-50[data-disabled=true]{opacity:.5}.data-\[invalid\=true\]\:text-destructive[data-invalid=true]{color:hsl(var(--destructive))}.data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion=from-end]{--tw-enter-translate-x:calc(52*var(--spacing))}.data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion=from-start]{--tw-enter-translate-x:calc(52*var(--spacing)*-1)}.data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion=to-end]{--tw-exit-translate-x:calc(52*var(--spacing))}.data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion=to-start]{--tw-exit-translate-x:calc(52*var(--spacing)*-1)}.data-\[motion\^\=from-\]\:animate-in[data-motion^=from-]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[motion\^\=from-\]\:fade-in[data-motion^=from-]{--tw-enter-opacity:0}.data-\[motion\^\=to-\]\:animate-out[data-motion^=to-]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[motion\^\=to-\]\:fade-out[data-motion^=to-]{--tw-exit-opacity:0}.data-\[orientation\=vertical\]\:h-auto[data-orientation=vertical]{height:auto}.data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction=vertical]{height:1px}.data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction=vertical]{width:100%}.data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction=vertical]{flex-direction:column}.data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction=vertical]:after{content:var(--tw-content);left:0}.data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction=vertical]:after{content:var(--tw-content);height:var(--spacing)}.data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction=vertical]:after{content:var(--tw-content);width:100%}.data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction=vertical]:after{content:var(--tw-content);--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction=vertical]:after{content:var(--tw-content);--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color:hsl(var(--muted-foreground))}.data-\[range-end\=true\]\:rounded-md[data-range-end=true]{border-radius:calc(var(--radius) - 2px)}.data-\[range-end\=true\]\:bg-primary[data-range-end=true]{background-color:hsl(var(--primary))}.data-\[range-end\=true\]\:text-primary-foreground[data-range-end=true]{color:hsl(var(--primary-foreground))}.data-\[range-middle\=true\]\:rounded-none[data-range-middle=true]{border-radius:0}.data-\[range-middle\=true\]\:bg-accent[data-range-middle=true]{background-color:hsl(var(--accent))}.data-\[range-middle\=true\]\:text-accent-foreground[data-range-middle=true]{color:hsl(var(--accent-foreground))}.data-\[range-start\=true\]\:rounded-md[data-range-start=true]{border-radius:calc(var(--radius) - 2px)}.data-\[range-start\=true\]\:bg-primary[data-range-start=true]{background-color:hsl(var(--primary))}.data-\[range-start\=true\]\:text-primary-foreground[data-range-start=true]{color:hsl(var(--primary-foreground))}.data-\[selected-single\=true\]\:bg-primary[data-selected-single=true]{background-color:hsl(var(--primary))}.data-\[selected-single\=true\]\:text-primary-foreground[data-selected-single=true]{color:hsl(var(--primary-foreground))}.data-\[selected\=true\]\:rounded-none[data-selected=true]{border-radius:0}.data-\[selected\=true\]\:bg-accent[data-selected=true]{background-color:hsl(var(--accent))}.data-\[selected\=true\]\:text-accent-foreground[data-selected=true]{color:hsl(var(--accent-foreground))}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}.data-\[slot\=checkbox-group\]\:gap-3[data-slot=checkbox-group]{gap:calc(var(--spacing) * 3)}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:hsl(var(--background))}.data-\[state\=active\]\:text-foreground[data-state=active]{color:hsl(var(--foreground))}.data-\[state\=active\]\:shadow[data-state=active]{--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)}.data-\[state\=checked\]\:translate-x-4[data-state=checked]{--tw-translate-x:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:hsl(var(--primary))}.data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{color:hsl(var(--primary-foreground))}.data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{animation:accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:duration-300[data-state=closed]{--tw-duration:.3s;transition-duration:.3s}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:fade-out-80[data-state=closed]{--tw-exit-opacity:.8}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y:100%}.data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x:-100%}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x: -50% }.data-\[state\=closed\]\:slide-out-to-right[data-state=closed]{--tw-exit-translate-x:100%}.data-\[state\=closed\]\:slide-out-to-right-full[data-state=closed]{--tw-exit-translate-x: 100% }.data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y:-100%}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y: -48% }.data-\[state\=hidden\]\:animate-out[data-state=hidden]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=hidden\]\:fade-out[data-state=hidden]{--tw-exit-opacity:0}.data-\[state\=on\]\:bg-accent[data-state=on]{background-color:hsl(var(--accent))}.data-\[state\=on\]\:text-accent-foreground[data-state=on]{color:hsl(var(--accent-foreground))}.data-\[state\=open\]\:animate-accordion-down[data-state=open]{animation:accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:bg-accent[data-state=open],.data-\[state\=open\]\:bg-accent\/50[data-state=open]{background-color:hsl(var(--accent))}@supports (color:color-mix(in lab,red,red)){.data-\[state\=open\]\:bg-accent\/50[data-state=open]{background-color:color-mix(in oklab,hsl(var(--accent)) 50%,transparent)}}.data-\[state\=open\]\:bg-secondary[data-state=open]{background-color:hsl(var(--secondary))}.data-\[state\=open\]\:text-accent-foreground[data-state=open]{color:hsl(var(--accent-foreground))}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:hsl(var(--muted-foreground))}.data-\[state\=open\]\:opacity-100[data-state=open]{opacity:1}.data-\[state\=open\]\:duration-500[data-state=open]{--tw-duration:.5s;transition-duration:.5s}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:zoom-in-90[data-state=open]{--tw-enter-scale:.9}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y:100%}.data-\[state\=open\]\:slide-in-from-left[data-state=open]{--tw-enter-translate-x:-100%}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x: -50% }.data-\[state\=open\]\:slide-in-from-right[data-state=open]{--tw-enter-translate-x:100%}.data-\[state\=open\]\:slide-in-from-top[data-state=open]{--tw-enter-translate-y:-100%}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y: -48% }.data-\[state\=open\]\:slide-in-from-top-full[data-state=open]{--tw-enter-translate-y: -100% }@media(hover:hover){.data-\[state\=open\]\:hover\:bg-accent[data-state=open]:hover{background-color:hsl(var(--accent))}}.data-\[state\=open\]\:focus\:bg-accent[data-state=open]:focus{background-color:hsl(var(--accent))}.data-\[state\=selected\]\:bg-muted[data-state=selected]{background-color:hsl(var(--muted))}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{background-color:hsl(var(--input))}.data-\[state\=visible\]\:animate-in[data-state=visible]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=visible\]\:fade-in[data-state=visible]{--tw-enter-opacity:0}.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{--tw-translate-x:var(--radix-toast-swipe-end-x);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[swipe\=end\]\:animate-out[data-swipe=end]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{--tw-translate-x:var(--radix-toast-swipe-move-x);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[swipe\=move\]\:transition-none[data-swipe=move]{transition-property:none}.data-\[variant\=label\]\:text-sm[data-variant=label]{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.data-\[variant\=legend\]\:text-base[data-variant=legend]{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.nth-last-2\:-mt-1:nth-last-child(2){margin-top:calc(var(--spacing) * -1)}@media(min-width:40rem){.sm\:top-auto{top:auto}.sm\:right-0{right:0}.sm\:bottom-0{bottom:0}.sm\:mt-0{margin-top:0}.sm\:flex{display:flex}.sm\:max-w-sm{max-width:var(--container-sm)}.sm\:flex-col{flex-direction:column}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:gap-2\.5{gap:calc(var(--spacing) * 2.5)}:where(.sm\:space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)))}.sm\:rounded-lg{border-radius:var(--radius)}.sm\:text-left{text-align:left}.data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state=open]{--tw-enter-translate-y: 100% }}@media(min-width:48rem){.md\:absolute{position:absolute}.md\:block{display:block}.md\:flex{display:flex}.md\:w-\[var\(--radix-navigation-menu-viewport-width\)\]{width:var(--radix-navigation-menu-viewport-width)}.md\:w-auto{width:auto}.md\:max-w-\[420px\]{max-width:420px}.md\:flex-row{flex-direction:row}.md\:p-12{padding:calc(var(--spacing) * 12)}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\:opacity-0{opacity:0}.md\:peer-data-\[variant\=inset\]\:m-2:is(:where(.peer)[data-variant=inset]~*){margin:calc(var(--spacing) * 2)}.md\:peer-data-\[variant\=inset\]\:ml-0:is(:where(.peer)[data-variant=inset]~*){margin-left:0}.md\:peer-data-\[variant\=inset\]\:rounded-xl:is(:where(.peer)[data-variant=inset]~*){border-radius:calc(var(--radius) + 4px)}.md\:peer-data-\[variant\=inset\]\:shadow-sm:is(:where(.peer)[data-variant=inset]~*){--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)}.md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2:is(:where(.peer)[data-variant=inset]~*):is(:where(.peer)[data-state=collapsed]~*){margin-left:calc(var(--spacing) * 2)}.md\:after\:hidden:after{content:var(--tw-content);display:none}}@container field-group (min-width:28rem){.\@md\/field-group\:flex-row{flex-direction:row}.\@md\/field-group\:items-center{align-items:center}.\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:items-start:has(>[data-slot=field-content]){align-items:flex-start}}.dark\:border-destructive:is(.dark *){border-color:hsl(var(--destructive))}.dark\:bg-input\/30:is(.dark *){background-color:hsl(var(--input))}@supports (color:color-mix(in lab,red,red)){.dark\:bg-input\/30:is(.dark *){background-color:color-mix(in oklab,hsl(var(--input)) 30%,transparent)}}.dark\:bg-transparent:is(.dark *){background-color:#0000}.dark\:has-data-\[state\=checked\]\:bg-primary\/10:is(.dark *):has([data-state=checked]){background-color:hsl(var(--primary))}@supports (color:color-mix(in lab,red,red)){.dark\:has-data-\[state\=checked\]\:bg-primary\/10:is(.dark *):has([data-state=checked]){background-color:color-mix(in oklab,hsl(var(--primary)) 10%,transparent)}}.dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:is(.dark *):has([data-slot][aria-invalid=true]){--tw-ring-color:hsl(var(--destructive))}@supports (color:color-mix(in lab,red,red)){.dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:is(.dark *):has([data-slot][aria-invalid=true]){--tw-ring-color:color-mix(in oklab, hsl(var(--destructive)) 40%, transparent)}}.\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text{fill:hsl(var(--muted-foreground))}.\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"]{stroke:hsl(var(--border))}@supports (color:color-mix(in lab,red,red)){.\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"]{stroke:color-mix(in oklab,hsl(var(--border)) 50%,transparent)}}.\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor{stroke:hsl(var(--border))}.\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke="#fff"]{stroke:#0000}.\[\&_\.recharts-layer\]\:outline-none .recharts-layer{--tw-outline-style:none;outline-style:none}.\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke="#ccc"]{stroke:hsl(var(--border))}.\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector,.\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor{fill:hsl(var(--muted))}.\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke="#ccc"]{stroke:hsl(var(--border))}.\[\&_\.recharts-sector\]\:outline-none .recharts-sector{--tw-outline-style:none;outline-style:none}.\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke="#fff"]{stroke:#0000}.\[\&_\.recharts-surface\]\:outline-none .recharts-surface{--tw-outline-style:none;outline-style:none}.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-inline:calc(var(--spacing) * 2)}.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-block:calc(var(--spacing) * 1.5)}.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]{color:hsl(var(--muted-foreground))}.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{padding-inline:calc(var(--spacing) * 2)}.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:0}.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height:calc(var(--spacing) * 5)}.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width:calc(var(--spacing) * 5)}.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height:calc(var(--spacing) * 12)}.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{padding-inline:calc(var(--spacing) * 2)}.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{padding-block:calc(var(--spacing) * 3)}.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{height:calc(var(--spacing) * 5)}.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{width:calc(var(--spacing) * 5)}.\[\&_img\]\:size-full img{width:100%;height:100%}.\[\&_img\]\:object-cover img{object-fit:cover}.\[\&_p\]\:leading-relaxed p{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 svg:not([class*=size-]){width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.\[\&_tr\]\:border-b tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style:var(--tw-border-style);border-width:0}.\[\&\+\[data-slot\=item-content\]\]\:flex-none+[data-slot=item-content]{flex:none}.\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-md:first-child[data-selected=true] button{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:0}.\[\.border-b\]\:pb-3.border-b{padding-bottom:calc(var(--spacing) * 3)}.\[\.border-t\]\:pt-3.border-t{padding-top:calc(var(--spacing) * 3)}:is(.rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180:where(:dir(rtl),[dir=rtl],[dir=rtl] *) *):is(.rdp-button_next>svg),:is(.rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180:where(:dir(rtl),[dir=rtl],[dir=rtl] *) *):is(.rdp-button_previous>svg){rotate:180deg}.\[a\]\:transition-colors:is(a){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))}@media(hover:hover){.\[a\]\:hover\:bg-accent\/50:is(a):hover{background-color:hsl(var(--accent))}@supports (color:color-mix(in lab,red,red)){.\[a\]\:hover\:bg-accent\/50:is(a):hover{background-color:color-mix(in oklab,hsl(var(--accent)) 50%,transparent)}}}.\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-md:last-child[data-selected=true] button{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.\[\&\>\*\]\:w-full>*{width:100%}.\[\&\>\*\]\:focus-visible\:relative>:focus-visible{position:relative}.\[\&\>\*\]\:focus-visible\:z-10>:focus-visible{z-index:10}@container field-group (min-width:28rem){.\@md\/field-group\:\[\&\>\*\]\:w-auto>*{width:auto}}.\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none>:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-none>:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.\[\&\>\*\:not\(\:first-child\)\]\:border-t-0>:not(:first-child){border-top-style:var(--tw-border-style);border-top-width:0}.\[\&\>\*\:not\(\:first-child\)\]\:border-l-0>:not(:first-child){border-left-style:var(--tw-border-style);border-left-width:0}.\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-none>:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none>:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0}.\[\&\>\.sr-only\]\:w-auto>.sr-only{width:auto}.\[\&\>\[data-slot\=field-group\]\]\:gap-4>[data-slot=field-group]{gap:calc(var(--spacing) * 4)}.\[\&\>\[data-slot\=field-label\]\]\:flex-auto>[data-slot=field-label]{flex:auto}@container field-group (min-width:28rem){.\@md\/field-group\:\[\&\>\[data-slot\=field-label\]\]\:flex-auto>[data-slot=field-label]{flex:auto}}.\[\&\>\[data-slot\=field\]\]\:p-4>[data-slot=field]{padding:calc(var(--spacing) * 4)}.has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md:has(:is(select[aria-hidden=true]:last-child))>[data-slot=select-trigger]:last-of-type{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit>[data-slot=select-trigger]:not([class*=w-]){width:fit-content}.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{--tw-translate-y:2px;translate:var(--tw-translate-x) var(--tw-translate-y)}.has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content])>[role=checkbox],.has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content]) [role=radio]{margin-top:1px}@container field-group (min-width:28rem){.\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content])>[role=checkbox],.\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content]) [role=radio]{margin-top:1px}}.\[\&\>a\]\:underline>a{text-decoration-line:underline}.\[\&\>a\]\:underline-offset-4>a{text-underline-offset:4px}.\[\&\>a\:hover\]\:text-primary>a:hover{color:hsl(var(--primary))}.\[\&\>button\]\:hidden>button{display:none}.\[\&\>input\]\:flex-1>input{flex:1}.has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3:has(>[data-align=block-end])>input{padding-top:calc(var(--spacing) * 3)}.has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3:has(>[data-align=block-start])>input{padding-bottom:calc(var(--spacing) * 3)}.has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-2:has(>[data-align=inline-end])>input{padding-right:calc(var(--spacing) * 2)}.has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-2:has(>[data-align=inline-start])>input{padding-left:calc(var(--spacing) * 2)}.\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\]>kbd{border-radius:calc(var(--radius) - 5px)}.\[\&\>span\]\:line-clamp-1>span{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.\[\&\>span\]\:text-xs>span{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\[\&\>span\]\:opacity-70>span{opacity:.7}.\[\&\>span\:last-child\]\:truncate>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.\[\&\>svg\]\:absolute>svg{position:absolute}.\[\&\>svg\]\:top-4>svg{top:calc(var(--spacing) * 4)}.\[\&\>svg\]\:left-4>svg{left:calc(var(--spacing) * 4)}.\[\&\>svg\]\:size-3\.5>svg{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&\>svg\]\:size-4>svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&\>svg\]\:h-2\.5>svg{height:calc(var(--spacing) * 2.5)}.\[\&\>svg\]\:h-3>svg{height:calc(var(--spacing) * 3)}.\[\&\>svg\]\:h-3\.5>svg{height:calc(var(--spacing) * 3.5)}.\[\&\>svg\]\:h-4>svg{height:calc(var(--spacing) * 4)}.\[\&\>svg\]\:w-2\.5>svg{width:calc(var(--spacing) * 2.5)}.\[\&\>svg\]\:w-3>svg{width:calc(var(--spacing) * 3)}.\[\&\>svg\]\:w-3\.5>svg{width:calc(var(--spacing) * 3.5)}.\[\&\>svg\]\:w-4>svg{width:calc(var(--spacing) * 4)}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\]\:text-destructive>svg{color:hsl(var(--destructive))}.\[\&\>svg\]\:text-foreground>svg{color:hsl(var(--foreground))}.\[\&\>svg\]\:text-muted-foreground>svg{color:hsl(var(--muted-foreground))}.\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div{--tw-translate-y:-3px;translate:var(--tw-translate-x) var(--tw-translate-y)}.\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5>svg:not([class*=size-]){width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4>svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&\>svg\~\*\]\:pl-7>svg~*{padding-left:calc(var(--spacing) * 7)}.\[\&\>tr\]\:last\:border-b-0>tr:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical]>div{rotate:90deg}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{rotate:180deg}[data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2{right:calc(var(--spacing) * -2)}[data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize{cursor:e-resize}[data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2{left:calc(var(--spacing) * -2)}[data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize{cursor:w-resize}[data-slot=card-content] .\[\[data-slot\=card-content\]_\&\]\:bg-transparent,[data-slot=popover-content] .\[\[data-slot\=popover-content\]_\&\]\:bg-transparent{background-color:#0000}[data-slot=tooltip-content] .\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/20{background-color:hsl(var(--background))}@supports (color:color-mix(in lab,red,red)){[data-slot=tooltip-content] .\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/20{background-color:color-mix(in oklab,hsl(var(--background)) 20%,transparent)}}[data-slot=tooltip-content] .\[\[data-slot\=tooltip-content\]_\&\]\:text-background{color:hsl(var(--background))}[data-slot=tooltip-content] .dark\:\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/10:is(.dark *){background-color:hsl(var(--background))}@supports (color:color-mix(in lab,red,red)){[data-slot=tooltip-content] .dark\:\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/10:is(.dark *){background-color:color-mix(in oklab,hsl(var(--background)) 10%,transparent)}}[data-variant=legend]+.\[\[data-variant\=legend\]\+\&\]\:-mt-1\.5{margin-top:calc(var(--spacing) * -1.5)}.font-story{font-family:var(--app-font-serif)}.paper-grain{position:relative}.paper-grain:after{content:"";pointer-events:none;opacity:.055;z-index:50;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");position:fixed;inset:0}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{--background:43 43% 93%;--foreground:215 34% 16%;--border:41 22% 79%;--input:41 22% 72%;--ring:166 43% 35%;--card:42 47% 97%;--card-foreground:215 34% 16%;--card-border:41 24% 80%;--popover:42 47% 97%;--popover-foreground:215 34% 16%;--popover-border:41 24% 80%;--primary:166 43% 29%;--primary-foreground:42 47% 97%;--secondary:37 75% 63%;--secondary-foreground:215 34% 16%;--muted:41 26% 87%;--muted-foreground:212 15% 43%;--accent:16 66% 53%;--accent-foreground:42 47% 97%;--destructive:4 63% 44%;--destructive-foreground:42 47% 97%;--app-font-sans:"DM Sans", sans-serif;--app-font-serif:"Fraunces", Georgia, serif;--app-font-mono:"DM Mono", monospace;--radius:.9rem;--shadow-soft:0 18px 45px #38392317;--shadow-lift:0 22px 45px #273c3429;--sidebar:164 36% 18%;--sidebar-foreground:43 43% 93%;--sidebar-border:164 27% 27%;--sidebar-primary:37 75% 63%;--sidebar-primary-foreground:215 34% 16%;--sidebar-accent:164 27% 27%;--sidebar-accent-foreground:43 43% 93%;--sidebar-ring:37 75% 63%}.dark{--background:215 34% 16%;--foreground:43 43% 93%;--border:164 20% 30%;--input:164 20% 30%;--ring:37 75% 63%;--card:215 30% 20%;--card-foreground:43 43% 93%;--card-border:164 20% 30%;--popover:215 30% 20%;--popover-foreground:43 43% 93%;--popover-border:164 20% 30%;--primary:37 75% 63%;--primary-foreground:215 34% 16%;--secondary:164 27% 27%;--secondary-foreground:43 43% 93%;--muted:164 20% 27%;--muted-foreground:43 19% 72%;--accent:16 66% 58%;--accent-foreground:43 43% 93%;--destructive:4 63% 54%;--destructive-foreground:43 43% 93%;--sidebar:215 34% 12%;--sidebar-foreground:43 43% 93%;--sidebar-border:164 20% 24%;--sidebar-primary:37 75% 63%;--sidebar-primary-foreground:215 34% 16%;--sidebar-accent:164 20% 24%;--sidebar-accent-foreground:43 43% 93%;--sidebar-ring:37 75% 63%}*{scrollbar-width:thin;scrollbar-color:hsl(var(--border)) transparent}.app-shell{background:hsl(var(--background));min-height:100dvh;display:flex}.sidebar{z-index:10;width:254px;min-height:100dvh;color:hsl(var(--sidebar-foreground));background:hsl(var(--sidebar));border-right:1px solid hsl(var(--sidebar-border));flex-direction:column;flex:0 0 254px;padding:29px 18px 22px;display:flex;position:relative}.sidebar:before{content:"";border:1px solid #f6cb732e;border-radius:50%;width:180px;height:180px;position:absolute;bottom:80px;left:-98px}.brand{align-items:center;gap:11px;padding:0 11px 34px;display:flex}.brand-mark{width:36px;height:36px;color:hsl(var(--sidebar));background:hsl(var(--sidebar-primary));border-radius:12px 12px 12px 4px;place-items:center;display:grid;transform:rotate(-4deg)}.brand-name em{color:hsl(var(--sidebar-primary));font-style:normal}.nav-label{color:#f6efd875;font-family:var(--app-font-mono);text-transform:uppercase;letter-spacing:.16em;padding:0 13px 10px;font-size:10px}.nav-list{gap:5px;display:grid}.nav-item{color:#f6efd8ad;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;width:100%;padding:12px 13px;transition:background-color .2s,color .2s,transform .2s;display:flex}.nav-item.active{color:hsl(var(--sidebar));background:hsl(var(--sidebar-primary));font-weight:700}.new-world-button{width:100%;color:hsl(var(--sidebar-primary-foreground));background:hsl(var(--sidebar-primary));border:0;border-radius:10px;justify-content:center;align-items:center;gap:9px;padding:13px 15px;font-weight:700;transition:transform .2s,box-shadow .2s,background-color .2s;display:flex;box-shadow:0 10px 24px #0000002e}.new-world-button:hover{background:#ecc079;transform:translateY(-2px);box-shadow:0 14px 29px #0000003b}.sidebar-note{color:#f6efd86b;margin:17px 9px 0;font-size:11px;line-height:1.5}.main-panel{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{border-bottom:1px solid hsl(var(--border));background:#f7f4e86b;justify-content:space-between;align-items:center;min-height:76px;padding:0 38px;display:flex}.topbar-title{font-family:var(--app-font-serif);letter-spacing:-.03em;font-size:22px}.topbar-right{align-items:center;gap:13px;display:flex}.season-note{color:hsl(var(--muted-foreground));font-family:var(--app-font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:10px}.profile-chip{border:1px solid hsl(var(--border));color:hsl(var(--foreground));background:hsl(var(--card));cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:6px 11px 6px 7px;font-size:12px;transition:transform .2s,border-color .2s,background-color .2s;display:inline-flex}.profile-chip:hover{border-color:hsl(var(--primary));background:hsl(var(--muted));transform:translateY(-1px)}.profile-dot{width:24px;height:24px;color:hsl(var(--primary-foreground));background:hsl(var(--primary));font-family:var(--app-font-serif);border-radius:50%;place-items:center;display:grid}.page-content{width:min(1180px,100%);margin:0 auto;padding:42px 38px 70px}.home-intro{color:#f6efd8;background:hsl(var(--primary));min-height:260px;box-shadow:var(--shadow-lift);border:1px solid #416c61a6;border-radius:17px;align-items:flex-end;margin-bottom:48px;padding:32px;display:flex;position:relative;overflow:hidden}.home-intro:before{content:"";border:1px solid #f6efd840;border-radius:50%;width:380px;height:380px;position:absolute;top:-230px;right:-45px;box-shadow:0 0 0 24px #f6efd80a,0 0 0 48px #f6efd80a}.home-intro:after{content:"";background:hsl(var(--secondary));border-radius:50%;width:9px;height:9px;position:absolute;top:28px;right:16%;box-shadow:28px 45px 0 -2px #f6efd8a6,-72px 63px 0 -3px #f6efd866}.intro-copy{z-index:1;max-width:670px;position:relative}.eyebrow{color:hsl(var(--secondary));font-family:var(--app-font-mono);letter-spacing:.16em;text-transform:uppercase;margin:0 0 13px;font-size:10px}.intro-title{font-family:var(--app-font-serif);letter-spacing:-.055em;margin:0;font-size:clamp(35px,5vw,58px);font-weight:600;line-height:.98}.intro-text{color:#f6efd8b8;max-width:510px;margin:16px 0 23px;font-size:14px;line-height:1.55}.primary-action,.quiet-action{border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:11px 15px;font-size:13px;font-weight:700;transition:transform .2s,background-color .2s,color .2s;display:inline-flex}.primary-action{color:hsl(var(--foreground));background:hsl(var(--secondary))}.primary-action:hover{background:#edc27e;transform:translateY(-2px)}.quiet-action{color:hsl(var(--primary));background:hsl(var(--muted))}.quiet-action:hover{background:#ddd5c5;transform:translateY(-2px)}.content-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px;display:flex}.section-kicker{color:hsl(var(--muted-foreground));font-family:var(--app-font-mono);text-transform:uppercase;letter-spacing:.14em;margin:0 0 5px;font-size:10px}.section-title{font-family:var(--app-font-serif);letter-spacing:-.04em;margin:0;font-size:29px;line-height:1}.section-count{color:hsl(var(--muted-foreground));font-family:var(--app-font-mono);font-size:11px}.world-grid{perspective:1200px;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:17px;display:grid}.world-card{border:1px solid hsl(var(--card-border));background:hsl(var(--card));transform-style:preserve-3d;border-radius:13px;transition:transform .25s,box-shadow .25s;overflow:hidden;box-shadow:0 5px 15px #38392309}.world-art{height:151px;transform-style:preserve-3d;position:relative;overflow:hidden}.world-art:before,.world-art:after{content:"";position:absolute}.world-art:before{background:#ffdd8bc7;border-radius:50%;width:72px;height:72px;top:22px;right:23px;transform:translateZ(25px);box-shadow:0 8px 20px #121d2724}.world-art:after{background:#1f52428c;border-radius:50% 50% 0 0;height:85px;bottom:-40px;left:-5%;right:-5%;transform:translateZ(12px)}.world-art.sunset{background:linear-gradient(160deg,#e9a66b,#bd6572 48%,#526b70)}.world-art.forest{background:linear-gradient(145deg,#b8c99b,#5e866e 54%,#294f4a)}.world-art.night{background:linear-gradient(150deg,#26395f,#5d5077 55%,#d18277)}.world-art.island{background:linear-gradient(155deg,#6db9c0,#357891 52%,#d69e66)}.world-art.custom{background:linear-gradient(155deg,#718b77,#355e5e 55%,#bd785f)}.world-art.forest:before{background:#315e50;border-radius:50% 50% 10% 10%;width:46px;height:83px;top:35px;right:31px;box-shadow:-44px 14px 0 -3px #40725a,24px 22px 0 -5px #264a48}.world-art.night:before{background:#f4d888;width:59px;height:59px;box-shadow:-10px 0 0 8px #f6d78d1a}.world-art.island:before{background:#f6d893;width:28px;height:28px;top:26px;right:31px;box-shadow:-62px 51px 0 -9px #f6efd873,38px 29px 0 -11px #f6efd873}.art-strokes{z-index:1;border-bottom:3px solid #1f5242b8;border-left:3px solid #1f5242b8;width:60px;height:50px;position:absolute;bottom:16px;left:15px;transform:translateZ(18px)skewY(-25deg)}.world-title{font-family:var(--app-font-serif);letter-spacing:-.025em;margin:0 0 5px;font-size:20px}.world-description{min-height:39px;color:hsl(var(--muted-foreground));margin:0 0 16px;font-size:12px;line-height:1.55}.play-button{border:0;border-top:1px solid hsl(var(--border));width:100%;color:hsl(var(--primary));text-align:left;background:0 0;justify-content:space-between;align-items:center;padding:12px 0 0;font-size:12px;font-weight:700;display:flex}.play-button svg{transition:transform .2s}.play-button:hover svg{transform:translate(4px)}.empty-state{border:1px dashed hsl(var(--border));max-width:570px;color:hsl(var(--muted-foreground));background:hsl(var(--card) / .52);text-align:center;border-radius:15px;justify-items:center;margin:25px auto;padding:48px 24px;display:grid}.empty-mark{width:52px;height:52px;color:hsl(var(--primary));background:hsl(var(--muted));border-radius:50%;place-items:center;margin-bottom:16px;display:grid}.empty-title{color:hsl(var(--foreground));font-family:var(--app-font-serif);margin:0 0 8px;font-size:25px}.empty-copy{max-width:360px;margin:0 0 20px;font-size:13px;line-height:1.6}.modal-backdrop{z-index:30;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#16221f94;place-items:center;padding:20px;animation:.2s both fade-in;display:grid;position:fixed;inset:0}.create-dialog{border:1px solid hsl(var(--border));background:hsl(var(--card));border-radius:16px;width:min(500px,100%);padding:27px;animation:.25s both dialog-in;box-shadow:0 25px 70px #12282140}.dialog-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:23px;display:flex}.dialog-title{font-family:var(--app-font-serif);letter-spacing:-.045em;margin:0 0 6px;font-size:31px}.dialog-subtitle{color:hsl(var(--muted-foreground));margin:0;font-size:13px;line-height:1.5}.icon-button{border:1px solid hsl(var(--border));width:31px;height:31px;color:hsl(var(--muted-foreground));background:0 0;border-radius:50%;place-items:center;transition:color .2s,background-color .2s;display:grid}.field{gap:7px;margin-bottom:17px;display:grid}.field-label{color:hsl(var(--foreground));font-size:12px;font-weight:700}.field-hint{color:hsl(var(--muted-foreground));font-size:11px}.text-input,.text-area{border:1px solid hsl(var(--input));width:100%;color:hsl(var(--foreground));background:hsl(var(--background));border-radius:8px;padding:12px 13px;transition:border-color .2s,box-shadow .2s}.text-area{resize:vertical;min-height:108px;line-height:1.55}.text-input::placeholder,.text-area::placeholder{color:hsl(var(--muted-foreground) / .65)}.text-input:focus,.text-area:focus{border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary) / .12);outline:none}.dialog-actions{justify-content:flex-end;gap:9px;margin-top:25px;display:flex}.secondary-button{border:1px solid hsl(var(--border));color:hsl(var(--foreground));background:0 0;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:600}.world-screen{z-index:40;color:#f5eed7;background:#18343a;flex-direction:column;animation:.25s both fade-in;display:flex;position:fixed;inset:0}.world-toolbar{background:#13282aeb;border-bottom:1px solid #f5eed729;justify-content:space-between;align-items:center;gap:18px;min-height:67px;padding:0 22px;display:flex}.exit-button{color:#f5eed7d6;background:#f5eed714;border:1px solid #f5eed733;border-radius:8px;align-items:center;gap:8px;padding:9px 12px;font-size:12px;font-weight:600;display:inline-flex}.world-toolbar-title{font-family:var(--app-font-serif);letter-spacing:-.025em;margin:0;font-size:21px}.world-toolbar-note{color:#f5eed780;font-family:var(--app-font-mono);text-transform:uppercase;letter-spacing:.1em;font-size:10px}.scene{isolation:isolate;background:linear-gradient(#99c8d3,#d2ba8a 54%,#577b5f 54%,#345d4f);flex:1;position:relative;overflow:hidden}.scene:before{content:"";z-index:-1;background:#6f9970;border-radius:50%;height:22%;position:absolute;bottom:31%;left:-10%;right:-10%;transform:rotate(-2deg)}.scene:after{content:"";z-index:-1;background:#456f5b;border-radius:50%;height:19%;position:absolute;bottom:22%;left:-10%;right:-10%;transform:rotate(3deg)}.scene-sun{background:#f4d88c;border-radius:50%;width:73px;height:73px;position:absolute;top:10%;right:13%;box-shadow:0 0 0 15px #f4d88c1f}.scene-night .scene-sun{background:#f5e7bd;box-shadow:-9px 0 0 3px #8f7180,0 0 0 13px #f5e7bd14}.scene-cloud{background:#f6f2e08f;border-radius:999px;width:102px;height:22px;position:absolute;top:16%;left:15%}.scene-cloud:before,.scene-cloud:after{content:"";background:inherit;border-radius:50%;position:absolute;bottom:0}.scene-cloud:before{width:37px;height:37px;left:20px}.scene-cloud:after{width:27px;height:27px;right:17px}.scene-hill{background:#315d49a6;border-radius:50% 65% 0 0;height:23%;position:absolute;bottom:28%;left:-8%;right:37%;transform:rotate(3deg)}.scene-tree{z-index:1;background:#604a38;border-radius:4px;width:21px;height:114px;position:absolute;bottom:29%}.scene-tree:before{content:"";background:#2f674f;border-radius:48% 52% 42% 58%;width:84px;height:85px;position:absolute;top:-48px;left:-31px;box-shadow:26px 21px 0 -12px #3f7657}.tree-one{left:13%;transform:scale(1.06)}.tree-two{right:17%;transform:scale(.75)}.tree-three{bottom:27%;right:34%;transform:scale(.58)}.scene-house{z-index:2;background:#c28b5c;border:4px solid #624838;border-radius:3px;width:145px;height:99px;position:absolute;bottom:29%;left:42%}.scene-house:before{content:"";border-bottom:70px solid #704359;border-left:87px solid #0000;border-right:87px solid #0000;position:absolute;top:-66px;left:-17px}.scene-door{background:#543d35;width:34px;height:54px;position:absolute;bottom:0;left:55px}.scene-window{background:#e6c77f;border:3px solid #634639;width:28px;height:24px;position:absolute;top:26px;right:18px}.scene-path{z-index:1;clip-path:polygon(36% 0,64% 0,100% 100%,0 100%);opacity:.78;background:#b89b6c;width:85px;height:48%;position:absolute;bottom:-9%;left:46%}.player{z-index:4;background:#df8b62;border:3px solid #203e3d;border-radius:11px 11px 7px 7px;width:27px;height:42px;transition:left .1s,bottom .1s;position:absolute;transform:translate(-50%);box-shadow:0 5px #1b342d2e}.player:before{content:"";background:#e5b18c;border:3px solid #203e3d;border-radius:50%;width:25px;height:25px;position:absolute;top:-26px;left:-1px}.scene-tip{color:#f5eed7cc;font-family:var(--app-font-mono);white-space:nowrap;pointer-events:none;background:#13282ab3;border:1px solid #f5eed729;border-radius:8px;padding:9px 13px;font-size:10px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.desktop-tip,.mobile-tip{align-items:center;gap:6px}.desktop-tip{display:inline-flex}.mobile-tip,.joystick-control{display:none}.save-message{color:#d5d7a7;min-height:17px;font-family:var(--app-font-mono);margin:7px 0 0;font-size:10px}.mobile-nav{display:none}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media(max-width:800px){.sidebar{flex-basis:218px;width:218px}.topbar{padding:0 24px}.page-content{padding:32px 24px 60px}.season-note{display:none}}@media(max-width:650px){.app-shell{display:block}.sidebar{display:none}.topbar{min-height:64px;padding:0 18px}.topbar-title{font-size:20px}.page-content{padding:24px 17px 91px}.home-intro{align-items:flex-end;min-height:315px;margin-bottom:37px;padding:25px 22px}.intro-title{font-size:40px}.content-heading{flex-direction:column;align-items:flex-start;gap:8px}.world-grid{grid-template-columns:1fr;gap:14px}.world-art{height:165px}.mobile-nav{z-index:20;border:1px solid hsl(var(--border));background:hsl(var(--card) / .94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;grid-template-columns:repeat(3,1fr);padding:5px;display:grid;position:fixed;bottom:12px;left:12px;right:12px;box-shadow:0 12px 35px #273c3429}.mobile-nav-item{color:hsl(var(--muted-foreground));background:0 0;border:0;border-radius:10px;justify-items:center;gap:3px;padding:8px 4px;font-size:10px;display:grid}.mobile-nav-item.active{color:hsl(var(--primary));background:hsl(var(--muted));font-weight:700}.world-toolbar{min-height:62px;padding:0 13px}.world-toolbar-title{text-overflow:ellipsis;white-space:nowrap;font-size:17px;overflow:hidden}.world-toolbar-note{display:none}.exit-button{padding:8px}.exit-button span{display:none}.music-toggle{padding:8px}.music-toggle span{display:none}.scene-tip{text-overflow:ellipsis;max-width:calc(100% - 34px);top:16px;overflow:hidden}.desktop-tip{display:none}.mobile-tip{display:inline-flex}.joystick-control{z-index:8;touch-action:none;-webkit-user-select:none;user-select:none;background:#13282a61;border:1px solid #f5eed73b;border-radius:50%;place-items:center;width:98px;height:98px;display:grid;position:absolute;bottom:34px;left:18px;box-shadow:inset 0 0 0 9px #f5eed70f}.joystick-ring{border:1px solid #f5eed729;border-radius:50%;width:68px;height:68px;position:absolute}.joystick-thumb{background:#8b7cffeb;border:2px solid #f5eed7bf;border-radius:50%;width:38px;height:38px;transition:transform 80ms ease-out;position:absolute;top:50%;left:50%;box-shadow:0 4px 12px #090f1952}.scene-house{transform-origin:0 100%;left:40%;transform:scale(.8)}}:root{--background:220 20% 9%;--foreground:240 20% 97%;--border:224 16% 21%;--input:224 14% 24%;--ring:248 100% 74%;--card:225 19% 13%;--card-foreground:240 20% 97%;--card-border:224 16% 21%;--popover:225 19% 13%;--popover-foreground:240 20% 97%;--popover-border:224 14% 28%;--primary:248 100% 74%;--primary-foreground:240 20% 97%;--secondary:224 16% 20%;--secondary-foreground:240 20% 97%;--muted:224 16% 20%;--muted-foreground:221 12% 63%;--accent:248 100% 74%;--accent-foreground:240 20% 97%;--sidebar:225 19% 12%;--sidebar-foreground:240 20% 97%;--sidebar-border:224 16% 21%;--sidebar-primary:248 100% 74%;--sidebar-primary-foreground:240 20% 97%;--sidebar-accent:224 16% 17%;--sidebar-accent-foreground:240 20% 97%;--app-font-sans:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--app-font-serif:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--app-font-mono:Menlo, Monaco, Consolas, monospace;--radius:.65rem}html,body{color:#f7f7fb;background:#11131a}.app-shell{background:#11131a}.sidebar{background:#181b24;border-right-color:#2b2f3c;flex-basis:250px;gap:18px;width:250px;padding:22px 16px}.sidebar:before{display:none}.brand{gap:0;padding:0 10px}.brand-mark{color:#8b7cff;background:0 0;border-radius:0;width:auto;height:auto;margin-right:8px;transform:none}.brand-name{font-family:var(--app-font-sans);letter-spacing:-1px;font-size:25px;font-weight:900}.brand-name em{color:#8b7cff}.nav-label{display:none}.nav-list{gap:7px}.nav-item{color:#b8bdca;border-radius:10px;padding:12px 13px}.nav-item:hover{color:#fff;background:#252936;transform:none}.nav-item.active{color:#fff;background:#252936}.sidebar-bottom{margin-top:auto}.new-world-button{color:#fff;box-shadow:none;background:#8b7cff;border-radius:12px;padding:13px}.new-world-button:hover{box-shadow:none;background:#8b7cff;transform:translateY(-1px)}.sidebar-note{display:none}.main-panel{background:#11131a}.topbar{background:#11131a;border-bottom-color:#2b2f3c;min-height:70px;padding:0 26px}.topbar-title{font-family:var(--app-font-sans);font-size:19px;font-weight:800}.topbar-right{gap:0}.season-note{display:none}.profile-chip{color:#fff;background:#252936;border-color:#353a49;padding:8px 13px 8px 9px}.profile-chip:hover{background:#2c3140;border-color:#8b7cff}.profile-dot{color:#171822;width:24px;height:24px;font-family:var(--app-font-sans);background:#8b7cff;font-size:12px;font-weight:800}.profile-chip>span:last-child{display:inline}.profile-chip svg{color:#8f95a4}.page-content{width:100%;padding:28px}.home-intro{align-items:initial;min-height:0;box-shadow:none;background:linear-gradient(135deg,#29233f,#20283a);border-color:#3b3d55;border-radius:18px;margin-bottom:24px;padding:25px}.home-intro:before{border-color:#8b7cff2e}.home-intro:after{background:#8b7cff}.intro-copy{max-width:none}.eyebrow{color:#8b7cff;font-family:var(--app-font-sans);letter-spacing:0;text-transform:none;margin-bottom:7px;font-size:0}.eyebrow:after{content:"Your private story space";letter-spacing:0;font-size:13px}.intro-title{max-width:700px;font-family:var(--app-font-sans);letter-spacing:-.04em;font-size:31px;font-weight:800;line-height:1.15}.intro-text{color:#c3c6d2;max-width:700px;margin:7px 0 18px}.primary-action{color:#171822;background:#fff;border-radius:10px;padding:11px 16px}.primary-action:hover{color:#171822;background:#fff;transform:translateY(-1px)}.content-heading{margin-bottom:13px}.section-kicker{display:none}.world-category+.world-category{margin-top:42px}.category-heading{align-items:center;margin-bottom:14px}.category-title{font-size:17px}.section-title{font-family:var(--app-font-sans);letter-spacing:0;font-size:18px;font-weight:800}.section-count{color:#8f95a4}.world-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:15px}.world-card{box-shadow:none;background:#1b1e27;border-color:#2e3341;border-radius:15px}.world-card:hover{transform:translateY(-5px)rotateX(1deg)rotateY(-1deg);box-shadow:0 16px 25px #0003}.world-art{height:125px}.world-art:before{opacity:.85}.world-info{padding:14px}.world-title{font-family:var(--app-font-sans);letter-spacing:0;margin-bottom:5px;font-size:16px;font-weight:800}.world-description{color:#999faf;min-height:0;margin-bottom:12px;font-size:13px}.world-actions{align-items:stretch;gap:7px;display:flex}.play-button{color:#fff;background:#292e3d;border-top:0;border-radius:9px;flex:1;padding:9px}.play-button:hover{background:#323849}.play-button svg{display:none}.delete-button{color:#b8bdca;background:#292e3d;border:0;border-radius:9px;place-items:center;width:36px;transition:color .15s,background-color .15s;display:grid}.delete-button:hover{color:#fff;background:#a94d68}.official-badge{color:#aeb5c4;min-width:62px;font-family:var(--app-font-mono);letter-spacing:.06em;text-transform:uppercase;background:#242936;border:1px solid #3a4152;border-radius:9px;justify-content:center;align-items:center;padding:9px 10px;font-size:9px;display:inline-flex}.empty-state{background:#1b1e27;border-color:#353a49;border-radius:15px}.empty-title,.dialog-title,.entry-text{font-family:var(--app-font-sans)}.empty-title{font-size:22px}.quiet-action{color:#fff;background:#292e3d;border-radius:9px}.quiet-action:hover{color:#fff;background:#343a4b}.modal-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#000000a6}.create-dialog{background:#1b1e27;border-color:#353a49;border-radius:18px;box-shadow:0 25px 70px #0006}.dialog-title{font-size:25px}.dialog-subtitle,.field-hint{color:#999faf}.icon-button{color:#b8bdca;border-color:#3a3f4d}.icon-button:hover{color:#fff;background:#2a2e39}.text-input,.text-area{color:#fff;background:#12141b;border-color:#3a3f4d}.text-input:focus,.text-area:focus{border-color:#8b7cff;box-shadow:0 0 0 3px #8b7cff26}.secondary-button{color:#fff;background:#2a2e39;border:0}.secondary-button:hover{background:#343a4b}.dialog-actions .primary-action,.dialog-actions .primary-action:hover{color:#fff;background:#8b7cff}.world-screen{color:#f7f7fb;background:#10131a}.world-toolbar{background:#181b24;border-bottom-color:#2c3040;min-height:60px;padding:0 18px}.world-toolbar-title{font-family:var(--app-font-sans);font-size:16px;font-weight:800}.world-toolbar-note{color:#9ca2b2;font-family:var(--app-font-sans);text-transform:none;letter-spacing:0}.exit-button{color:#fff;background:#2a2e39;border:0;border-radius:9px}.exit-button:hover{color:#fff;background:#343a4b}.music-toggle{color:#d9dce6;white-space:nowrap;background:#2a2e39;border:0;border-radius:9px;align-items:center;gap:7px;padding:8px 10px;font-size:11px;font-weight:700;display:inline-flex}.music-toggle:hover:not(:disabled){color:#fff;background:#343a4b}.music-toggle:disabled{cursor:not-allowed;opacity:.5}.scene{background:linear-gradient(#83c6ef 0 52%,#5c9d57 52%)}.scene-night{background:linear-gradient(#2c315a 0 52%,#55456b 52%)}.scene-island{background:linear-gradient(#7dc9dd 0 52%,#4f985f 52%)}.scene-forest{background:linear-gradient(#9cc8bb 0 52%,#4d8a5c 52%)}.scene-tip{color:#d9dce6;font-family:var(--app-font-sans);background:#171a22d9;border:0;border-radius:9px;font-size:13px}.save-message{color:#9ca2b2;font-family:var(--app-font-sans)}@media(max-width:650px){.page-content{padding:18px}.home-intro{padding:22px}.intro-title{font-size:31px}}.scene-night .scene-cloud,.scene-night .scene-tree{display:none}.scene-night:before{clip-path:polygon(0 42%,8% 42%,8% 18%,15% 18%,15% 49%,23% 49%,23% 7%,31% 7%,31% 35%,39% 35%,39% 0,48% 0,48% 51%,58% 51%,58% 25%,67% 25%,67% 44%,76% 44%,76% 12%,85% 12%,85% 52%,100% 52%,100% 100%,0 100%);background:#242c4b;border-radius:0;height:29%;bottom:28%;transform:none}.scene-night:after{background:#1b263d;height:15%;bottom:17%;transform:none}.scene-forest .scene-cloud{opacity:.2}.scene-forest .scene-tree{transform:scale(1.28)}.scene-forest .tree-two{transform:scale(1.05)}.scene-forest .tree-three{transform:scale(.85)}.scene-island .scene-hill{display:none}.scene-island .scene-tree{background:#72503b;width:13px;height:126px;transform:rotate(7deg)}.scene-island .scene-tree:before{background:0 0;border-radius:50%;width:104px;height:48px;top:-32px;left:-43px;box-shadow:-8px 1px 0 -2px #2c735c,20px -13px 0 -2px #377d61,48px 5px 0 -3px #2c735c}.scene-island .tree-two{transform:scale(.8)rotate(-10deg)}.scene-island .tree-three{display:none}.scene-landmark{z-index:2;position:absolute}.scene-landmark:before,.scene-landmark:after,.scene-landmark .landmark-door,.scene-landmark .landmark-window{content:"";position:absolute}.landmark-sunset{background:#a8754f;border:4px solid #594335;border-radius:3px 3px 0 0;width:70px;height:154px;bottom:29%;left:43%}.landmark-sunset:before{background:#78445a;border:4px solid #523a32;border-bottom:0;border-radius:50% 50% 0 0;width:86px;height:35px;top:-35px;left:-12px}.landmark-sunset:after{background:#f7d987;border-radius:50%;width:14px;height:14px;top:17px;left:25px;box-shadow:0 0 0 7px #f7d9871f}.landmark-sunset .landmark-door{background:#4d3932;width:28px;height:49px;bottom:0;left:20px}.landmark-sunset .landmark-window{display:none}.landmark-forest{background:#7f6548;border:4px solid #4b3e34;border-radius:4px;width:153px;height:88px;bottom:29%;left:43%}.landmark-forest:before{background:#365f4b;border-radius:50% 50% 5px 5px;width:171px;height:60px;top:-55px;left:-13px;box-shadow:inset 0 -10px #294d42}.landmark-forest:after{background:#e4c778;border-radius:50%;width:9px;height:9px;bottom:15px;left:16px;box-shadow:29px 4px #d5bd69,92px -2px #e4c778}.landmark-forest .landmark-door{background:#4a3730;width:30px;height:52px;bottom:0;left:63px}.landmark-forest .landmark-window{display:none}.landmark-night{background:linear-gradient(#26345e,#1e2745);border:3px solid #1b223a;border-radius:3px;width:238px;height:116px;bottom:29%;left:39%;box-shadow:inset 0 -12px #131a2e}.landmark-night:before{background:#171d36;border-radius:3px 3px 0 0;width:244px;height:18px;top:-18px;left:-5px}.landmark-night:after{background:#f3cc75;width:22px;height:27px;top:24px;left:18px;box-shadow:38px 8px #8fc5da,77px -3px #ed9d78,118px 6px #f3cc75,158px -4px #8fc5da}.landmark-night .landmark-door{background:#12182b;width:29px;height:57px;bottom:0;left:104px}.landmark-night .landmark-window{display:none}.landmark-island{background:repeating-linear-gradient(#f0d5a0 0 27px,#c95f5a 27px 42px);border:4px solid #624638;border-radius:20px 20px 3px 3px;width:45px;height:159px;bottom:29%;left:50%}.landmark-island:before{background:#e8c77f;border-radius:50% 50% 3px 3px;width:55px;height:17px;top:-16px;left:-9px;box-shadow:0 -13px 0 -4px #f6e6ad}.landmark-island:after{background:#8dd0d4;border:2px solid #594335;width:13px;height:15px;top:21px;left:12px}.landmark-island .landmark-door{background:#594335;width:16px;height:31px;bottom:0;left:11px}.landmark-island .landmark-window{display:none}.landmark-custom{background:#c28b5c;border:4px solid #624838;border-radius:3px;width:145px;height:99px;bottom:29%;left:42%}.landmark-custom:before{border-bottom:70px solid #704359;border-left:87px solid #0000;border-right:87px solid #0000;top:-66px;left:-17px}.landmark-custom .landmark-door{background:#543d35;width:34px;height:54px;bottom:0;left:55px}.landmark-custom .landmark-window{background:#e6c77f;border:3px solid #634639;width:28px;height:24px;top:26px;right:18px}.landmark-custom .landmark-window-second{display:none}@media(max-width:650px){.landmark-night{transform-origin:0 100%;left:31%;transform:scale(.72)}.landmark-forest{transform-origin:0 100%;left:37%;transform:scale(.78)}.landmark-sunset{transform-origin:0 100%;left:39%;transform:scale(.82)}.landmark-island{transform-origin:bottom;left:47%;transform:scale(.82)}}.scene-island:before{background:#318b8fbf;border-radius:50% 50% 0 0;height:18%;bottom:31%;left:-8%;right:-8%;transform:rotate(-1deg)}.scene-island:after{background:#bd9765;border-radius:52% 48% 0 0;height:31%;bottom:-3%;left:-8%;right:-8%;transform:rotate(1deg)}.scene-island .scene-tree{transform-origin:bottom;background:linear-gradient(82deg,#694631 0 45%,#80563a 46% 72%,#553a2f 73%);border-radius:60% 40% 4px 4px;width:10px;height:138px}.scene-island .scene-tree:before{width:96px;height:61px;box-shadow:none;background:linear-gradient(28deg,#0000 43%,#286c56 44% 51%,#0000 52%) 32px 0/62px 41px no-repeat,linear-gradient(72deg,#0000 43%,#30785c 44% 51%,#0000 52%) 4px 2px/58px 47px no-repeat,linear-gradient(-24deg,#0000 43%,#2c7158 44% 51%,#0000 52%) 28px 11px/67px 44px no-repeat,linear-gradient(-65deg,#0000 43%,#377f60 44% 51%,#0000 52%) 22px 2px/55px 52px no-repeat,radial-gradient(#2d7359 0 22%,#0000 23%);border-radius:0;top:-43px;left:-45px;transform:none}.scene-island .scene-tree:after{content:"";background:#2d7359;border-radius:50%;width:25px;height:18px;position:absolute;top:-2px;left:-8px;box-shadow:15px 3px 0 -3px #387d5f,-15px 7px 0 -4px #286c56}.scene-island .tree-one{left:12%;transform:rotate(-7deg)scale(1.12)}.scene-island .tree-two{right:17%;transform:rotate(8deg)scale(.82)}.scene-island .tree-three{bottom:27%;right:34%;transform:rotate(-4deg)scale(.56)}.world-style-fields{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.world-style-fields .field{min-width:0}.world-art.sky-lavender{background:linear-gradient(155deg,#a58bca,#59628f 52%,#34475e)}.world-art.sky-peach{background:linear-gradient(155deg,#f2a66f,#d46e7e 52%,#515d72)}.world-art.sky-midnight{background:linear-gradient(155deg,#141c3d,#343b68 52%,#202b3c)}.world-art.grass-meadow:after{background:#267553b3}.world-art.grass-gold:after{background:#97773bb8}.world-art.grass-violet:after{background:#534270b8}.world-art.grass-blue:after{background:#2f69a0c7!important}.world-art.building-cabin .art-strokes{border-width:4px;width:52px;height:38px}.world-art.building-tower .art-strokes{width:34px;height:64px;transform:translateZ(18px)skewY(-10deg)}.world-art.building-lighthouse .art-strokes{border-left-width:4px;width:25px;height:70px;transform:translateZ(18px)skewY(-4deg)}.world-art.blue-forest{background:linear-gradient(145deg,#9bb9d2,#496f9d 54%,#1e365b)}.world-art.blue-forest:before{background:#294d79;border-radius:50% 50% 10% 10%;width:48px;height:84px;top:32px;right:31px;box-shadow:-44px 14px 0 -3px #3b6590,24px 22px 0 -5px #1b355b}.world-art.blue-forest:after{background:#1f4770b8!important}.world-art.sky-blue-forest{background:linear-gradient(145deg,#9bb9d2,#496f9d 54%,#1e365b)}.world-art.building-blue-cabin .art-strokes{background:#466582;border:2px solid #26374d;border-radius:2px;width:55px;height:32px;bottom:24px;left:50%;transform:translateZ(18px)translate(-50%)}.world-art.building-blue-cabin .art-strokes:before{content:"";background:#244a76;border-radius:50% 50% 3px 3px;width:63px;height:22px;position:absolute;top:-20px;left:-6px;box-shadow:inset 0 -4px #1d3a5c}.world-art.building-blue-cabin .art-strokes:after{content:"";background:#b9d8f1;border-radius:50%;width:4px;height:4px;position:absolute;bottom:6px;left:6px;box-shadow:11px 2px #8fb8dc,35px -1px #b9d8f1}.scene-sky-blue{background:linear-gradient(#83c6ef 0 52%,#5c9d57 52%)!important}.scene-sky-lavender{background:linear-gradient(#9f91ce 0 52%,#5c9d57 52%)!important}.scene-sky-peach{background:linear-gradient(#ee9b83 0 52%,#5c9d57 52%)!important}.scene-sky-midnight{background:linear-gradient(#202852 0 52%,#3c4b57 52%)!important}.scene-sky-blue-forest{background:linear-gradient(#789bc4,#526f9d 54%,#294b70 54%,#1b304c)!important}.scene-grass-meadow:before{background:#4f9c68!important}.scene-grass-meadow:after{background:#337653!important}.scene-grass-gold:before{background:#a58d52!important}.scene-grass-gold:after{background:#76633e!important}.scene-grass-violet:before{background:#66537b!important}.scene-grass-violet:after{background:#453b5d!important}.scene-grass-blue:before{background:#477fb5!important}.scene-grass-blue:after{background:#2e5a88!important}.scene-building-cabin .scene-landmark{transform-origin:bottom;transform:scale(.82)}.scene-building-blue-cabin .scene-landmark{transform-origin:bottom;transform:scale(1)}.scene-building-tower .scene-landmark{transform-origin:bottom;transform:scale(1.15)}.scene-building-lighthouse .scene-landmark{transform-origin:bottom;transform:scale(.9)translateY(-8px)}.scene-blue-forest{background:linear-gradient(#789bc4,#526f9d 54%,#294b70 54%,#1b304c)!important}.scene-blue-forest:before{background:#3d6590!important}.scene-blue-forest:after{background:#294b70!important}.scene-blue-forest .scene-sun{background:#b7d7f4;box-shadow:0 0 0 15px #b7d7f424}.scene-blue-forest .scene-cloud{opacity:.22}.scene-blue-forest .scene-tree{background:#3b2f38;transform:scale(1.28)}.scene-blue-forest .scene-tree:before{background:#244a76;box-shadow:26px 21px 0 -12px #32618f}.scene-blue-forest .tree-two{transform:scale(1.05)}.scene-blue-forest .tree-three{transform:scale(.85)}.landmark-blue-forest{background:#466582;border:4px solid #26374d;border-radius:4px;width:153px;height:88px;bottom:29%;left:43%}.landmark-blue-forest:before{background:#244a76;border-radius:50% 50% 5px 5px;width:171px;height:60px;top:-55px;left:-13px;box-shadow:inset 0 -10px #1d3a5c}.landmark-blue-forest:after{background:#b9d8f1;border-radius:50%;width:9px;height:9px;bottom:15px;left:16px;box-shadow:29px 4px #8fb8dc,92px -2px #b9d8f1}.landmark-blue-forest .landmark-door{background:#263143;width:30px;height:52px;bottom:0;left:63px}.landmark-blue-forest .landmark-window{display:none}@media(max-width:650px){.world-style-fields{grid-template-columns:1fr;gap:0}.landmark-blue-forest{transform-origin:0 100%;left:37%;transform:scale(.78)}}@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-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))))}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))))}to{height:0}}@keyframes caret-blink{0%,70%,to{opacity:1}20%,50%{opacity:0}}


/* Fix: show the joystick on touch devices at ANY width (was limited to max-width:650px) */
@media (pointer: coarse) {
  .desktop-tip{display:none}
  .mobile-tip{display:inline-flex}
  .joystick-control{z-index:8;touch-action:none;-webkit-user-select:none;user-select:none;background:#13282a61;border:1px solid #f5eed73b;border-radius:50%;place-items:center;width:98px;height:98px;display:grid;position:absolute;bottom:34px;left:18px;box-shadow:inset 0 0 0 9px #f5eed70f}
  .joystick-ring{border:1px solid #f5eed729;border-radius:50%;width:68px;height:68px;position:absolute}
  .joystick-thumb{background:#8b7cffeb;border:2px solid #f5eed7bf;border-radius:50%;width:38px;height:38px;transition:transform 80ms ease-out;position:absolute;top:50%;left:50%;box-shadow:0 4px 12px #090f1952}
}

/* Additional worlds and custom-world editing */
.world-art.lava,
.scene-lava {
  background: linear-gradient(#5b1620 0 46%, #211b25 46% 100%);
}
.world-art.lava:before,
.scene-lava:before {
  background: #ff6b35;
  box-shadow: 55px 12px 0 #9f2f25, 118px -7px 0 #ffb347;
}
.world-art.crimson,
.scene-crimson {
  background: linear-gradient(#d98682 0 48%, #5f2835 48% 100%);
}
.scene-crimson .scene-tree,
.world-art.crimson:before {
  background: #8f2438;
}
.world-art.sonion,
.scene-sonion {
  background: linear-gradient(#8bc9df 0 48%, #82a84a 48% 100%);
}
.scene-sonion .scene-hill,
.world-art.sonion:before {
  background: #b7cf68;
}
.world-art.sky-ember { background-color: #8d3029; }
.world-art.sky-rose { background-color: #cf777b; }
.world-art.sky-sunny { background-color: #85c9df; }
.world-art.grass-lava:after { background: #292329; }
.world-art.grass-crimson:after { background: #672b3a; }
.world-art.grass-sonion:after { background: #86a94b; }
.world-art.grass-beach:after { background: #d6ba72; }
.world-art.sky-ember { background: linear-gradient(#5b1620 0 48%, #211b25 48% 100%); }
.world-art.sky-rose { background: linear-gradient(#d98682 0 48%, #5f2835 48% 100%); }

/* Environment-specific ground and creator landscape options */
.scene-sky-ember { background: linear-gradient(#5b1620 0 52%, #211b25 52% 100%) !important; }
.scene-sky-rose { background: linear-gradient(#d98682 0 52%, #5f2835 52% 100%) !important; }
.scene-grass-beach:before { background: #d6ba72 !important; }
.scene-grass-beach:after { background: #b78e4f !important; }
.scene-grass-sonion:before { background: #9dbc55 !important; }
.scene-grass-sonion:after { background: #718f3f !important; }
.scene-grass-lava:before { background: #342b31 !important; }
.scene-grass-lava:after { background: #1d191f !important; }
.scene-grass-crimson:before { background: #7d3344 !important; }
.scene-grass-crimson:after { background: #4d202e !important; }
.scene-lava .scene-tree { display: none !important; }
.scene-building-sonion-house .scene-landmark { transform-origin: bottom; transform: scale(1.08); }
.world-art.building-sonion-house .art-strokes {
  width: 54px;
  height: 66px;
  border: 3px solid #4b3a28;
  border-radius: 48% 48% 42% 42% / 60% 60% 38% 38%;
  background: linear-gradient(90deg, #d9b35f, #f1d17a 48%, #c59542);
  transform: translateZ(18px);
}
.world-art.building-sonion-house .art-strokes:before {
  content: "";
  position: absolute;
  width: 28px;
  height: 24px;
  top: -22px;
  left: 10px;
  border-radius: 70% 12% 70% 12%;
  background: #71954c;
  transform: rotate(-22deg);
  box-shadow: 12px 3px 0 #8baa59;
}
.world-art.building-sonion-house .art-strokes:after {
  content: "";
  position: absolute;
  width: 13px;
  height: 19px;
  bottom: 0;
  left: 18px;
  border-radius: 7px 7px 2px 2px;
  background: #64462f;
}
.custom-world-actions { display: flex; align-items: center; gap: 8px; }
.edit-button {
  border: 1px solid hsl(var(--border));
  border-radius: 4px;
  padding: 7px 11px;
  color: hsl(var(--foreground));
  background: hsl(var(--card));
  font-size: 12px;
  font-weight: 600;
}
.edit-button:hover { background: hsl(var(--muted)); }

/* ---- Character avatar, name tag, lava, onion landmark ---- */
.player.player-figure {
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  width: 34px;
  height: 46px;
}
.player.player-figure:before { display: none !important; }
.player.player-dead { filter: grayscale(.4) brightness(.8); opacity: .75; }

.ww-avatar { position: relative; width: 34px; height: 46px; }
.ww-name-tag {
  position: absolute; left: 50%; top: -48px; transform: translateX(-50%);
  background: #1c2b2aE6; color: #fff; font-size: 10px; font-weight: 700;
  letter-spacing: .02em; padding: 3px 7px; border-radius: 999px;
  white-space: nowrap; pointer-events: none; z-index: 6;
}
.ww-body {
  position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
  width: 27px; height: 30px; background: var(--ww-outfit, #df8b62);
  border: 3px solid #203e3d; border-radius: 9px 9px 7px 7px;
  box-shadow: 0 5px #1b342d2e;
}
.ww-head {
  position: absolute; bottom: 27px; left: 50%; transform: translateX(-50%);
  width: 25px; height: 25px; background: var(--ww-skin, #e5b18c);
  border: 3px solid #203e3d; border-radius: 50%;
}
.ww-eye { position: absolute; top: 9px; width: 3px; height: 3px; border-radius: 50%; background: #203e3d; }
.ww-eye-left { left: 4px; }
.ww-eye-right { right: 4px; }

.ww-hair { position: absolute; background: var(--ww-hair, #3b2a20); }
.ww-hair-short { top: -5px; left: -3px; right: -3px; height: 12px; border-radius: 12px 12px 3px 3px; }
.ww-hair-long { top: -5px; left: -5px; right: -5px; height: 26px; border-radius: 14px 14px 8px 8px; z-index: -1; }
.ww-hair-bun { top: -5px; left: -3px; right: -3px; height: 10px; border-radius: 12px 12px 2px 2px; }
.ww-hair-bun:after {
  content: ""; position: absolute; top: -9px; left: 50%; transform: translateX(-50%);
  width: 12px; height: 12px; border-radius: 50%; background: var(--ww-hair, #3b2a20);
}
.ww-hair-spiky {
  top: -8px; left: -3px; right: -3px; height: 13px;
  clip-path: polygon(0 100%,10% 30%,22% 100%,34% 10%,50% 100%,64% 12%,78% 100%,90% 32%,100% 100%);
}
.ww-hair-ponytail {
  top: -5px; left: -3px; right: -3px; height: 12px;
  border-radius: 12px 12px 3px 3px;
}
.ww-hair-ponytail:after {
  content: ""; position: absolute; top: 4px; right: -8px;
  width: 11px; height: 21px; border-radius: 50% 45% 55% 45%;
  background: var(--ww-hair, #3b2a20); transform: rotate(18deg);
}
.ww-hair-pigtails {
  top: -5px; left: -3px; right: -3px; height: 11px;
  border-radius: 12px 12px 3px 3px;
}
.ww-hair-pigtails:before,
.ww-hair-pigtails:after {
  content: ""; position: absolute; top: 5px;
  width: 10px; height: 18px; border-radius: 50%;
  background: var(--ww-hair, #3b2a20);
}
.ww-hair-pigtails:before { left: -8px; transform: rotate(-14deg); }
.ww-hair-pigtails:after { right: -8px; transform: rotate(14deg); }
.ww-hair-braid {
  top: -5px; left: -3px; right: -3px; height: 11px;
  border-radius: 12px 12px 3px 3px;
}
.ww-hair-braid:after {
  content: ""; position: absolute; top: 3px; right: -7px;
  width: 9px; height: 25px; border-radius: 50%;
  background: repeating-linear-gradient(145deg, var(--ww-hair, #3b2a20) 0 4px, #0000 4px 7px);
  transform: rotate(12deg);
}

.ww-hat { position: absolute; z-index: 2; }
.ww-hat-cap { top: -7px; left: -4px; right: -4px; height: 10px; background: #2f6f9a; border-radius: 10px 10px 2px 2px; }
.ww-hat-cap:after { content: ""; position: absolute; bottom: -3px; left: 40%; width: 22px; height: 4px; background: #24587b; border-radius: 3px; }
.ww-hat-beanie { top: -8px; left: -4px; right: -4px; height: 13px; background: #b8524f; border-radius: 12px 12px 3px 3px; }
.ww-hat-crown {
  top: -10px; left: -2px; right: -2px; height: 12px; background: #e9b949;
  clip-path: polygon(0 100%,0 20%,20% 60%,40% 0,60% 60%,80% 0,100% 40%,100% 100%);
}

.ww-glasses { position: absolute; top: 7px; left: -1px; right: -1px; height: 8px; z-index: 3; }
.ww-glasses:before, .ww-glasses:after {
  content: ""; position: absolute; top: 0; width: 8px; height: 8px;
  border: 2px solid #253338; background: #ffffff55;
}
.ww-glasses:before { left: 1px; }
.ww-glasses:after { right: 1px; }
.ww-glasses-round:before, .ww-glasses-round:after { border-radius: 50%; }
.ww-glasses-square:before, .ww-glasses-square:after { border-radius: 2px; }
.ww-glasses-shades:before, .ww-glasses-shades:after { border-radius: 2px; background: #253338; }

.ww-pet {
  position: absolute; z-index: 2; left: -19px; bottom: 1px;
  width: 19px; height: 14px; border: 2px solid #203e3d;
  border-radius: 50% 50% 45% 45%; background: var(--ww-pet, #d98b65);
  box-shadow: 0 3px #1b342d2e;
}
.ww-pet:before,
.ww-pet:after {
  content: ""; position: absolute; background: inherit;
}
.ww-pet:before {
  top: -6px; left: 2px; width: 6px; height: 7px;
  border-radius: 70% 30% 0 0; transform: rotate(-20deg);
  box-shadow: 8px 1px 0 -1px var(--ww-pet, #d98b65);
}
.ww-pet:after {
  right: -7px; bottom: 4px; width: 8px; height: 5px;
  border: 2px solid #203e3d; border-left: 0; border-bottom: 0;
  border-radius: 0 9px 0 0; transform: rotate(25deg);
}
.ww-pet-cat { --ww-pet: #d98b65; }
.ww-pet-dog { --ww-pet: #c99d70; border-radius: 45% 50% 42% 42%; }
.ww-pet-bunny { --ww-pet: #f0d6d0; }
.ww-pet-bunny:before {
  top: -13px; left: 3px; width: 6px; height: 13px;
  border-radius: 80% 80% 30% 30%; transform: rotate(-8deg);
  box-shadow: 7px 1px 0 -1px #f0d6d0;
}

.ww-avatar-preview { display: flex; justify-content: center; padding: 22px 0 26px; }
.ww-avatar-preview .ww-avatar { transform: scale(1.7); transform-origin: bottom center; }
.ww-avatar-fields { display: grid; gap: 12px; }
.ww-swatch-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.ww-field-label { font-size: 12px; font-weight: 600; }
.ww-swatches { display: flex; gap: 6px; }
.ww-swatch { width: 22px; height: 22px; border-radius: 50%; border: 2px solid #0002; }
.ww-swatch:hover { transform: scale(1.1); }

.lava-pool {
  position: absolute; z-index: 3; border-radius: 50%;
  background: radial-gradient(circle at 40% 40%, #ffe066, #ff8c1a 45%, #d1341a 100%);
  box-shadow: 0 0 22px #ff6a0080, inset 0 0 12px #fff2;
  animation: ww-lava-glow 2.6s ease-in-out infinite;
}
@keyframes ww-lava-glow { 0%,100% { filter: brightness(1); } 50% { filter: brightness(1.25); } }

.lava-death {
  position: absolute; z-index: 20; left: 50%; top: 50%; transform: translate(-50%,-50%);
  background: #1a0d0aF2; color: #ffe9d6; padding: 22px 26px; border-radius: 14px;
  text-align: center; display: grid; gap: 10px; justify-items: center;
  box-shadow: 0 18px 40px #0006;
}
.lava-death-title { font-size: 20px; font-weight: 700; }
.lava-death-text { font-size: 13px; opacity: .85; max-width: 260px; }

.landmark-onion {
  width: 120px; height: 150px; bottom: 29%; left: 40%;
  background: radial-gradient(ellipse at 40% 35%, #f6e7c8, #e7c98f 55%, #c69a53 100%);
  border: 4px solid #6b4f2a;
  border-radius: 50% 50% 46% 46% / 62% 62% 38% 38%;
  box-shadow: inset -10px 0 0 #00000014;
}
.landmark-onion:before {
  content: ""; position: absolute; top: -34px; left: 50%; transform: translateX(-50%);
  width: 12px; height: 40px; background: #6ea84a; border: 3px solid #3f6b2b;
  border-radius: 8px 8px 2px 2px;
}
.landmark-onion:after {
  content: ""; position: absolute; inset: 14% 24% 12% 24%;
  border-left: 3px solid #b8904d66; border-right: 3px solid #b8904d66;
  border-radius: 50%;
}
.landmark-onion .landmark-door {
  position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
  width: 34px; height: 52px; background: #5d3a1c;
  border: 3px solid #3d2511; border-radius: 18px 18px 0 0;
}
.landmark-onion .landmark-window {
  position: absolute; top: 34%; left: 18%; width: 18px; height: 18px;
  background: #fff3c4; border: 3px solid #6b4f2a; border-radius: 50%;
}
.landmark-onion .landmark-window-second { left: auto; right: 18%; }

/* --- Lava World environment --- */
.scene-lava { background: linear-gradient(#5b1620 0 52%, #211b25 52% 100%) !important; }
.scene-lava .scene-hill { background: #3a2029b3 !important; display: block !important; }
.scene-lava .scene-sun { background: #ff9d4d !important; box-shadow: 0 0 34px #ff6a00aa !important; }
.scene-lava .scene-cloud { background: #43323b !important; opacity: .7 !important; }
.scene-lava .scene-path { background: #4a3a40 !important; }
.scene-lava:before, .scene-lava:after,
.scene-crimson:before, .scene-crimson:after { box-shadow: none !important; filter: none !important; }

/* --- Crimson Forest environment --- */
.scene-crimson { background: linear-gradient(#d98682 0 52%, #5f2835 52% 100%) !important; }
.scene-crimson .scene-hill { background: #6d2b3bb3 !important; display: block !important; }
.scene-crimson .scene-path { background: #8d4a55 !important; }
.scene-crimson .scene-cloud { background: #f0b7ae !important; }
.scene-crimson .scene-tree { background: #4a2230 !important; }
.scene-crimson .scene-tree:before {
  background: #a52a3f !important;
  box-shadow: 26px 21px 0 -12px #c23a50 !important;
}
.scene-crimson .scene-tree:after { background: #c23a50 !important; box-shadow: 15px 3px 0 -3px #d24c60, -15px 7px 0 -4px #96263a !important; }

/* --- The Beach grass matches Adventure Island sand --- */
.scene-grass-beach:before { background: #318b8fbf !important; }
.scene-grass-beach:after { background: #bd9765 !important; }
.world-art.grass-beach:after { background: #bd9765; }

/* --- Crimson Cabin landmark --- */
.landmark-crimson {
  background: #6d3b3f; border: 4px solid #3a1d25; border-radius: 4px;
  width: 153px; height: 88px; bottom: 29%; left: 37%;
  transform-origin: 0 100%; transform: scale(.78);
}
.landmark-crimson:before {
  content: ""; position: absolute; background: #9c2439;
  border-radius: 50% 50% 5px 5px; width: 171px; height: 60px; top: -55px; left: -13px;
  box-shadow: inset 0 -10px #7a1a2b;
}
.landmark-crimson:after {
  content: ""; position: absolute; background: #f3d07a; border-radius: 50%;
  width: 9px; height: 9px; bottom: 15px; left: 16px;
  box-shadow: 29px 4px #e7be6b, 92px -2px #f3d07a;
}
.landmark-crimson .landmark-door { position: absolute; background: #3a1d25; width: 30px; height: 52px; bottom: 0; left: 63px; }
.landmark-crimson .landmark-window { display: none; }
.world-art.building-crimson-cabin .art-strokes {
  border: 4px solid #3a1d25; width: 52px; height: 38px; background: #9c2439;
}

/* --- Volcano landmark --- */
.landmark-volcano {
  width: 210px; height: 128px; bottom: 29%; left: 34%;
  background: linear-gradient(#6b4147 0 18%, #3b2a31 60%, #241b21 100%);
  border: 0; border-radius: 0;
  clip-path: polygon(0% 100%, 32% 6%, 40% 0%, 60% 0%, 68% 6%, 100% 100%);
  box-shadow: 0 0 40px #ff6a0055;
}
.landmark-volcano:before {
  content: ""; position: absolute; top: -12px; left: 50%; transform: translateX(-50%);
  width: 52px; height: 30px; border-radius: 50%;
  background: radial-gradient(circle at 50% 60%, #ffe066, #ff8c1a 50%, #d1341a 100%);
  box-shadow: 0 0 26px #ff6a00cc;
  animation: ww-lava-glow 2.6s ease-in-out infinite;
}
.landmark-volcano:after {
  content: ""; position: absolute; top: 14%; left: 47%;
  width: 14px; height: 44%;
  background: linear-gradient(#ff8c1a, #d1341a);
  border-radius: 8px; opacity: .85;
}
.landmark-volcano .landmark-door,
.landmark-volcano .landmark-window { display: none; }
.world-art.building-volcano .art-strokes {
  width: 60px; height: 42px; border: 0; background: linear-gradient(#6b4147, #2a1f26);
  clip-path: polygon(0% 100%, 34% 8%, 42% 0%, 58% 0%, 66% 8%, 100% 100%);
  box-shadow: 0 -6px 14px #ff6a0099;
}

/* --- Parkour Challenge --- */
.scene-parkour { background: linear-gradient(#141a2e 0 60%, #0b1020 60% 100%) !important; }
.scene-parkour .scene-tree,
.scene-parkour .scene-hill,
.scene-parkour .scene-path,
.scene-parkour .scene-landmark { display: none !important; }
.scene-parkour:before, .scene-parkour:after { background: transparent !important; }
.scene-parkour .scene-cloud { background: #263156 !important; opacity: .6 !important; }
.scene-parkour .scene-sun { background: #9ec1ff !important; box-shadow: 0 0 26px #9ec1ff66 !important; }
.parkour-platform {
  position: absolute; height: 14px; border-radius: 5px;
  background: linear-gradient(#5f7bd6, #33457f);
  box-shadow: 0 5px 0 #1d2748, inset 0 2px 0 #90a8f0;
  z-index: 3;
}
.parkour-platform.parkour-kill {
  background: linear-gradient(#ff6a5c, #b41f18);
  box-shadow: 0 5px 0 #6d0f0b, 0 0 18px #ff4a3a88, inset 0 2px 0 #ffb0a6;
}
.parkour-platform.parkour-goal {
  background: linear-gradient(#ffd977, #e0a52b);
  box-shadow: 0 5px 0 #8a610f, 0 0 22px #ffd97788, inset 0 2px 0 #fff0c0;
}
.parkour-win .lava-death-title { color: #ffd977; }
/* --- Secret Place --- */
.scene-secret { background: linear-gradient(#050507 0 58%, #0a0a0d 58% 100%) !important; }
.scene-secret:before { background: #101013 !important; }
.scene-secret:after { background: #08080a !important; }
.scene-secret .scene-hill { background: #15151a !important; display: block !important; }
.scene-secret .scene-path { background: #1d1d22 !important; }
.scene-secret .scene-cloud { background: #1a1a20 !important; opacity: .6 !important; }
.scene-secret .scene-sun { background: #e8e8ef !important; box-shadow: 0 0 30px #ffffff55 !important; }
.scene-secret .scene-landmark { display: none !important; }
.scene-secret .scene-tree { background: #e9e9ef !important; }
.scene-secret .scene-tree:before {
  background: #ffffff !important;
  box-shadow: 26px 21px 0 -12px #f1f1f6 !important;
}
.scene-secret .scene-tree:after {
  background: #ffffff !important;
  box-shadow: 15px 3px 0 -3px #f4f4f9, -15px 7px 0 -4px #dcdce4 !important;
}
.scene-grass-secret:before { background: #101013 !important; }
.scene-grass-secret:after { background: #08080a !important; }
.scene-grass-parkour:before, .scene-grass-parkour:after { background: transparent !important; }
.scene-sky-secret { background: linear-gradient(#050507 0 58%, #0a0a0d 58% 100%) !important; }

/* --- Account-only rainbow worlds --- */
.world-art.account-successful,
.world-art.disco-district {
  background: linear-gradient(145deg, #ff8ebc 0%, #a98cff 35%, #72d9ee 68%, #78d995 100%);
}
.world-art.account-successful:before,
.world-art.disco-district:before {
  background: #39a86f;
  border-radius: 50% 50% 12% 12%;
  width: 42px;
  height: 74px;
  top: 42px;
  right: 32px;
  box-shadow: -40px 12px 0 -4px #ef6d8f, 24px 20px 0 -7px #7d62d8;
}
.world-art.account-successful:after,
.world-art.disco-district:after {
  background: linear-gradient(90deg, #f36a8b, #f7ca61 25%, #6ed18b 52%, #65b9ed 76%, #9b77e8) !important;
}
.world-art.building-rainbow-house .art-strokes {
  width: 58px;
  height: 38px;
  background: linear-gradient(135deg, #ff7c9b, #876dff 48%, #63d7b1);
  border: 3px solid #fff0d8;
  border-radius: 3px;
  box-shadow: 0 5px 0 #684c7d;
}
.world-art.building-rainbow-house .art-strokes:before {
  content: "";
  position: absolute;
  top: -22px;
  left: -7px;
  width: 66px;
  height: 26px;
  background: linear-gradient(90deg, #ff6b8b, #ffcf67 25%, #6fe19b 50%, #6ebcf5 75%, #a377ed);
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
}

.scene-account-successful,
.scene-disco-district {
  background: linear-gradient(180deg, #ff82aa 0%, #a579ec 25%, #68c9ef 52%, #60b878 52%, #357d62 100%) !important;
}
.scene-account-successful:before,
.scene-disco-district:before {
  background: linear-gradient(135deg, #f06b9b, #f8c65f 27%, #69d28d 52%, #63bde8 76%, #9e77dc) !important;
  opacity: .58;
}
.scene-account-successful:after,
.scene-disco-district:after {
  background: linear-gradient(90deg, #f06b9b, #f6c75d 25%, #62c984 50%, #5aafe4 75%, #926ad4) !important;
}
.scene-account-successful .scene-cloud,
.scene-disco-district .scene-cloud {
  background: #fff1d8 !important;
  opacity: .5 !important;
}
.scene-account-successful .scene-sun,
.scene-disco-district .scene-sun {
  background: #ffe27a !important;
  box-shadow: 0 0 34px #ffb7d7 !important;
}
.scene-account-successful .scene-hill,
.scene-disco-district .scene-hill {
  background: #8b63b899 !important;
  display: block !important;
}
.scene-account-successful .scene-path,
.scene-disco-district .scene-path {
  background: #f0b46f !important;
}
.scene-account-successful .scene-tree,
.scene-disco-district .scene-tree {
  background: #6e3d59 !important;
}
.scene-account-successful .scene-tree:before,
.scene-disco-district .scene-tree:before {
  background: linear-gradient(135deg, #ff6e8d, #f5c85e 38%, #64d38e 68%, #64bced) !important;
  box-shadow: 26px 21px 0 -12px #a16edc !important;
}
.scene-account-successful .scene-tree:after,
.scene-disco-district .scene-tree:after {
  background: #70d69a !important;
  box-shadow: 15px 3px 0 -3px #ff829f, -15px 7px 0 -4px #6cbce8 !important;
}
.scene-account-successful .scene-landmark,
.scene-disco-district .scene-landmark {
  background: linear-gradient(135deg, #ff7194, #8d70ee 46%, #5fd2ad) !important;
  border: 4px solid #fff0d8 !important;
  border-radius: 4px;
  width: 153px;
  height: 88px;
  bottom: 29%;
  left: 37%;
  box-shadow: 0 10px 0 #684c7d, 0 0 28px #ffb5dc88;
}
.scene-account-successful .scene-landmark:before,
.scene-disco-district .scene-landmark:before {
  content: "";
  position: absolute;
  top: -55px;
  left: -13px;
  width: 171px;
  height: 60px;
  background: linear-gradient(90deg, #ff6d8d, #ffd16d 25%, #68d38e 50%, #68bdf0 75%, #a679e8);
  border-radius: 50% 50% 5px 5px;
  box-shadow: inset 0 -10px #8d5ba4;
}
.scene-account-successful .scene-landmark .landmark-door,
.scene-disco-district .scene-landmark .landmark-door {
  background: #603c68 !important;
  width: 30px;
  height: 52px;
  bottom: 0;
  left: 63px;
}
.scene-account-successful .scene-landmark .landmark-window,
.scene-disco-district .scene-landmark .landmark-window {
  background: #fff0a5 !important;
  box-shadow: 29px 4px #8be3ff, 92px -2px #ffb3db !important;
}
.scene-disco-district .scene-tree {
  filter: saturate(1.35) brightness(1.06);
}
.scene-disco-district .scene-landmark {
  filter: saturate(1.3) brightness(1.08);
}

/* Disco District keeps Dream District's midnight mood while using rainbow neon details. */
.world-art.disco-district {
  background: linear-gradient(145deg, #171b45 0%, #34306e 42%, #5a347c 68%, #241b46 100%);
}
.world-art.disco-district:before {
  background: #21182e;
  border-radius: 50% 50% 10% 10%;
  width: 42px;
  height: 74px;
  top: 42px;
  right: 32px;
  box-shadow: -40px 12px 0 -4px #33214f, 24px 20px 0 -7px #17132f;
}
.world-art.disco-district:after {
  background: linear-gradient(90deg, #ff5eaa, #ffcb61 25%, #58d8b0 50%, #63baf4 75%, #aa73ef) !important;
}
.world-art.disco-district .art-strokes {
  background: linear-gradient(135deg, #ff5eaa, #846cff 48%, #55dfb4);
  box-shadow: 0 5px 0 #1b1535, 0 0 12px #ff7ed699;
}

.scene-disco-district {
  background: linear-gradient(180deg, #111637 0%, #26265f 28%, #413174 52%, #312052 52%, #171327 100%) !important;
}
.scene-disco-district:before {
  background:
    radial-gradient(circle at 18% 20%, #ff79bf 0 2px, transparent 3px),
    radial-gradient(circle at 72% 25%, #70e6c0 0 2px, transparent 3px),
    radial-gradient(circle at 84% 12%, #ffd66e 0 2px, transparent 3px),
    linear-gradient(135deg, #161945, #432b72 48%, #19152f) !important;
  opacity: .9;
}
.scene-disco-district:after {
  background: linear-gradient(90deg, #3b205d, #d94c98 24%, #553c9e 48%, #1f7f91 72%, #693ca1) !important;
}
.scene-disco-district .scene-sun {
  background: #ff9ce2 !important;
  box-shadow: 0 0 34px #ff5fbdcc, 0 0 70px #7f6bff66 !important;
}
.scene-disco-district .scene-cloud {
  background: #6e5ca8 !important;
  opacity: .35 !important;
}
.scene-disco-district .scene-hill {
  background: #302052cc !important;
}
.scene-disco-district .scene-path {
  background: linear-gradient(90deg, #52327f, #be4f9d, #4e3b96) !important;
}
.scene-disco-district .scene-tree {
  background: #171329 !important;
  filter: none;
}
.scene-disco-district .scene-tree:before {
  background: linear-gradient(135deg, #ff5aaf, #ffcb60 28%, #55d8ae 54%, #62bdf5 76%, #a26ceb) !important;
  box-shadow: 26px 21px 0 -12px #7346b9 !important;
}
.scene-disco-district .scene-tree:after {
  background: #55d8ae !important;
  box-shadow: 15px 3px 0 -3px #ff70b8, -15px 7px 0 -4px #6ebcff !important;
}
.scene-disco-district .scene-landmark {
  background: linear-gradient(135deg, #211b4b 0%, #4c2d7d 38%, #bb438f 68%, #3cc9b4 100%) !important;
  border: 3px solid #17132f !important;
  border-radius: 3px;
  width: 238px;
  height: 116px;
  bottom: 29%;
  left: 39%;
  box-shadow: inset 0 -12px #19152f, 0 10px 0 #1c1537, 0 0 36px #d84cae99;
  filter: none;
}
.scene-disco-district .scene-landmark:before {
  background: linear-gradient(90deg, #171d36 0%, #322057 28%, #793b7f 55%, #a84587 76%, #23685f 100%);
  border-radius: 3px 3px 0 0;
  width: 244px;
  height: 18px;
  top: -18px;
  left: -5px;
  box-shadow: inset 0 -5px #3c275f;
}
.scene-disco-district .scene-landmark .landmark-door {
  background: #12182b !important;
  width: 29px;
  height: 57px;
  bottom: 0;
  left: 104px;
}
.scene-disco-district .scene-landmark .landmark-window {
  display: none;
}
.scene-disco-district .scene-landmark:after {
  background: #ffcf67 !important;
  width: 22px;
  height: 27px;
  top: 24px;
  left: 18px;
  box-shadow:
    38px 8px #71d7f2,
    77px -3px #ff8fbd,
    118px 6px #ffd267,
    158px -4px #8b7cff !important;
}

/* World visibility controls */
.world-visibility-field {
  grid-column: 1 / -1;
}
.visibility-badge {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  box-sizing: border-box;
  padding: 0 9px;
  border: 1px solid #ffffff1f;
  border-radius: 999px;
  color: #c9cedb;
  background: #ffffff08;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
  line-height: 1;
  text-transform: capitalize;
}
.visibility-public {
  color: #bdeecf;
  border-color: #73d6a044;
  background: #62c88918;
}
.visibility-private {
  color: #f3d6b7;
  border-color: #e1a26c44;
  background: #d68b4b18;
}
.visibility-unlisted {
  color: #d2c9ff;
  border-color: #a494ff44;
  background: #8b7cff18;
}

/* --- Mushroom Island --- */
.world-art.mushroom {
  overflow: hidden;
  background: linear-gradient(#dcb2f7 0 52%, #28c8e8 52% 100%) !important;
}
.world-art.mushroom:before {
  content: "";
  position: absolute;
  width: 82%;
  height: 54%;
  left: 9%;
  top: 32%;
  border-radius: 50% 50% 16% 16%;
  background: #b86cf0 !important;
  box-shadow: 0 9px 0 #4b230d;
}
.world-art.mushroom:after {
  content: "";
  position: absolute;
  width: 76%;
  height: 18%;
  left: 12%;
  bottom: 0;
  border-radius: 48% 48% 0 0;
  background: #4b230d !important;
}
.world-art.mushroom .art-strokes {
  position: absolute;
  width: 16px;
  height: 35px;
  left: 50%;
  bottom: 29%;
  border: 2px solid #8f5d4c;
  border-radius: 48% 48% 18% 18%;
  background: #f4b17e;
  transform: translateX(-50%);
  z-index: 2;
}
.world-art.mushroom .art-strokes:before {
  content: "";
  position: absolute;
  width: 45px;
  height: 25px;
  left: -16px;
  top: -21px;
  border-radius: 80% 80% 18% 18%;
  background: #ff3944;
  box-shadow: inset 0 -4px #d82a3a;
}
.world-art.mushroom .art-strokes:after {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  left: -3px;
  top: -15px;
  border-radius: 50%;
  background: #ffb7bc;
  box-shadow: 16px 3px 0 -1px #ffb7bc, 29px -2px 0 -1px #ffb7bc;
}
.scene-mushroom {
  overflow: hidden;
  background: linear-gradient(#dcb2f7 0 58%, #28c8e8 58% 100%) !important;
}
.scene-mushroom:before,
.scene-mushroom:after {
  background: transparent !important;
  box-shadow: none !important;
}
.scene-mushroom .scene-sun {
  top: 13%;
  right: 14%;
  left: auto;
  width: 54px;
  height: 54px;
  background: #f6d7a2 !important;
  box-shadow: 0 0 30px #f9dba866 !important;
}
.scene-mushroom .scene-cloud {
  top: 20%;
  left: 16%;
  width: 86px;
  height: 22px;
  border-radius: 50%;
  background: #c794ea !important;
  opacity: .5 !important;
}
.scene-mushroom .scene-hill {
  display: block !important;
  z-index: 1;
  bottom: 26%;
  left: 9%;
  width: 82%;
  height: 35%;
  border-radius: 50% 50% 16% 16%;
  background: #b86cf0 !important;
  box-shadow: 0 14px 0 #8745b4;
}
.scene-mushroom .scene-path {
  z-index: 2;
  bottom: 17%;
  left: 13%;
  width: 74%;
  height: 23%;
  border-radius: 48% 48% 0 0;
  background: #4b230d !important;
  box-shadow: inset 0 10px #5e2d11;
}
.scene-mushroom .scene-tree {
  z-index: 4;
  width: 30px;
  height: 118px;
  border: 2px solid #8f5d4c;
  border-radius: 48% 48% 18% 18%;
  background: #f4b17e !important;
}
.scene-mushroom .scene-tree:before {
  content: "";
  width: 92px;
  height: 50px;
  left: -33px;
  top: -37px;
  border-radius: 82% 82% 18% 18%;
  background: #ff3944 !important;
  box-shadow: inset 0 -7px #d82a3a;
}
.scene-mushroom .scene-tree:after {
  content: "";
  width: 9px;
  height: 9px;
  left: -1px;
  top: -27px;
  border-radius: 50%;
  background: #ffb7bc !important;
  box-shadow: 27px 5px 0 -1px #ffb7bc, 51px -4px 0 -2px #ffb7bc;
}
.scene-mushroom .tree-one {
  bottom: 45%;
  left: 17%;
  transform: rotate(-8deg) scale(.82);
}
.scene-mushroom .tree-two {
  bottom: 44%;
  left: 42%;
  transform: scale(1.05);
}
.scene-mushroom .tree-three {
  bottom: 45%;
  left: 68%;
  transform: rotate(7deg) scale(.86);
}
.scene-mushroom .scene-hill:before,
.scene-mushroom .scene-hill:after {
  content: "";
  position: absolute;
  z-index: 3;
  width: 18px;
  height: 66px;
  bottom: 34%;
  border: 2px solid #8f5d4c;
  border-radius: 48% 48% 18% 18%;
  background: #f4b17e;
}
.scene-mushroom .scene-hill:before {
  left: 26%;
  box-shadow: 0 -25px 0 -1px #ff3944;
}
.scene-mushroom .scene-hill:after {
  right: 21%;
  height: 76px;
  box-shadow: 0 -27px 0 -1px #ff3944;
}

/* --- Shoot The Bots! / Shooting Aftermath --- */
.world-art.shoot-bots,
.world-art.shooting-aftermath {
  background: linear-gradient(#8fc9f4 0 48%, #21dce0 48% 100%) !important;
}
.world-art.shoot-bots:before,
.world-art.shooting-aftermath:before {
  background: #65f3ef !important;
  box-shadow: inset 0 -9px #2bc9d0 !important;
}
.world-art.shoot-bots:after,
.world-art.shooting-aftermath:after {
  background: #1c89d8 !important;
  box-shadow: 34px -8px 0 -5px #53ddea, 74px 4px 0 -6px #68eced !important;
}
.world-art.shoot-bots .art-strokes:before {
  content: "";
  position: absolute;
  width: 24px;
  height: 8px;
  left: 42px;
  bottom: 30px;
  border-radius: 4px;
  background: #2468ff;
  box-shadow: 0 0 0 3px #173a9e;
}
.world-art.shoot-bots .art-strokes:after {
  content: "";
  position: absolute;
  width: 11px;
  height: 11px;
  left: 48px;
  bottom: 21px;
  border-radius: 50%;
  background: #2d7dff;
}

.scene-shoot-bots,
.scene-shooting-aftermath {
  background: linear-gradient(#8fc9f4 0 55%, #18d7dc 55% 100%) !important;
}
.scene-shoot-bots:before,
.scene-shooting-aftermath:before {
  background: #20bfc8 !important;
  box-shadow: inset 0 12px #37e5e5 !important;
}
.scene-shoot-bots:after,
.scene-shooting-aftermath:after {
  background: #16a9c1 !important;
  box-shadow: 18px 8px 0 -5px #72f0ea, 66px -5px 0 -7px #54e1e1, 112px 6px 0 -5px #72f0ea !important;
}
.scene-shoot-bots .scene-hill,
.scene-shooting-aftermath .scene-hill {
  display: block !important;
  z-index: 1;
  bottom: 25%;
  left: 7%;
  width: 86%;
  height: 28%;
  border-radius: 50% 50% 35% 35%;
  background: #66f5ee !important;
  box-shadow: inset 0 -16px #34d9dc;
}
.scene-shoot-bots .scene-path,
.scene-shooting-aftermath .scene-path {
  z-index: 2;
  bottom: 17%;
  left: 16%;
  width: 68%;
  height: 12%;
  border-radius: 50%;
  background: #b4ffff !important;
  transform: rotate(-4deg);
}
.scene-shoot-bots .scene-tree,
.scene-shooting-aftermath .scene-tree {
  display: none !important;
}
.scene-shoot-bots .scene-sun,
.scene-shooting-aftermath .scene-sun {
  background: #f4ffff !important;
  box-shadow: 0 0 34px #c4ffff !important;
}

.bot-game-hud {
  position: absolute;
  z-index: 12;
  top: 18px;
  left: 22px;
  display: flex;
  gap: 12px;
  align-items: stretch;
  color: #093b64;
}
.bot-game-stat {
  min-width: 146px;
  padding: 9px 11px 10px;
  border: 1px solid #ffffffaa;
  border-radius: 12px;
  background: #eaffffdd;
  box-shadow: 0 8px 18px #087c9a33;
  backdrop-filter: blur(5px);
}
.bot-wave-stat {
  min-width: 74px;
  display: grid;
  align-content: center;
  text-align: center;
}
.bot-game-label {
  display: block;
  margin-bottom: 3px;
  color: #167093;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.bot-health-value {
  display: block;
  font-size: 17px;
  font-weight: 800;
}
.bot-health-track {
  display: block;
  height: 6px;
  margin-top: 6px;
  overflow: hidden;
  border-radius: 99px;
  background: #9adfe2;
}
.bot-health-fill {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #196dff, #35c6ff);
  transition: width .12s linear;
}
.bot-enemy {
  position: absolute;
  z-index: 7;
  width: 24px;
  height: 25px;
  margin-left: -12px;
  border: 2px solid #123e78;
  border-radius: 7px 7px 9px 9px;
  background: #397ed4;
  box-shadow: 0 5px 0 #1661a4, inset 0 3px #75c8f7;
  transform: translateY(50%);
}
.bot-enemy-1 {
  border-color: #204b91;
  background: #4b6de5;
  box-shadow: 0 5px 0 #2d399d, inset 0 3px #91a8ff;
}
.bot-enemy-2 {
  border-radius: 50% 50% 7px 7px;
  background: #2866b5;
}
.bot-enemy-eye {
  position: absolute;
  top: 7px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #d4ffff;
  box-shadow: 0 0 6px #bfffff;
}
.bot-enemy-eye-left { left: 5px; }
.bot-enemy-eye-right { right: 5px; }
.bot-bullet {
  position: absolute;
  z-index: 9;
  width: 16px;
  height: 5px;
  margin-left: -8px;
  border-radius: 99px;
  background: #2468ff;
  box-shadow: 0 0 10px #a9eaff, 0 0 0 2px #133b9e;
  transform: translateY(50%);
}
.bot-shooter {
  position: absolute;
  z-index: 3;
  top: 24px;
  left: 25px;
  width: 22px;
  height: 8px;
  border: 2px solid #173a9e;
  border-radius: 5px;
  background: #2468ff;
  box-shadow: 0 0 7px #8be7ff;
  transform: rotate(-8deg);
}
.bot-shooter:after {
  content: "";
  position: absolute;
  left: 4px;
  top: 6px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #2f89ff;
}
.shoot-control {
  border-color: #194ec5 !important;
  background: #2468ff !important;
  color: #fff !important;
  box-shadow: 0 8px 20px #1355bc55 !important;
}
.shooting-win .lava-death-title { color: #1f70ff; }
@media (max-width: 650px) {
  .bot-game-hud { top: 12px; left: 12px; gap: 7px; }
  .bot-game-stat { min-width: 118px; padding: 8px 9px; }
  .bot-wave-stat { min-width: 62px; }
}

/* Enterable house landmarks and their quiet interior view. */
.scene-landmark[data-testid="button-enter-house"] {
  appearance: none;
  color: inherit;
  cursor: pointer;
  font: inherit;
  padding: 0;
  transition: filter .18s ease, transform .18s ease;
}
.scene-landmark[data-testid="button-enter-house"]:hover {
  filter: brightness(1.12) saturate(1.1);
}
.scene-landmark[data-testid="button-enter-house"]:focus-visible {
  outline: 3px solid #ffe28d;
  outline-offset: 7px;
}
.house-interior {
  z-index: 25;
  position: absolute;
  inset: 0;
  overflow: hidden;
  display: grid;
  place-items: center;
  padding: 32px;
  background:
    radial-gradient(circle at 20% 18%, #f5d99b33 0 8%, transparent 9%),
    linear-gradient(160deg, #322d4d 0%, #1e2638 55%, #101820 100%);
  animation: house-interior-arrive .3s ease both;
}
.house-interior:before,
.house-interior:after {
  content: "";
  position: absolute;
  pointer-events: none;
}
.house-interior:before {
  width: min(72vw, 640px);
  height: min(44vw, 360px);
  bottom: -18%;
  border-radius: 50% 50% 0 0;
  background: #151b25;
  box-shadow: 0 -18px 0 #273448;
}
.house-interior:after {
  width: 110px;
  height: 110px;
  top: 14%;
  right: 15%;
  border: 1px solid #fff0c533;
  border-radius: 50%;
  box-shadow: 0 0 0 20px #fff0c30d, 0 0 45px #ffe5a544;
}
.house-interior-card {
  z-index: 1;
  width: min(100%, 430px);
  box-sizing: border-box;
  padding: 34px;
  border: 1px solid #fff1d52b;
  border-radius: 18px;
  color: #f8f3e7;
  text-align: center;
  background: #182330dd;
  box-shadow: 0 24px 70px #08101688, inset 0 1px #ffffff12;
  backdrop-filter: blur(8px);
}
.house-interior-eyebrow {
  color: #f4c77d;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.house-interior-card h2 {
  margin: 10px 0 8px;
  color: #fff8e9;
  font-family: var(--app-font-serif);
  font-size: clamp(26px, 4vw, 38px);
  letter-spacing: -.03em;
}
.house-interior-card p {
  max-width: 330px;
  margin: 0 auto 24px;
  color: #cad1d5;
  font-size: 14px;
  line-height: 1.6;
}
.house-interior-window,
.house-interior-plant {
  z-index: 1;
  position: absolute;
}
.house-interior-window {
  top: 22%;
  left: 16%;
  width: 120px;
  height: 92px;
  border: 8px solid #332f45;
  border-radius: 8px;
  background: linear-gradient(145deg, #f7c66d, #e879a8 46%, #6baed4);
  box-shadow: inset 0 0 0 2px #fff0c844, 0 12px 0 #111a24;
}
.house-interior-window:before,
.house-interior-window:after {
  content: "";
  position: absolute;
  background: #332f45;
}
.house-interior-window:before {
  width: 8px;
  height: 100%;
  left: 50%;
  top: 0;
}
.house-interior-window:after {
  width: 100%;
  height: 8px;
  left: 0;
  top: 50%;
}
.house-interior-plant {
  right: 18%;
  bottom: 21%;
  width: 28px;
  height: 52px;
  border-radius: 50% 50% 5px 5px;
  background: #5d9b70;
  box-shadow: -17px 12px 0 -4px #77bb78, 18px 8px 0 -5px #468866, 0 43px 0 8px #a26d50;
}
.house-interior-account-successful {
  background:
    radial-gradient(circle at 20% 18%, #fff4b555 0 8%, transparent 9%),
    linear-gradient(160deg, #6d4d78 0%, #2c5470 56%, #1e5b4d 100%);
}
.house-interior-disco-district {
  background:
    radial-gradient(circle at 18% 18%, #ff63b955 0 2px, transparent 3px),
    radial-gradient(circle at 76% 24%, #66e4d055 0 2px, transparent 3px),
    linear-gradient(160deg, #241c52 0%, #262554 52%, #14182d 100%);
}
.house-interior-disco-district .house-interior-card {
  border-color: #f080d955;
  box-shadow: 0 24px 70px #080518aa, 0 0 45px #bd4ed533, inset 0 1px #ffffff18;
}
.house-interior-disco-district .house-interior-eyebrow {
  color: #ff8ed0;
}
@keyframes house-interior-arrive {
  from { opacity: 0; transform: scale(1.03); }
  to { opacity: 1; transform: scale(1); }
}
@media (max-width: 650px) {
  .house-interior { padding: 18px; }
  .house-interior-window { top: 12%; left: 8%; transform: scale(.72); transform-origin: top left; }
  .house-interior-plant { right: 8%; bottom: 14%; transform: scale(.8); transform-origin: bottom right; }
  .house-interior-card { padding: 28px 22px; }
}

/* --- Neon Canopy --- */
.world-art.neon-canopy {
  background: linear-gradient(#171039 0 45%, #081a39 45% 100%) !important;
}
.world-art.neon-canopy:before {
  background: #2b1250 !important;
  box-shadow: inset 0 -8px #160d36 !important;
}
.world-art.neon-canopy:after {
  background: #1389c4 !important;
  box-shadow: 28px -7px 0 -5px #43e7e2, 73px 5px 0 -6px #287bd0 !important;
}
.world-art.neon-canopy .art-strokes:before {
  content: "";
  position: absolute;
  left: 34px;
  bottom: 19px;
  width: 9px;
  height: 38px;
  border-radius: 80% 12% 80% 12%;
  background: #55eee1;
  box-shadow: 10px -7px 0 -2px #32b9e1, 18px 5px 0 -3px #74f5db;
  transform: rotate(-26deg);
}
.world-art.neon-canopy .art-strokes:after {
  content: "";
  position: absolute;
  right: 35px;
  bottom: 27px;
  width: 13px;
  height: 20px;
  border: 3px solid #9b7bff;
  border-radius: 3px;
  box-shadow: 0 0 10px #36dff5;
  transform: rotate(45deg);
}

.scene-neon-canopy {
  background:
    radial-gradient(circle at 76% 16%, #b78bff22 0 2px, transparent 3px),
    radial-gradient(circle at 20% 24%, #64f1e322 0 2px, transparent 3px),
    linear-gradient(#171039 0 56%, #080d24 56% 100%) !important;
}
.scene-neon-canopy:before,
.scene-neon-canopy:after {
  background: transparent !important;
  box-shadow: none !important;
}
.scene-neon-canopy .scene-sun {
  top: 11%;
  right: 13%;
  left: auto;
  width: 44px;
  height: 44px;
  background: #c7a7ff !important;
  box-shadow: 0 0 34px #8b5cffaa, 0 0 0 8px #8b5cff1c !important;
}
.scene-neon-canopy .scene-cloud {
  top: 17%;
  left: 12%;
  width: 94px;
  height: 16px;
  border-radius: 50%;
  background: #2c2860 !important;
  opacity: .7 !important;
  box-shadow: 26px 12px 0 -4px #272353, 65px -4px 0 -5px #312864 !important;
}
.scene-neon-canopy .scene-hill {
  display: block !important;
  z-index: 1;
  bottom: 23%;
  left: 4%;
  width: 92%;
  height: 30%;
  border-radius: 50% 50% 22% 22%;
  background: #1d1242 !important;
  box-shadow: inset 0 -17px #110b2c, 0 0 22px #341a6e;
}
.scene-neon-canopy .scene-hill:before,
.scene-neon-canopy .scene-hill:after {
  content: "";
  position: absolute;
  z-index: 3;
  bottom: 28%;
  width: 17px;
  height: 120px;
  border-radius: 90% 12% 90% 12%;
  background: #42ebde;
  box-shadow:
    9px 18px 0 -3px #59f4c9,
    -13px 33px 0 -5px #2bb7e1,
    16px 49px 0 -5px #9b7bff,
    0 0 18px #43e9e1;
  transform: rotate(-22deg);
}
.scene-neon-canopy .scene-hill:before { left: 12%; }
.scene-neon-canopy .scene-hill:after {
  right: 16%;
  height: 138px;
  background: #8af1d3;
  transform: rotate(21deg) scale(.9);
}
.scene-neon-canopy .scene-path {
  z-index: 2;
  bottom: 15%;
  left: 7%;
  width: 86%;
  height: 16%;
  border-radius: 50%;
  background: linear-gradient(90deg, #0757a4, #1ccde1 35%, #38e9e0 63%, #0757a4) !important;
  box-shadow: 0 0 20px #14bfe4aa, inset 0 8px #73fff033;
  transform: rotate(-3deg);
}
.scene-neon-canopy .scene-tree {
  z-index: 4;
  width: 32px;
  height: 120px;
  border-radius: 48% 48% 18% 18%;
  background: #170c32 !important;
  box-shadow: 0 9px 0 #0d0822, 0 0 20px #5e2dbb55;
}
.scene-neon-canopy .scene-tree:before {
  background: #2a1153 !important;
  box-shadow: 26px 21px 0 -12px #481b82, -26px 17px 0 -14px #34146b !important;
}
.scene-neon-canopy .scene-tree:after {
  background: #54e9d5 !important;
  box-shadow:
    15px 3px 0 -3px #9b7bff,
    -15px 7px 0 -4px #36b8e2,
    28px 19px 0 -5px #5af3bd !important;
}
.scene-neon-canopy .tree-one {
  bottom: 43%;
  left: 14%;
  transform: rotate(-8deg) scale(.9);
}
.scene-neon-canopy .tree-two {
  bottom: 42%;
  left: 45%;
  transform: scale(1.13);
}
.scene-neon-canopy .tree-three {
  bottom: 43%;
  left: 73%;
  transform: rotate(8deg) scale(.82);
}
.canopy-key-hud {
  position: absolute;
  z-index: 12;
  top: 18px;
  left: 22px;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 10px 13px;
  border: 1px solid #9b7bff99;
  border-radius: 12px;
  background: #140c35dd;
  color: #e9e4ff;
  box-shadow: 0 8px 22px #05021888, 0 0 18px #4d35c455;
  backdrop-filter: blur(5px);
}
.canopy-key-hud-label {
  color: #91eee1;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.canopy-key-hud strong {
  color: #c5b3ff;
  font-size: 17px;
}
.crystal-key {
  position: absolute;
  z-index: 8;
  width: 14px;
  height: 23px;
  margin-left: -7px;
  border: 2px solid #c0ffff;
  border-radius: 3px 3px 5px 5px;
  background: linear-gradient(135deg, #83f8ee, #8e6dff 65%, #34206f);
  box-shadow: 0 0 9px #54f9ed, 0 0 22px #8c65ff99;
  transform: rotate(45deg);
  animation: crystal-key-pulse 1.7s ease-in-out infinite;
}
.crystal-key:after {
  content: "";
  position: absolute;
  left: 3px;
  top: -6px;
  width: 6px;
  height: 8px;
  border-radius: 50%;
  background: #d3ffff;
  box-shadow: 0 0 8px #c7ffff;
}
@keyframes crystal-key-pulse {
  0%, 100% { filter: brightness(.92); transform: rotate(45deg) translateY(1px); }
  50% { filter: brightness(1.3); transform: rotate(45deg) translateY(-4px); }
}
@media (max-width: 650px) {
  .canopy-key-hud { top: 12px; left: 12px; }
}

/* --- Submerged Metropolis --- */
.world-art.submerged-metropolis {
  background:
    radial-gradient(circle at 72% 22%, #a3fff044 0 5px, transparent 6px),
    linear-gradient(#126783 0 44%, #082d4c 44% 100%) !important;
}
.world-art.submerged-metropolis:before {
  background: #17465d !important;
  box-shadow:
    inset 0 -8px #0b2942,
    22px -17px 0 -8px #327c86,
    67px -5px 0 -7px #265e73 !important;
}
.world-art.submerged-metropolis:after {
  background: #2bd4c0 !important;
  box-shadow:
    30px -8px 0 -5px #7ae9d2,
    81px 4px 0 -6px #149ab0 !important;
}
.world-art.submerged-metropolis .art-strokes:before {
  content: "";
  position: absolute;
  left: 31px;
  bottom: 18px;
  width: 9px;
  height: 42px;
  border-radius: 90% 10% 90% 10%;
  background: #37d7b0;
  box-shadow: 9px 8px 0 -2px #59edbf, 17px -4px 0 -3px #1cae9d;
  transform: rotate(-21deg);
}
.world-art.submerged-metropolis .art-strokes:after {
  content: "";
  position: absolute;
  right: 32px;
  bottom: 22px;
  width: 26px;
  height: 23px;
  border: 5px solid #477c91;
  border-bottom: 0;
  background: #0d3f57;
  box-shadow: 0 0 0 3px #082e49;
}

.scene-submerged-metropolis {
  overflow: hidden;
  background:
    radial-gradient(circle at 14% 19%, #b3fff52e 0 2px, transparent 3px),
    radial-gradient(circle at 38% 13%, #b3fff52e 0 3px, transparent 4px),
    radial-gradient(circle at 83% 27%, #b3fff52e 0 2px, transparent 3px),
    linear-gradient(#0d6480 0 54%, #082d4a 54% 100%) !important;
}
.scene-submerged-metropolis:before {
  background: linear-gradient(90deg, transparent, #73f4e01c 48%, transparent) !important;
  box-shadow: none !important;
  transform: skewX(-18deg);
}
.scene-submerged-metropolis:after {
  background: #0a2643 !important;
  box-shadow: inset 0 11px #155b70 !important;
}
.scene-submerged-metropolis .scene-sun {
  top: 7%;
  right: 18%;
  left: auto;
  width: 70px;
  height: 70px;
  background: #b5fff0 !important;
  opacity: .35;
  box-shadow: 0 0 54px #62f8d8aa !important;
}
.scene-submerged-metropolis .scene-cloud {
  top: 16%;
  left: 10%;
  width: 88px;
  height: 26px;
  border-radius: 50%;
  background: transparent !important;
  box-shadow:
    20px -23px 0 -8px #97f7e644,
    50px -8px 0 -7px #a7fff055,
    78px 12px 0 -9px #a7fff044 !important;
}
.scene-submerged-metropolis .scene-hill {
  display: block !important;
  z-index: 1;
  bottom: 22%;
  left: 0;
  width: 100%;
  height: 33%;
  border-radius: 50% 50% 14% 14%;
  background: #123b52 !important;
  box-shadow: inset 0 -22px #092840, 0 0 26px #0a8f9f55;
}
.scene-submerged-metropolis .scene-hill:before,
.scene-submerged-metropolis .scene-hill:after {
  content: "";
  position: absolute;
  z-index: 2;
  bottom: 16%;
  width: 18px;
  height: 105px;
  border-radius: 90% 10% 90% 10%;
  background: #28bb9f;
  box-shadow:
    11px 13px 0 -3px #55e1b8,
    -11px 31px 0 -4px #1b8c91,
    15px 56px 0 -6px #5acfb0;
  transform: rotate(-17deg);
}
.scene-submerged-metropolis .scene-hill:before { left: 7%; }
.scene-submerged-metropolis .scene-hill:after {
  right: 8%;
  height: 128px;
  transform: rotate(18deg) scale(.88);
}
.scene-submerged-metropolis .scene-path {
  z-index: 2;
  bottom: 13%;
  left: 6%;
  width: 88%;
  height: 18%;
  border-radius: 50%;
  background: linear-gradient(90deg, #0b6375, #24cbbd 35%, #47ead0 60%, #0b6579) !important;
  box-shadow: 0 0 25px #2adbc4aa, inset 0 8px #a5fff033;
  transform: rotate(2deg);
}
.scene-submerged-metropolis .scene-tree {
  z-index: 4;
  width: 13px;
  height: 132px;
  border-radius: 80% 10% 60% 10%;
  background: #0b4b4d !important;
  box-shadow: 0 0 14px #24d5a777;
}
.scene-submerged-metropolis .scene-tree:before {
  background: #23aa94 !important;
  box-shadow:
    20px 18px 0 -7px #37d8ad,
    -19px 38px 0 -8px #137e84 !important;
}
.scene-submerged-metropolis .scene-tree:after {
  background: #65f1c3 !important;
  box-shadow:
    14px 13px 0 -4px #2bbca5,
    -14px 28px 0 -5px #5ee5b7,
    24px 51px 0 -6px #17928f !important;
}
.scene-submerged-metropolis .tree-one {
  bottom: 37%;
  left: 10%;
  transform: rotate(-8deg) scale(.95);
}
.scene-submerged-metropolis .tree-two {
  bottom: 38%;
  left: 48%;
  transform: scale(1.05);
}
.scene-submerged-metropolis .tree-three {
  bottom: 36%;
  left: 82%;
  transform: rotate(9deg) scale(.8);
}
.underwater-ruin {
  position: absolute;
  z-index: 3;
  bottom: 36%;
  width: 112px;
  height: 83px;
  border: 5px solid #426a78;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  background:
    linear-gradient(90deg, transparent 0 17%, #0a324c 17% 30%, transparent 30% 42%, #0a324c 42% 55%, transparent 55% 100%),
    #254b5c;
  box-shadow: inset 0 10px #60858b, 0 9px 0 #0a283f, 0 0 18px #35cdb877;
}
.underwater-ruin:before,
.underwater-ruin:after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 14px;
  height: 103px;
  background: #345a68;
  box-shadow: inset 3px 0 #638b8d;
}
.underwater-ruin:before { left: -16px; transform: skewY(8deg); }
.underwater-ruin:after { right: -16px; transform: skewY(-8deg); }
.ruin-one { left: 21%; transform: scale(.86); }
.ruin-two {
  left: 55%;
  bottom: 38%;
  transform: scale(1.1);
}
.ruin-three {
  left: 78%;
  bottom: 34%;
  transform: scale(.64);
}
.seaweed {
  position: absolute;
  z-index: 6;
  bottom: 21%;
  width: 10px;
  height: 108px;
  border-left: 6px solid #2bc6a5;
  border-radius: 80% 10% 0 0;
  box-shadow:
    10px 16px 0 -2px #63ebbd,
    19px 34px 0 -3px #168f8d,
    -12px 52px 0 -4px #3ed7af;
  transform: rotate(-8deg);
}
.seaweed-one { left: 28%; }
.seaweed-two { left: 66%; height: 128px; transform: rotate(12deg) scale(.9); }
.seaweed-three { left: 89%; height: 84px; transform: rotate(-5deg) scale(.78); }
.submerged-oxygen-hud {
  position: absolute;
  z-index: 12;
  top: 18px;
  left: 22px;
  width: 186px;
  padding: 11px 13px 12px;
  border: 1px solid #73f5dc99;
  border-radius: 12px;
  background: #062b43dd;
  color: #e8ffff;
  box-shadow: 0 8px 22px #03152288, 0 0 18px #29cdb455;
  backdrop-filter: blur(5px);
}
.submerged-oxygen-heading {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.submerged-oxygen-heading strong {
  margin-left: auto;
  color: #9cfff0;
  font-size: 17px;
  letter-spacing: 0;
}
.oxygen-bubble-icon {
  width: 11px;
  height: 11px;
  border: 2px solid #a7fff2;
  border-radius: 50%;
  box-shadow: 5px -5px 0 -3px #a7fff2, 0 0 8px #6affdf;
}
.submerged-oxygen-track {
  display: block;
  height: 7px;
  margin-top: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: #0b1e35;
}
.submerged-oxygen-fill {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #eea45d, #63f3d5 45%, #b1fff1);
  box-shadow: 0 0 10px #55f5d1;
  transition: width .12s linear, background .2s ease;
}
.oxygen-bubble {
  position: absolute;
  z-index: 9;
  width: 19px;
  height: 19px;
  margin-left: -9px;
  border: 2px solid #b4fff4;
  border-radius: 50%;
  background: #6debd744;
  box-shadow: 0 0 9px #65ffe5, inset 3px 3px #eaffff88;
  animation: oxygen-bubble-float 2.2s ease-in-out infinite;
}
.oxygen-bubble:after {
  content: "";
  position: absolute;
  top: -9px;
  left: 7px;
  width: 6px;
  height: 6px;
  border: 1px solid #b4fff4;
  border-radius: 50%;
  background: #6debd733;
}
@keyframes oxygen-bubble-float {
  0%, 100% { transform: translateY(3px); opacity: .82; }
  50% { transform: translateY(-6px); opacity: 1; }
}
@media (max-width: 650px) {
  .submerged-oxygen-hud { top: 12px; left: 12px; width: 168px; }
  .underwater-ruin { transform: scale(.72); }
  .ruin-two { transform: scale(.78); }
}

/* --- Glitchy Grid --- */
.world-art.glitchy-grid {
  background:
    repeating-linear-gradient(90deg, #ff38c822 0 2px, transparent 2px 23px),
    repeating-linear-gradient(0deg, #ff38c822 0 2px, transparent 2px 18px),
    linear-gradient(#170025 0 47%, #090015 47% 100%) !important;
}
.world-art.glitchy-grid:before {
  background: #27103e !important;
  box-shadow:
    inset 0 -7px #0f0520,
    26px -14px 0 -9px #ff3bbb,
    68px 4px 0 -7px #7720a3 !important;
}
.world-art.glitchy-grid:after {
  background: #ff39c8 !important;
  box-shadow:
    20px -6px 0 -4px #ff94e4,
    62px 6px 0 -5px #8e35f3,
    96px -2px 0 -6px #ff43bb !important;
}
.world-art.glitchy-grid .art-strokes:before {
  content: "";
  position: absolute;
  left: 30px;
  bottom: 19px;
  width: 31px;
  height: 25px;
  border: 3px solid #ff44c9;
  background: #7d1dab55;
  box-shadow: 0 0 10px #ff38c8;
  transform: rotate(18deg) skewY(-8deg);
}
.world-art.glitchy-grid .art-strokes:after {
  content: "";
  position: absolute;
  right: 28px;
  bottom: 24px;
  width: 12px;
  height: 25px;
  border: 3px solid #ffadf0;
  background: #ff3db833;
  box-shadow: 0 0 8px #ff38c8;
  transform: rotate(45deg);
}

.scene-glitchy-grid {
  overflow: hidden;
  background:
    radial-gradient(circle at 15% 15%, #ff55d92b 0 2px, transparent 3px),
    radial-gradient(circle at 82% 25%, #b84dff38 0 3px, transparent 4px),
    linear-gradient(#180029 0 55%, #08000f 55% 100%) !important;
}
.scene-glitchy-grid:before {
  background:
    repeating-linear-gradient(90deg, transparent 0 13%, #ff39c822 13.2% 13.5%),
    repeating-linear-gradient(0deg, transparent 0 17%, #ff39c822 17.2% 17.5%) !important;
  box-shadow: none !important;
  opacity: .7;
  transform: perspective(260px) rotateX(58deg) translateY(27%);
  transform-origin: bottom;
}
.scene-glitchy-grid:after {
  background: #07000e !important;
  box-shadow: inset 0 11px #280b35 !important;
}
.scene-glitchy-grid .scene-sun {
  top: 11%;
  right: 16%;
  left: auto;
  width: 42px;
  height: 42px;
  border-radius: 8px;
  background: #ff62d2 !important;
  box-shadow: 0 0 32px #ff35c8cc, 0 0 0 8px #ff35c833 !important;
  transform: rotate(45deg);
}
.scene-glitchy-grid .scene-cloud {
  top: 20%;
  left: 13%;
  width: 84px;
  height: 2px;
  border-radius: 0;
  background: #ff40ca !important;
  opacity: .72 !important;
  box-shadow:
    21px 14px 0 -1px #9a42ff,
    63px -8px 0 -1px #ff40ca !important;
}
.scene-glitchy-grid .scene-hill {
  display: block !important;
  z-index: 1;
  bottom: 12%;
  left: 0;
  width: 100%;
  height: 22%;
  border-radius: 0;
  background:
    repeating-linear-gradient(90deg, transparent 0 9.5%, #ff36c94c 9.7% 10%),
    repeating-linear-gradient(0deg, transparent 0 24%, #ff36c94c 24.2% 24.7%),
    #12001e !important;
  box-shadow: inset 0 8px #ff39c855, 0 0 25px #ff31c944;
  transform: perspective(240px) rotateX(38deg);
  transform-origin: bottom;
}
.scene-glitchy-grid .scene-hill:before,
.scene-glitchy-grid .scene-hill:after {
  display: none;
}
.scene-glitchy-grid .scene-path {
  z-index: 2;
  bottom: 10%;
  left: 0;
  width: 100%;
  height: 28%;
  border-radius: 0;
  background:
    repeating-linear-gradient(90deg, transparent 0 9.5%, #ff35c94c 9.7% 10%),
    repeating-linear-gradient(0deg, transparent 0 21%, #ff35c94c 21.2% 21.8%),
    #180025 !important;
  box-shadow: 0 0 28px #ff35c955, inset 0 7px #ff62d488;
  transform: perspective(260px) rotateX(56deg);
  transform-origin: bottom;
}
.scene-glitchy-grid .scene-tree {
  display: none !important;
}
.glitch-floor-segment {
  position: absolute;
  z-index: 5;
  height: 15%;
  border: 2px solid #ff43cc;
  border-radius: 3px;
  background:
    repeating-linear-gradient(90deg, transparent 0 17px, #ff4bd966 18px 20px),
    repeating-linear-gradient(0deg, transparent 0 13px, #ff4bd966 14px 16px),
    #2b0b3c;
  box-shadow: 0 0 10px #ff29c988, inset 0 0 14px #ff29c933;
  transition: opacity .16s ease, filter .16s ease, box-shadow .16s ease;
}
.glitch-floor-segment:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 3px 5px;
  border: 1px solid #ff86df;
  border-radius: 3px;
  background: #180020dd;
  color: #ffd7f5;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .1em;
  line-height: 1;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, -50%);
  transition: opacity .16s ease;
}
.glitch-floor-segment.is-missing {
  border-style: dashed;
  border-color: #ff43cc33;
  background: transparent;
  box-shadow: none;
  opacity: .25;
  filter: blur(.5px);
}
.glitch-floor-segment.is-missing:after {
  content: "OFFLINE";
  opacity: 1;
}
.glitch-grid-hud {
  position: absolute;
  z-index: 12;
  top: 18px;
  left: 22px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 13px;
  border: 1px solid #ff4ad299;
  border-radius: 12px;
  background: #1a062add;
  color: #ffe9fb;
  box-shadow: 0 8px 22px #05000999, 0 0 18px #ff2ac955;
  backdrop-filter: blur(5px);
}
.glitch-grid-hud-count {
  display: flex;
  align-items: center;
  gap: 10px;
}
.glitch-grid-hud-label {
  color: #ff8cde;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.glitch-grid-hud strong {
  color: #fff0fc;
  font-size: 17px;
}
.glitch-grid-hud-event {
  display: block;
  max-width: 170px;
  overflow: hidden;
  color: #ffd6f4;
  font-size: 10px;
  font-weight: 750;
  letter-spacing: .03em;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.digital-cube {
  position: absolute;
  z-index: 7;
  width: 45px;
  height: 45px;
  border: 3px solid #ff46cf;
  border-radius: 5px;
  background:
    linear-gradient(135deg, #ff7be355 0 13%, transparent 14% 100%),
    #631b79aa;
  box-shadow: 0 0 12px #ff35cb, inset 0 0 13px #ff75de66;
  transform: rotate(27deg) skewY(-8deg);
  animation: digital-cube-float 3.3s ease-in-out infinite;
}
.digital-cube:before,
.digital-cube:after {
  content: "";
  position: absolute;
  border: 2px solid #a94aff;
  background: #35105299;
}
.digital-cube:before {
  top: 9px;
  left: 9px;
  width: 21px;
  height: 21px;
}
.digital-cube:after {
  right: -13px;
  bottom: 5px;
  width: 13px;
  height: 22px;
  border-left: 0;
}
.cube-one { top: 26%; left: 24%; transform: rotate(28deg) skewY(-8deg) scale(.86); }
.cube-two {
  top: 35%;
  left: 56%;
  animation-delay: -.9s;
  transform: rotate(-19deg) skewY(8deg) scale(.68);
}
.cube-three {
  top: 21%;
  left: 77%;
  animation-delay: -1.8s;
  transform: rotate(41deg) skewY(-10deg) scale(.5);
}
@keyframes digital-cube-float {
  0%, 100% { margin-top: 5px; opacity: .78; }
  50% { margin-top: -10px; opacity: 1; }
}
@media (max-width: 650px) {
  .glitch-grid-hud { top: 12px; left: 12px; }
  .glitch-grid-hud-event { max-width: 145px; }
  .digital-cube { transform: scale(.72) rotate(27deg) skewY(-8deg); }
}

/* --- Defend the Core! --- */
.world-art.defend-core {
  background:
    radial-gradient(circle at 50% 42%, #55e9ff 0 3px, transparent 4px),
    linear-gradient(145deg, #071b36 0%, #102d57 50%, #0a112c 100%) !important;
}
.world-art.defend-core:before {
  background: #122a4c !important;
  box-shadow:
    inset 0 -8px #071a34,
    22px -14px 0 -9px #47d8ef,
    65px 4px 0 -8px #8b5dff !important;
}
.world-art.defend-core:after {
  background: #1b5ea0 !important;
  box-shadow:
    20px -6px 0 -4px #56eaff,
    59px 5px 0 -5px #9e79ff,
    95px -2px 0 -6px #43a9ff !important;
}
.world-art.defend-core .art-strokes:before {
  content: "";
  position: absolute;
  left: 38px;
  bottom: 23px;
  width: 26px;
  height: 26px;
  border: 3px solid #62ecff;
  border-radius: 50%;
  background: #35dfff66;
  box-shadow: 0 0 12px #42eaff, inset 0 0 10px #d7fbff;
}
.world-art.defend-core .art-strokes:after {
  content: "";
  position: absolute;
  right: 25px;
  bottom: 22px;
  width: 25px;
  height: 6px;
  border-radius: 4px;
  background: #8164ff;
  box-shadow: 0 0 0 3px #31267c, 0 11px 0 -1px #35c9ef;
  transform: rotate(-32deg);
}

.scene-defend-core {
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 34%, #75efff24 0 4px, transparent 5px),
    radial-gradient(circle at 18% 22%, #786cff2b 0 2px, transparent 3px),
    linear-gradient(#06152e 0 55%, #050a1d 55% 100%) !important;
}
.scene-defend-core:before {
  background:
    repeating-linear-gradient(90deg, transparent 0 9%, #3a9ed51f 9.2% 9.45%),
    repeating-linear-gradient(0deg, transparent 0 13%, #3a9ed51f 13.2% 13.45%) !important;
  box-shadow: inset 0 -12px #071a31 !important;
  opacity: .9;
}
.scene-defend-core:after {
  background: #050a1b !important;
  box-shadow: inset 0 12px #102652 !important;
}
.scene-defend-core .scene-sun {
  top: 12%;
  left: 50%;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #72efff !important;
  box-shadow: 0 0 32px #55eaffcc, 0 0 0 9px #55eaff22 !important;
  transform: translateX(-50%);
}
.scene-defend-core .scene-cloud,
.scene-defend-core .scene-hill,
.scene-defend-core .scene-path,
.scene-defend-core .scene-tree {
  display: none !important;
}
.core-bridge {
  position: absolute;
  z-index: 2;
  border: 2px solid #3bc6ed;
  background:
    repeating-linear-gradient(90deg, transparent 0 15px, #52dff955 16px 18px),
    linear-gradient(90deg, #102e58, #1a4a76 50%, #102e58);
  box-shadow: 0 0 16px #26bde955, inset 0 0 12px #55dfff44;
}
.core-bridge:after {
  content: "";
  position: absolute;
  inset: 7px;
  border: 1px solid #73e9ff55;
}
.core-bridge-north,
.core-bridge-south {
  left: 46%;
  width: 8%;
}
.core-bridge-north {
  bottom: 30%;
  height: 52%;
  transform: perspective(260px) rotateX(18deg);
}
.core-bridge-south {
  bottom: 2%;
  height: 30%;
  transform: perspective(260px) rotateX(-18deg);
}
.core-bridge-east,
.core-bridge-west {
  bottom: 27%;
  width: 43%;
  height: 9%;
}
.core-bridge-east {
  left: 50%;
  transform: perspective(260px) rotateY(-14deg);
}
.core-bridge-west {
  left: 7%;
  transform: perspective(260px) rotateY(14deg);
}
.core-platform {
  position: absolute;
  z-index: 4;
  left: 33%;
  bottom: 20%;
  width: 34%;
  height: 22%;
  border: 3px solid #67eaff;
  border-radius: 50%;
  background:
    radial-gradient(ellipse at 50% 42%, #254b78 0 28%, transparent 29%),
    repeating-radial-gradient(ellipse at center, transparent 0 17px, #3dd4ef44 18px 20px),
    #0d2346;
  box-shadow: 0 0 0 8px #162e55, 0 0 30px #35dfff66, inset 0 0 24px #42dfff55;
  transform: perspective(240px) rotateX(54deg);
}
.energy-core {
  position: absolute;
  z-index: 7;
  left: 50%;
  bottom: 31%;
  width: 31px;
  height: 31px;
  border: 3px solid #b7faff;
  border-radius: 50%;
  background: #4beaff;
  box-shadow:
    0 0 0 7px #47dfff33,
    0 0 0 14px #47dfff18,
    0 0 24px #5ceeff,
    inset 0 0 13px #f1ffff;
  transform: translate(-50%, 50%);
  animation: energy-core-pulse 1.65s ease-in-out infinite;
}
.energy-core:before,
.energy-core:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  border: 1px solid #b4faffaa;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.energy-core:before {
  width: 52px;
  height: 52px;
}
.energy-core:after {
  width: 70px;
  height: 70px;
  border-color: #6beaff55;
}
@keyframes energy-core-pulse {
  0%, 100% { filter: brightness(.9); transform: translate(-50%, 50%) scale(.94); }
  50% { filter: brightness(1.25); transform: translate(-50%, 50%) scale(1.06); }
}
.bot-enemy-core {
  width: 27px;
  height: 17px;
  border-color: #c04bff;
  border-radius: 9px 9px 5px 5px;
  background: #8b3fc8;
  box-shadow: 0 5px 0 #4d258f, inset 0 3px #efb4ff, 0 0 12px #bd5cffaa;
  transform: translate(-50%, 50%);
}
.bot-enemy-core:before {
  content: "";
  position: absolute;
  left: 3px;
  right: 3px;
  bottom: -8px;
  height: 8px;
  border-top: 2px solid #9b71ff;
  box-shadow: -7px 3px 0 -1px #55dfff, 7px 3px 0 -1px #55dfff;
}
.bot-enemy-core:after {
  content: "";
  position: absolute;
  top: -7px;
  left: 50%;
  width: 4px;
  height: 7px;
  background: #65eaff;
  box-shadow: 0 -3px 0 -1px #c5faff;
  transform: translateX(-50%);
}
.bot-enemy-core .bot-enemy-eye {
  top: 6px;
  background: #e8ffff;
  box-shadow: 0 0 6px #bfffff;
}
.core-bullet {
  width: 9px;
  height: 9px;
  margin-left: -4px;
  border: 2px solid #e2c7ff;
  border-radius: 50%;
  background: #8d5dff;
  box-shadow: 0 0 13px #6deaff, 0 0 0 2px #4c2ca0;
  transform: translateY(50%);
}
.scene-defend-core .bot-game-hud {
  color: #e5f7ff;
}
.scene-defend-core .bot-game-stat {
  border-color: #65ddff88;
  background: #0a234add;
  box-shadow: 0 8px 18px #020713aa, 0 0 18px #2dd9ff33;
}
.scene-defend-core .bot-game-label {
  color: #79dcf2;
}
.scene-defend-core .bot-health-track {
  background: #162f58;
}
.scene-defend-core .bot-health-fill {
  background: linear-gradient(90deg, #d957ff, #59e9ff);
  box-shadow: 0 0 8px #63eaff;
}
.scene-defend-core .bot-wave-stat strong {
  color: #ecddff;
}
@media (max-width: 650px) {
  .scene-defend-core .core-platform { left: 25%; width: 50%; }
  .scene-defend-core .core-bridge-east,
  .scene-defend-core .core-bridge-west { width: 35%; }
  .scene-defend-core .core-bridge-west { left: 1%; }
  .scene-defend-core .core-bridge-east { left: 64%; }
  .scene-defend-core .energy-core { bottom: 32%; }
}

/* Keep character customization reachable when the desktop sidebar collapses. */
.mobile-character-button {
  display: none;
  align-items: center;
  justify-content: center;
  border: 1px solid hsl(var(--border));
  border-radius: 999px;
  padding: 8px 11px;
  color: hsl(var(--primary));
  background: hsl(var(--muted));
  cursor: pointer;
  font: inherit;
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
  transition: transform .2s, background-color .2s, border-color .2s;
}
.mobile-character-button:hover,
.mobile-character-button:focus-visible {
  border-color: hsl(var(--primary));
  background: hsl(var(--card));
  transform: translateY(-1px);
}
@media (max-width: 650px) {
  .topbar { padding: 0 16px; }
  .topbar-right { gap: 8px; }
  .season-note { display: none; }
  .mobile-character-button { display: inline-flex; }
}

/* Keep long create/edit menus usable on phone-sized screens. */
@media (max-width: 650px) {
  .modal-backdrop {
    align-items: flex-start;
    overflow-y: auto;
    padding: 12px;
  }
  .create-dialog {
    width: 100%;
    max-height: calc(100dvh - 24px);
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    padding: 20px;
  }
  .dialog-actions {
    position: sticky;
    bottom: -20px;
    z-index: 2;
    margin: 18px -20px -20px;
    padding: 13px 20px 20px;
    background: linear-gradient(
      to bottom,
      hsl(var(--card) / .84),
      hsl(var(--card)) 24%
    );
  }
  .dialog-actions > button {
    flex: 1 1 0;
    min-width: 0;
  }
}