@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-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-serif:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-500:#fb2c36;--color-red-700:#bf000f;--color-orange-500:#fe6e00;--color-orange-700:#c53c00;--color-yellow-500:#edb200;--color-yellow-700:#a36100;--color-lime-200:#d8f999;--color-lime-500:#80cd00;--color-lime-700:#4b7d00;--color-lime-950:#192e03;--color-green-500:#00c758;--color-green-700:#008138;--color-blue-400:#54a2ff;--color-blue-500:#3080ff;--color-blue-600:#155dfc;--color-blue-700:#1447e6;--color-purple-500:#ac4bff;--color-purple-700:#8200da;--color-gray-400:#99a1af;--color-gray-500:#6a7282;--color-gray-600:#4a5565;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-3xs:16rem;--container-2xs:18rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--font-weight-light:300;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-widest:.1em;--leading-relaxed:1.625;--radius-xs:.125rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}@supports (color:lab(0% 0 0)){:root,:host{--color-red-500:lab(55.4814% 75.0732 48.8528);--color-red-700:lab(40.4273% 67.2623 53.7441);--color-orange-500:lab(64.272% 57.1788 90.3583);--color-orange-700:lab(46.4615% 57.7275 70.8507);--color-yellow-500:lab(76.3898% 14.5258 98.4589);--color-yellow-700:lab(47.8202% 25.2426 66.5015);--color-lime-200:lab(94.0718% -22.5338 42.5238);--color-lime-500:lab(75.3197% -46.6547 86.1778);--color-lime-700:lab(47.246% -32.2589 55.8249);--color-lime-950:lab(16.5113% -15.1841 22.0145);--color-green-500:lab(70.5521% -66.5147 45.8073);--color-green-700:lab(47.0329% -47.0239 31.4788);--color-blue-400:lab(65.0361% -1.42065 -56.9802);--color-blue-500:lab(54.1736% 13.3369 -74.6839);--color-blue-600:lab(44.0605% 29.0279 -86.0352);--color-blue-700:lab(36.9089% 35.0961 -85.6872);--color-purple-500:lab(52.0183% 66.11 -78.2316);--color-purple-700:lab(36.1758% 69.8525 -80.0381);--color-gray-400:lab(65.9269% -.832707 -8.17473);--color-gray-500:lab(47.7841% -.393182 -10.0268);--color-gray-600:lab(35.6337% -1.58697 -10.8425)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.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:calc(var(--spacing)*0)}.-top-1{top:calc(var(--spacing)*-1)}.-top-2{top:calc(var(--spacing)*-2)}.top-4{top:calc(var(--spacing)*4)}.top-\[50\%\]{top:50%}.right-4{right:calc(var(--spacing)*4)}.-left-1{left:calc(var(--spacing)*-1)}.-left-2{left:calc(var(--spacing)*-2)}.left-2{left:calc(var(--spacing)*2)}.left-\[50\%\]{left:50%}.z-50{z-index:50}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.-mx-1{margin-inline:calc(var(--spacing)*-1)}.my-1{margin-block:calc(var(--spacing)*1)}.my-2{margin-block:calc(var(--spacing)*2)}.mt-\[2px\]{margin-top:2px}.ml-4{margin-left:calc(var(--spacing)*4)}.ml-auto{margin-left:auto}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.size-1{width:calc(var(--spacing)*1);height:calc(var(--spacing)*1)}.size-2{width:calc(var(--spacing)*2);height:calc(var(--spacing)*2)}.size-3\.5{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.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-64{height:calc(var(--spacing)*64)}.h-72{height:calc(var(--spacing)*72)}.h-80{height:calc(var(--spacing)*80)}.h-112{height:calc(var(--spacing)*112)}.h-128{height:calc(var(--spacing)*128)}.h-144{height:calc(var(--spacing)*144)}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-fit{height:fit-content}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-\[--radix-dropdown-menu-content-available-height\]{max-height:--radix-dropdown-menu-content-available-height}.max-h-\[--radix-select-content-available-height\]{max-height:--radix-select-content-available-height}.max-h-\[300px\]{max-height:300px}.w-2xl{width:var(--container-2xl)}.w-2xs{width:var(--container-2xs)}.w-3xl{width:var(--container-3xl)}.w-3xs{width:var(--container-3xs)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-9{width:calc(var(--spacing)*9)}.w-12{width:calc(var(--spacing)*12)}.w-fit{width:fit-content}.w-full{width:100%}.w-lg{width:var(--container-lg)}.w-md{width:var(--container-md)}.w-screen{width:100vw}.w-sm{width:var(--container-sm)}.w-xl{width:var(--container-xl)}.w-xs{width:var(--container-xs)}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.min-w-6{min-width:calc(var(--spacing)*6)}.min-w-8{min-width:calc(var(--spacing)*8)}.min-w-10{min-width:calc(var(--spacing)*10)}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.shrink-0{flex-shrink:0}.origin-\[--radix-dropdown-menu-content-transform-origin\]{transform-origin:--radix-dropdown-menu-content-transform-origin}.origin-\[--radix-select-content-transform-origin\]{transform-origin:--radix-select-content-transform-origin}.translate-x-\[-50\%\]{--tw-translate-x:-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)}.animate-pulse{animation:var(--animate-pulse)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.scroll-py-1{scroll-padding-block:calc(var(--spacing)*1)}.list-disc{list-style-type:disc}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-evenly{justify-content:space-evenly}.justify-start{justify-content:flex-start}.gap-0{gap:calc(var(--spacing)*0)}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-xl{border-radius:var(--radius-xl)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-l-lg{border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-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-none{--tw-border-style:none;border-style:none}.border-transparent{border-color:#0000}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-blue-500\/10{background-color:#3080ff1a}@supports (color:color-mix(in lab, red, red)){.bg-blue-500\/10{background-color:color-mix(in oklab,var(--color-blue-500)10%,transparent)}}.bg-gray-500\/10{background-color:#6a72821a}@supports (color:color-mix(in lab, red, red)){.bg-gray-500\/10{background-color:color-mix(in oklab,var(--color-gray-500)10%,transparent)}}.bg-lime-200{background-color:var(--color-lime-200)}.bg-orange-500\/10{background-color:#fe6e001a}@supports (color:color-mix(in lab, red, red)){.bg-orange-500\/10{background-color:color-mix(in oklab,var(--color-orange-500)10%,transparent)}}.bg-purple-500\/10{background-color:#ac4bff1a}@supports (color:color-mix(in lab, red, red)){.bg-purple-500\/10{background-color:color-mix(in oklab,var(--color-purple-500)10%,transparent)}}.bg-red-500\/10{background-color:#fb2c361a}@supports (color:color-mix(in lab, red, red)){.bg-red-500\/10{background-color:color-mix(in oklab,var(--color-red-500)10%,transparent)}}.bg-transparent{background-color:#0000}.bg-yellow-500\/10{background-color:#edb2001a}@supports (color:color-mix(in lab, red, red)){.bg-yellow-500\/10{background-color:color-mix(in oklab,var(--color-yellow-500)10%,transparent)}}.fill-current{fill:currentColor}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.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-6{padding-inline:calc(var(--spacing)*6)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-6{padding-block:calc(var(--spacing)*6)}.pr-2{padding-right:calc(var(--spacing)*2)}.pl-2{padding-left:calc(var(--spacing)*2)}.pl-8{padding-left:calc(var(--spacing)*8)}.pl-\[12\.5px\]{padding-left:12.5px}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.font-serif{font-family:var(--font-serif)}.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-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))}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-nowrap{text-wrap:nowrap}.wrap-break-word{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-gray-600{color:var(--color-gray-600)}.text-green-700{color:var(--color-green-700)}.text-lime-700{color:var(--color-lime-700)}.text-orange-700{color:var(--color-orange-700)}.text-purple-700{color:var(--color-purple-700)}.text-red-700{color:var(--color-red-700)}.text-white{color:var(--color-white)}.text-yellow-700{color:var(--color-yellow-700)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.italic{font-style:italic}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-100{opacity:1}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.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}.grayscale{--tw-grayscale:grayscale(100%);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-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-70:is(:where(.peer):disabled~*){opacity:.7}.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)}.placeholder\:opacity-60::placeholder{opacity:.6}@media (hover:hover){.hover\:underline:hover{text-decoration-line:underline}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.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\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.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-\[inset\]\:pl-8[data-inset]{padding-left:calc(var(--spacing)*8)}.data-\[placeholder\]\:opacity-60[data-placeholder]{opacity:.6}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.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\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.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)}:is(.\*\*\:data-\[slot\=command-input-wrapper\]\:h-12 *)[data-slot=command-input-wrapper]{height:calc(var(--spacing)*12)}.data-\[vaul-drawer-direction\=bottom\]\:inset-x-0[data-vaul-drawer-direction=bottom]{inset-inline:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=bottom\]\:bottom-0[data-vaul-drawer-direction=bottom]{bottom:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=bottom\]\:mt-24[data-vaul-drawer-direction=bottom]{margin-top:calc(var(--spacing)*24)}.data-\[vaul-drawer-direction\=bottom\]\:max-h-\[80vh\][data-vaul-drawer-direction=bottom]{max-height:80vh}.data-\[vaul-drawer-direction\=bottom\]\:rounded-t-lg[data-vaul-drawer-direction=bottom]{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.data-\[vaul-drawer-direction\=bottom\]\:border-t[data-vaul-drawer-direction=bottom]{border-top-style:var(--tw-border-style);border-top-width:1px}.data-\[vaul-drawer-direction\=left\]\:inset-y-0[data-vaul-drawer-direction=left]{inset-block:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=left\]\:left-0[data-vaul-drawer-direction=left]{left:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=left\]\:w-3\/4[data-vaul-drawer-direction=left]{width:75%}.data-\[vaul-drawer-direction\=left\]\:border-r[data-vaul-drawer-direction=left]{border-right-style:var(--tw-border-style);border-right-width:1px}.data-\[vaul-drawer-direction\=right\]\:inset-y-0[data-vaul-drawer-direction=right]{inset-block:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=right\]\:right-0[data-vaul-drawer-direction=right]{right:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=right\]\:w-3\/4[data-vaul-drawer-direction=right]{width:75%}.data-\[vaul-drawer-direction\=right\]\:border-l[data-vaul-drawer-direction=right]{border-left-style:var(--tw-border-style);border-left-width:1px}.data-\[vaul-drawer-direction\=top\]\:inset-x-0[data-vaul-drawer-direction=top]{inset-inline:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=top\]\:top-0[data-vaul-drawer-direction=top]{top:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=top\]\:mb-24[data-vaul-drawer-direction=top]{margin-bottom:calc(var(--spacing)*24)}.data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\][data-vaul-drawer-direction=top]{max-height:80vh}.data-\[vaul-drawer-direction\=top\]\:rounded-b-lg[data-vaul-drawer-direction=top]{border-bottom-right-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.data-\[vaul-drawer-direction\=top\]\:border-b[data-vaul-drawer-direction=top]{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}@media (min-width:40rem){.sm\:max-w-lg{max-width:var(--container-lg)}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:text-left{text-align:left}.data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm[data-vaul-drawer-direction=left],.data-\[vaul-drawer-direction\=right\]\:sm\:max-w-sm[data-vaul-drawer-direction=right]{max-width:var(--container-sm)}}@media (prefers-color-scheme:dark){.dark\:bg-blue-500\/10{background-color:#3080ff1a}@supports (color:color-mix(in lab, red, red)){.dark\:bg-blue-500\/10{background-color:color-mix(in oklab,var(--color-blue-500)10%,transparent)}}.dark\:bg-gray-500\/10{background-color:#6a72821a}@supports (color:color-mix(in lab, red, red)){.dark\:bg-gray-500\/10{background-color:color-mix(in oklab,var(--color-gray-500)10%,transparent)}}.dark\:bg-lime-950{background-color:var(--color-lime-950)}.dark\:bg-orange-500\/10{background-color:#fe6e001a}@supports (color:color-mix(in lab, red, red)){.dark\:bg-orange-500\/10{background-color:color-mix(in oklab,var(--color-orange-500)10%,transparent)}}.dark\:bg-purple-500\/10{background-color:#ac4bff1a}@supports (color:color-mix(in lab, red, red)){.dark\:bg-purple-500\/10{background-color:color-mix(in oklab,var(--color-purple-500)10%,transparent)}}.dark\:bg-red-500\/10{background-color:#fb2c361a}@supports (color:color-mix(in lab, red, red)){.dark\:bg-red-500\/10{background-color:color-mix(in oklab,var(--color-red-500)10%,transparent)}}.dark\:bg-yellow-500\/10{background-color:#edb2001a}@supports (color:color-mix(in lab, red, red)){.dark\:bg-yellow-500\/10{background-color:color-mix(in oklab,var(--color-yellow-500)10%,transparent)}}.dark\:text-blue-400{color:var(--color-blue-400)}.dark\:text-blue-500{color:var(--color-blue-500)}.dark\:text-gray-400{color:var(--color-gray-400)}.dark\:text-green-500{color:var(--color-green-500)}.dark\:text-lime-500{color:var(--color-lime-500)}.dark\:text-orange-500{color:var(--color-orange-500)}.dark\:text-purple-500{color:var(--color-purple-500)}.dark\:text-red-500{color:var(--color-red-500)}.dark\:text-yellow-500{color:var(--color-yellow-500)}}.\[\&_\[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\]\]\: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:calc(var(--spacing)*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)}.\[\&_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-4 svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&\>span\]\:line-clamp-1>span{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.\[\&\>tr\]\:border-b>tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&\>tr\:last-child\]\:border-b-0>tr:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}}:root{--logo-size:30px;--background:#fff;--foreground:#171717;--secondary:#666;--border:#ddd;--control-border:#aaa;--hover:#f2f2f2;--danger:#bc3f32;--canvas-background:#fff;--buffer-hash:#f0f0f0}@media (prefers-color-scheme:dark){:root{--background:#111;--foreground:#f5f5f5;--secondary:#999;--border:#333;--control-border:#555;--hover:#222;--danger:#e37164;--canvas-background:#000;--buffer-hash:#1c1c1c}}*{box-sizing:border-box}html{background:var(--background)}body{background:var(--background);min-width:320px;color:var(--foreground);margin:0;font:15px/1.45 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{color:inherit}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.app-nav{z-index:10;padding:var(--logo-size);pointer-events:none;position:fixed;top:0;left:0}.app-logo{width:var(--logo-size);aspect-ratio:1;color:var(--foreground);pointer-events:auto;grid-template-columns:repeat(5,1fr);display:grid}.app-logo-cell{background:0 0;position:relative}.app-logo-cell[data-active=true]{background:currentColor}.app-logo-cell[data-buffer=true]:after{background:repeating-linear-gradient(-45deg,transparent 0 2px,var(--buffer-hash)2px 4px);content:"";position:absolute;inset:0}.app-logo:focus-visible{outline:2px solid var(--foreground);outline-offset:4px}.maker{--top-space:max(64px,calc((100svh - 710px)/2));width:calc(100% - 48px);max-width:1320px;min-height:100svh;padding:var(--top-space)0 48px;grid-template-columns:minmax(0,2fr) minmax(270px,1fr);align-items:start;gap:38px;margin:0 auto;display:grid}.creator{grid-template:"sidebar board-action"minmax(32px,auto)"sidebar editor"minmax(0,auto)/164px minmax(0,620px);justify-content:center;gap:4px 24px;min-width:0;display:grid}.sidebar{grid-area:sidebar;min-width:0}.editor{grid-area:editor;min-width:0}.canvas-heading{grid-area:board-action;align-items:center;min-width:0;padding-left:20px;display:flex}.canvas{grid-template:"corner x-axis"17px"y-axis grid"minmax(0,1fr)/20px minmax(0,1fr);display:grid}.axis{color:var(--control-border);font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;font-size:8px;line-height:1;display:flex}.axis-tick{flex:0 0 0;position:relative}.x-axis{grid-area:x-axis;justify-content:space-between;padding:0 1px 5px 0}.x-axis .axis-tick{height:100%}.x-axis .axis-label{position:absolute;top:0;left:0;transform:translate(-50%)}.x-axis .axis-tick:after{background:var(--control-border);content:"";width:1px;height:3px;position:absolute;bottom:-5px;left:0}.y-axis{flex-direction:column;grid-area:y-axis;justify-content:space-between;padding:0 5px 1px 0}.y-axis .axis-tick{width:100%}.y-axis .axis-label{position:absolute;top:0;right:1px;transform:translateY(-50%)}.y-axis .axis-tick:after{background:var(--control-border);content:"";width:3px;height:1px;position:absolute;top:0;right:-5px}.pixel-grid{aspect-ratio:1;border:1px solid var(--control-border);background:var(--background);cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;grid-area:grid;width:100%;display:grid;position:relative;overflow:hidden}.pixel-grid[data-transparent=true]{background-color:#000;background-size:100% 100%}.pixel-grid[data-transparent=false]{background:var(--canvas-background)}.clear-fade{pointer-events:none;animation:.18s ease-out forwards clear-fade;position:absolute;inset:0}.clear-cell{background:var(--foreground);position:absolute}.pixel-grid[data-transparent=true] .clear-cell{background:#fff}@keyframes clear-fade{to{opacity:0}}.pixel-cell{cursor:crosshair;background:0 0;border:0;border-radius:0;min-width:0;min-height:0;padding:0;position:relative}.pixel-cell[data-active=true]{background:var(--foreground)}.pixel-cell[data-buffer=true]:after{background:repeating-linear-gradient(-45deg,transparent 0 5px,var(--buffer-hash)5px 10px);content:"";pointer-events:none;position:absolute;inset:0}.pixel-grid[data-transparent=true] .pixel-cell[data-active=true]{background:#fff}.pixel-grid[data-transparent=true] .pixel-cell[data-buffer=true]:after{background:repeating-linear-gradient(-45deg,#0000 0 5px,#ffffff24 5px 10px)}.pixel-grid[data-transparent=true] .pixel-cell[data-active=true][data-buffer=true]:after{background:repeating-linear-gradient(-45deg,#0000 0 5px,#000 5px 10px)}.pixel-cell:focus-visible{z-index:1;outline:2px solid var(--danger);outline-offset:-2px;position:relative}.editor-meta{min-height:35px;color:var(--secondary);justify-content:space-between;align-items:center;gap:12px;padding-left:20px;font-size:13px;display:flex}.editor-notes,.danger-legend{align-items:center;display:flex}.editor-notes{gap:14px}.danger-legend{white-space:nowrap;gap:5px}.danger-swatch{aspect-ratio:1;background:repeating-linear-gradient(-45deg,transparent 0 3px,var(--buffer-hash)3px 6px);width:12px}.size-button:focus-visible,.action-button:focus-visible,.board-icon:focus-visible{outline:2px solid var(--foreground);outline-offset:3px}.size-section,.actions-section,.board{min-width:0}.actions-section{margin-top:24px}.section-label{color:var(--secondary);margin:0;font-size:13px;font-weight:400}.size-stepper{flex-direction:column;align-items:stretch;gap:8px;width:100%;margin:12px auto 0;display:flex}.size-section .section-label{text-align:center;display:block}.size-button{border:1px solid var(--control-border);background:var(--background);cursor:pointer;border-radius:6px;place-items:center;width:100%;height:40px;padding:0 0 3px;font-size:27px;font-weight:350;line-height:1;transition:background 80ms,transform 80ms;display:grid}.size-increase{order:-1}.size-decrease{order:1}.size-button:hover:not(:disabled){background:var(--hover)}.size-button:active:not(:disabled){transform:scale(.96)}.size-button:disabled{cursor:not-allowed;opacity:.28}.size-value{font-variant-numeric:tabular-nums;letter-spacing:-.07em;text-align:center;justify-content:center;align-items:center;min-height:68px;font-size:36px;font-weight:650;line-height:1;display:flex}.size-value span{color:var(--secondary);letter-spacing:0;margin:0 .18em;font-size:.42em;font-weight:400;position:relative;top:-.06em}.background-toggle{cursor:pointer;flex-shrink:0;align-items:center;gap:8px;display:flex;position:relative}.background-toggle input{opacity:0;width:1px;height:1px;position:absolute}.switch-track{border:1px solid var(--control-border);background:var(--canvas-background);border-radius:999px;flex-shrink:0;width:32px;height:18px;transition:background .1s;position:relative}.switch-track:after{background:var(--foreground);content:"";border-radius:50%;width:12px;height:12px;transition:transform .12s;position:absolute;top:2px;left:2px}.background-toggle input:checked+.switch-track{background:var(--background)}.background-toggle input:checked+.switch-track:after{transform:translate(14px)}.background-toggle input:focus-visible+.switch-track{outline:2px solid var(--foreground);outline-offset:3px}.export-actions{grid-template-columns:minmax(0,1fr);gap:8px;margin-top:12px;display:grid}.action-button{border:1px solid var(--control-border);background:var(--background);white-space:nowrap;cursor:pointer;border-radius:5px;justify-content:space-between;align-items:center;gap:5px;min-width:0;min-height:42px;padding:9px 10px;font-size:13px;display:flex;overflow:hidden}.action-button:hover:not(:disabled){background:var(--hover)}.action-button:active:not(:disabled){transform:translateY(1px)}.action-button:disabled{cursor:default;opacity:.45}.primary-action{border-color:var(--foreground);background:var(--foreground);color:var(--background)}.primary-action:hover:not(:disabled){background:var(--foreground);filter:brightness(.86)}.desktop-board-action{flex-shrink:0;min-height:32px;margin-left:auto;padding:5px 10px}.mobile-board-action{display:none}.clear-action{color:var(--danger);background:0 0;border-color:#0000}.clear-action:hover:not(:disabled){background:var(--danger);border-color:#0000}@supports (color:color-mix(in lab, red, red)){.clear-action:hover:not(:disabled){background:color-mix(in srgb,var(--danger)12%,transparent)}}.action-label{align-items:center;gap:7px;min-width:0;display:flex}.action-label svg{flex-shrink:0}.action-button kbd{color:inherit;opacity:.62;background:0 0;border:0;flex-shrink:0;padding:0;font:11px/1 system-ui,sans-serif}.board{min-height:120px}.board-status{color:var(--secondary);margin:14px 0 0;font-size:13px}.board-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.board-icon{border:1px solid var(--border);background:var(--background);min-width:0;color:var(--foreground);flex-direction:column;align-items:center;text-decoration:none;transition:border-color 80ms,background 80ms,transform 80ms;display:flex}.board-icon:hover,.board-icon:focus-visible,.board-icon[data-selected=true]{border-color:var(--foreground);background:var(--hover)}.board-icon:active{transform:scale(.96)}.board-preview{aspect-ratio:1;width:100%;padding:15%;display:block}.board-icon svg{fill:currentColor;width:100%;height:100%;display:block}.board-icon[data-popping=true]{animation:.52s cubic-bezier(.2,1.65,.45,1) both board-pop}@keyframes board-pop{0%{opacity:0;transform:scale(.35)rotate(-7deg)}62%{opacity:1;transform:scale(1.08)rotate(1.5deg)}to{opacity:1;transform:scale(1)rotate(0)}}@media (min-width:961px){html,body{height:100%;overflow:hidden}.maker{height:100svh;min-height:0;overflow:hidden}.creator{grid-template-columns:164px minmax(0,min(800px,100svh - 155px));align-self:start}.canvas{width:calc(100% + 20px);margin-top:-22px;margin-left:-20px}.canvas-heading,.editor-meta{padding-left:0}.canvas-heading{transform:translateY(-22px)}.board{height:100svh;margin-top:calc(-1*var(--top-space));overscroll-behavior:contain;scrollbar-width:thin;min-height:0;overflow-y:auto}}@media (min-width:961px) and (max-width:1600px){.maker{--top-space:64px;grid-template-columns:minmax(0,7fr) minmax(270px,3fr);width:100%;max-width:none}.creator{grid-template-columns:calc(164px + var(--logo-size))minmax(0,min(800px,calc(100svh - 155px)));justify-content:start}.sidebar{padding-left:var(--logo-size)}}@media (min-width:961px) and (max-width:1160px){.action-button kbd{display:none}}@media (max-width:960px){.maker{width:calc(100% - 28px);max-width:620px;padding:62px 0 44px;display:block}.creator{display:block}.canvas-heading{padding-left:20px}.desktop-board-action{display:none}.mobile-board-action{display:flex}.size-section{border-top:1px solid var(--border);margin-top:28px;padding-top:13px}.actions-section{border-top:1px solid var(--border);margin-top:26px;padding-top:13px}.export-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.size-stepper{flex-direction:row;justify-content:space-between;align-items:center;gap:17px;width:100%}.size-section .section-label{text-align:left}.size-increase,.size-decrease{order:initial}.size-button{flex-shrink:0;width:48px;height:48px}.size-value{min-width:140px;min-height:48px;font-size:clamp(38px,12vw,52px)}.board{border-top:1px solid var(--border);margin-top:48px;padding-top:13px}.board-grid{margin-top:0}}@media (max-width:520px){.editor-help{display:none}}@media (max-width:420px){.action-button{padding-left:7px;padding-right:7px;font-size:12px}.action-button kbd{display:none}.board-grid{gap:8px}}@media (prefers-reduced-motion:reduce){.size-button,.board-icon{transition:none}.board-icon[data-popping=true]{animation:none}.clear-fade{display:none}}.game-actions{align-items:center;gap:6px;width:100%;display:flex}.game-actions .action-button{justify-content:center;min-height:32px;padding:5px 8px}.game-actions .desktop-board-action{margin-left:auto}.board-arrow{flex-shrink:0;display:inline-flex;transform:rotate(-90deg)}.game-overlay{z-index:100;background:var(--background);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.game-controls{top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));z-index:1;background:var(--background);align-items:center;gap:10px;padding:6px;display:flex;position:absolute}.game-controls button{border:1px solid var(--control-border);background:var(--background);cursor:pointer;border-radius:5px;place-items:center;width:36px;height:36px;display:grid}.game-controls button:hover{background:var(--hover)}.game-speed{align-items:center;gap:8px;font-size:13px;display:flex}.game-speed input{width:100px;accent-color:var(--foreground)}.game-score{font-variant-numeric:tabular-nums;font-size:13px}.game-grid{aspect-ratio:1;background:var(--background);touch-action:none;width:min(100vw,100svh - 72px);display:grid}.game-cell[data-active=true]{background:var(--foreground)}.game-cell[data-food=true]{background:var(--danger)}.game-cell[data-head=true]{background:var(--secondary)}@media (max-width:960px){.game-actions{flex-wrap:wrap;justify-content:flex-start}.game-actions .action-button{flex:0 auto}.game-grid{width:min(100vw,100svh - 115px)}}@media (max-width:520px){.game-controls{gap:5px}.game-speed input{width:70px}}.game-life{color:var(--foreground);image-rendering:pixelated;animation:2s ease-in both life-appear;display:block}@keyframes life-appear{0%{opacity:0}to{opacity:1}}.snake-inline{aspect-ratio:1;grid-area:grid;width:100%;position:relative}.snake-inline .game-grid{border:1px solid var(--control-border);width:100%;height:100%}.snake-inline .game-controls{gap:4px;top:4px;right:4px}.snake-inline .game-controls button{width:30px;height:30px}@media (max-width:520px){.snake-inline .game-score{font-size:11px}.snake-inline .game-speed input{width:55px}}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}