@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-outline-style:solid;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-500:oklch(63.7% .237 25.331);--color-zinc-200:oklch(92% .004 286.32);--color-zinc-800:oklch(27.4% .006 286.033);--color-neutral-800:oklch(26.9% 0 0);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--ease-out:cubic-bezier(0,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary:#91cbf1;--color-secondary:#579fd3;--color-hint:#ff9e5e;--color-error:#ff6860;--font-inter:"Inter",sans-serif;--font-roboto:"Roboto",sans-serif;--font-barlow-semi:"Barlow Semi Condensed",sans-serif;--font-barlow:"Barlow",sans-serif;--font-kanit:"Kanit",sans-serif;--color-bg-secondary:#f6f6f6;--color-dark-bg:#07090b;--color-dark-text:#dadada;--color-splash-blue:#6bc5d1}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root{--bg:#fff;--text:#000}.dark{--bg:var(--color-dark-bg);--text:var(--color-dark-text)}html{background-color:var(--bg);color:var(--text)}}@layer components{.how-to-play-text{font-family:var(--font-roboto);color:#000;font-size:14px;font-weight:400;line-height:100%}.how-to-play-item{background-color:#fff;border-radius:10px;padding:20px}.how-to-play-text img,.text-inline-img{vertical-align:middle;width:22px;height:22px;margin-bottom:2px;display:inline-block}}@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-1\/6{top:16.6667%}.top-6{top:calc(var(--spacing)*6)}.top-\[-58px\]{top:-58px}.top-\[-70px\]{top:-70px}.top-\[25\%\]{top:25%}.right-0{right:calc(var(--spacing)*0)}.right-4{right:calc(var(--spacing)*4)}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-\[-8px\]{bottom:-8px}.left-0{left:calc(var(--spacing)*0)}.left-1\/2{left:50%}.left-4{left:calc(var(--spacing)*4)}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.z-9999{z-index:9999}.z-\[1\]{z-index:1}.z-\[9997\]{z-index:9997}.z-\[9998\]{z-index:9998}.z-\[9999\]{z-index:9999}.z-\[10000\]{z-index:10000}.z-\[99999\]{z-index:99999}.m-5{margin:calc(var(--spacing)*5)}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-6{margin-inline:calc(var(--spacing)*6)}.mx-auto{margin-inline:auto}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-2\.5{margin-top:calc(var(--spacing)*2.5)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-10{margin-top:calc(var(--spacing)*10)}.mt-\[3\%\]{margin-top:3%}.mt-\[5\%\]{margin-top:5%}.mt-\[10\%\]{margin-top:10%}.mt-\[22px\]{margin-top:22px}.mr-\[100px\]{margin-right:100px}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.mb-\[1px\]{margin-bottom:1px}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.\!size-10{width:calc(var(--spacing)*10)!important;height:calc(var(--spacing)*10)!important}.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-\[26px\]{width:26px;height:26px}.h-0{height:calc(var(--spacing)*0)}.h-10{height:calc(var(--spacing)*10)}.h-11{height:calc(var(--spacing)*11)}.h-\[1px\]{height:1px}.h-\[15px\]{height:15px}.h-\[18px\]{height:18px}.h-\[30px\]{height:30px}.h-\[34px\]{height:34px}.h-\[40px\]{height:40px}.h-\[50px\]{height:50px}.h-\[60px\]{height:60px}.h-\[150px\]{height:150px}.h-\[200px\]{height:200px}.h-\[calc\(85\%-var\(--drag\)\)\]{height:calc(85% - var(--drag))}.h-full{height:100%}.h-screen{height:100vh}.min-h-0{min-height:calc(var(--spacing)*0)}.w-10{width:calc(var(--spacing)*10)}.w-\[1px\]{width:1px}.w-\[18px\]{width:18px}.w-\[30px\]{width:30px}.w-\[40px\]{width:40px}.w-\[52\%\]{width:52%}.w-\[80\%\]{width:80%}.w-\[85\%\]{width:85%}.w-\[250px\]{width:250px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.w-screen{width:100vw}.max-w-\[40px\]{max-width:40px}.max-w-\[120px\]{max-width:120px}.max-w-\[300px\]{max-width:300px}.max-w-\[400px\]{max-width:400px}.max-w-\[500px\]{max-width:500px}.min-w-\[40px\]{min-width:40px}.min-w-\[224px\]{min-width:224px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-x-\[40\%\]{--tw-translate-x: -40% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-0{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-10{--tw-translate-y:calc(var(--spacing)*10);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[-20px\]{--tw-translate-y:-20px;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-full{--tw-translate-y:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.rotate-0{rotate:none}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-\[10px\]{gap:10px}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2.5)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-1{column-gap:calc(var(--spacing)*1)}.gap-x-2{column-gap:calc(var(--spacing)*2)}.gap-x-2\.5{column-gap:calc(var(--spacing)*2.5)}.gap-x-5{column-gap:calc(var(--spacing)*5)}.gap-y-2{row-gap:calc(var(--spacing)*2)}.gap-y-2\.5{row-gap:calc(var(--spacing)*2.5)}.gap-y-4{row-gap:calc(var(--spacing)*4)}.gap-y-5{row-gap:calc(var(--spacing)*5)}.gap-y-6{row-gap:calc(var(--spacing)*6)}.gap-y-9{row-gap:calc(var(--spacing)*9)}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.\!rounded-xl{border-radius:var(--radius-xl)!important}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-4xl{border-radius:var(--radius-4xl)}.rounded-\[10px\]{border-radius:10px}.rounded-\[14px\]{border-radius:14px}.rounded-\[18px\]{border-radius:18px}.rounded-\[30px\]{border-radius:30px}.rounded-\[48px\]{border-radius:48px}.rounded-full{border-radius:3.40282e38px}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-\[6px\]{border-top-left-radius:6px;border-top-right-radius:6px}.rounded-t-\[30px\]{border-top-left-radius:30px;border-top-right-radius:30px}.\!border{border-style:var(--tw-border-style)!important;border-width:1px!important}.\!border-\[1\.5px\]{border-style:var(--tw-border-style)!important;border-width:1.5px!important}.border{border-style:var(--tw-border-style);border-width:1px}.border\!{border-style:var(--tw-border-style)!important;border-width:1px!important}.border-3{border-style:var(--tw-border-style);border-width:3px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\!border-\[\#A3A9B026\]{border-color:#a3a9b026!important}.\!border-\[\#C0C7CD\]{border-color:#c0c7cd!important}.\!border-secondary{border-color:var(--color-secondary)!important}.border-\[\#707070\]{border-color:#707070}.border-\[\#C0C7CD\]{border-color:#c0c7cd}.border-\[\#D9D9D9\]{border-color:#d9d9d9}.border-black{border-color:var(--color-black)}.border-error{border-color:var(--color-error)}.border-hint\!{border-color:var(--color-hint)!important}.border-primary{border-color:var(--color-primary)}.border-secondary\!{border-color:var(--color-secondary)!important}.border-transparent{border-color:#0000}.border-t-transparent{border-top-color:#0000}.\!bg-secondary{background-color:var(--color-secondary)!important}.\!bg-transparent{background-color:#0000!important}.bg-\[\#075EC1\]{background-color:#075ec1}.bg-\[\#0076FF\]\!{background-color:#0076ff!important}.bg-\[\#C0C7CD\]\!{background-color:#c0c7cd!important}.bg-\[\#D9D9D9\]{background-color:#d9d9d9}.bg-\[\#ECF1F7\]{background-color:#ecf1f7}.bg-\[\#F6F6F6\]{background-color:#f6f6f6}.bg-bg-secondary{background-color:var(--color-bg-secondary)}.bg-black{background-color:var(--color-black)}.bg-black\!{background-color:var(--color-black)!important}.bg-black\/5{background-color:#0000000d}@supports (color:color-mix(in lab,red,red)){.bg-black\/5{background-color:color-mix(in oklab,var(--color-black)5%,transparent)}}.bg-black\/20{background-color:#0003}@supports (color:color-mix(in lab,red,red)){.bg-black\/20{background-color:color-mix(in oklab,var(--color-black)20%,transparent)}}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab,red,red)){.bg-black\/40{background-color:color-mix(in oklab,var(--color-black)40%,transparent)}}.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-black\/70{background-color:#000000b3}@supports (color:color-mix(in lab,red,red)){.bg-black\/70{background-color:color-mix(in oklab,var(--color-black)70%,transparent)}}.bg-primary{background-color:var(--color-primary)}.bg-primary\!{background-color:var(--color-primary)!important}.bg-primary\/70{background-color:#91cbf1b3}@supports (color:color-mix(in lab,red,red)){.bg-primary\/70{background-color:color-mix(in oklab,var(--color-primary)70%,transparent)}}.bg-red-500{background-color:var(--color-red-500)}.bg-splash-blue{background-color:var(--color-splash-blue)}.bg-transparent{background-color:#0000}.bg-transparent\!{background-color:#0000!important}.bg-white{background-color:var(--color-white)}.bg-zinc-200{background-color:var(--color-zinc-200)}.bg-cover{background-size:cover}.bg-center{background-position:50%}.bg-no-repeat{background-repeat:no-repeat}.p-3{padding:calc(var(--spacing)*3)}.p-5{padding:calc(var(--spacing)*5)}.p-8{padding:calc(var(--spacing)*8)}.\!px-4{padding-inline:calc(var(--spacing)*4)!important}.\!px-8{padding-inline:calc(var(--spacing)*8)!important}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-4\!{padding-inline:calc(var(--spacing)*4)!important}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-\[14px\]{padding-inline:14px}.px-\[26px\]{padding-inline:26px}.px-\[26px\]\!{padding-inline:26px!important}.\!py-0{padding-block:calc(var(--spacing)*0)!important}.\!py-4{padding-block:calc(var(--spacing)*4)!important}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-4\!{padding-block:calc(var(--spacing)*4)!important}.py-5{padding-block:calc(var(--spacing)*5)}.py-6{padding-block:calc(var(--spacing)*6)}.py-\[2px\]{padding-block:2px}.py-\[18px\]{padding-block:18px}.py-\[30px\]{padding-block:30px}.pt-4\.5{padding-top:calc(var(--spacing)*4.5)}.pt-5{padding-top:calc(var(--spacing)*5)}.pt-\[18px\]{padding-top:18px}.pt-\[30px\]{padding-top:30px}.pb-1{padding-bottom:calc(var(--spacing)*1)}.pb-1\.5{padding-bottom:calc(var(--spacing)*1.5)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-2\.5{padding-bottom:calc(var(--spacing)*2.5)}.pb-5{padding-bottom:calc(var(--spacing)*5)}.pb-8{padding-bottom:calc(var(--spacing)*8)}.pb-10{padding-bottom:calc(var(--spacing)*10)}.pb-\[30px\]{padding-bottom:30px}.text-center{text-align:center}.font-barlow{font-family:var(--font-barlow)}.font-barlow-semi{font-family:var(--font-barlow-semi)}.font-inter{font-family:var(--font-inter)}.font-kanit{font-family:var(--font-kanit)}.font-roboto{font-family:var(--font-roboto)}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--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-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[20px\]{font-size:20px}.text-\[22px\]{font-size:22px}.text-\[26px\]{font-size:26px}.text-\[40px\]{font-size:40px}.text-\[42px\]{font-size:42px}.text-\[46px\]{font-size:46px}.text-\[50px\]{font-size:50px}.leading-\[120\%\]{--tw-leading:120%;line-height:120%}.leading-\[140\%\]{--tw-leading:140%;line-height:140%}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.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)}.whitespace-nowrap{white-space:nowrap}.text-\[\#0A0E12\]{color:#0a0e12}.text-\[\#4A4E52\]{color:#4a4e52}.text-\[\#202224\]{color:#202224}.text-\[\#435660\]{color:#435660}.text-\[\#555555\]{color:#555}.text-\[\#A7A7A7\]{color:#a7a7a7}.text-\[\#ACACAC\]{color:#acacac}.text-black{color:var(--color-black)}.text-hint{color:var(--color-hint)}.text-hint\!{color:var(--color-hint)!important}.text-secondary{color:var(--color-secondary)}.text-white{color:var(--color-white)}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-\[0\.28\]{opacity:.28}.opacity-\[0\.38\]{opacity:.38}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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-\[height\]{transition-property:height;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-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))}.transition-none{transition-property:none}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media not all and (min-width:1000px){.max-\[1000px\]\:mt-\[7\%\]{margin-top:7%}.max-\[1000px\]\:mt-\[10\%\]{margin-top:10%}.max-\[1000px\]\:mt-\[20\%\]{margin-top:20%}}@media not all and (min-width:768px){.max-\[768px\]\:h-\[24px\]{height:24px}.max-\[768px\]\:w-\[28px\]{width:28px}}@media not all and (min-width:700px){.max-\[700px\]\:mt-\[10\%\]{margin-top:10%}.max-\[700px\]\:mt-\[20\%\]{margin-top:20%}.max-\[700px\]\:mt-\[30\%\]{margin-top:30%}}@media not all and (min-width:500px){.max-\[500px\]\:flex{display:flex}}@media(min-width:500px){.min-\[500px\]\:top-1\/2{top:50%}.min-\[500px\]\:flex{display:flex}.min-\[500px\]\:hidden{display:none}.min-\[500px\]\:h-\[60px\]{height:60px}.min-\[500px\]\:-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.min-\[500px\]\:rounded-\[30px\]{border-radius:30px}}@media(min-width:48rem){.md\:text-\[80px\]{font-size:80px}}.dark\:block:where(.dark,.dark *){display:block}.dark\:hidden:where(.dark,.dark *){display:none}.dark\:border:where(.dark,.dark *){border-style:var(--tw-border-style);border-width:1px}.dark\:border\!:where(.dark,.dark *){border-style:var(--tw-border-style)!important;border-width:1px!important}.dark\:border-\[\#181F25\]:where(.dark,.dark *){border-color:#181f25}.dark\:border-\[\#353E45\]:where(.dark,.dark *){border-color:#353e45}.dark\:border-\[\#353E45\]\!:where(.dark,.dark *),.dark\:border-\[\#353e45\]\!:where(.dark,.dark *){border-color:#353e45!important}.dark\:border-dark-text:where(.dark,.dark *){border-color:var(--color-dark-text)}.dark\:bg-\[\#0E1113\]:where(.dark,.dark *){background-color:#0e1113}.dark\:bg-\[\#0E1113\]\!:where(.dark,.dark *),.dark\:bg-\[\#0e1113\]\!:where(.dark,.dark *){background-color:#0e1113!important}.dark\:bg-\[\#181F25\]:where(.dark,.dark *){background-color:#181f25}.dark\:bg-\[\#181F25\]\!:where(.dark,.dark *){background-color:#181f25!important}.dark\:bg-black\/50:where(.dark,.dark *){background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.dark\:bg-black\/50:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.dark\:bg-dark-bg:where(.dark,.dark *){background-color:var(--color-dark-bg)}.dark\:bg-dark-bg\/60:where(.dark,.dark *){background-color:#07090b99}@supports (color:color-mix(in lab,red,red)){.dark\:bg-dark-bg\/60:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-dark-bg)60%,transparent)}}.dark\:bg-neutral-800:where(.dark,.dark *){background-color:var(--color-neutral-800)}.dark\:bg-zinc-800:where(.dark,.dark *){background-color:var(--color-zinc-800)}.dark\:text-\[\#545454\]:where(.dark,.dark *){color:#545454}.dark\:text-dark-text:where(.dark,.dark *){color:var(--color-dark-text)}}*{box-sizing:border-box}:root{color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,Avenir,Arial,sans-serif;font-weight:400;line-height:1.5}html,body{height:100%;overflow:hidden}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{justify-content:center;place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;border:none;outline:none;padding:0}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}.summary-line{width:1px;height:67px}.summary-line.disable{background:transparent}.summary-line.active{background:linear-gradient(to bottom,#d1d1d1,#d1d1d100)}.dark .summary-line.active{background:linear-gradient(to bottom,#ffffff80,#fff0)}.puzzle-grid{display:grid;gap:0;background-color:#fff;border:1px solid #ccc;position:relative}.generated-cell img{border-radius:12px}.generated-cell,.generated-vertical-line,.generated-horizontal-line,.generated-intersection,.generated-filler{position:relative;display:flex;justify-content:center;align-items:center}.generated-intersection{position:absolute;z-index:2}.generated-cell{cursor:pointer;padding:12px;transition:background-color .2s ease-in;position:relative}.generated-cell.shake{animation:shake .3s ease-in-out}.generated-cell.fill{background-color:#f1f4f7}.generated-cell.highlight{border:2px solid var(--color-hint);z-index:20;background-color:#fff}.generated-cell.related{z-index:20;border:1px solid #c0c7cd;background-color:#f1f4f7}.generated-cell.invalid:after{content:"";position:absolute;background-image:url(https://static.bundle.app/games/duo/icons/board/invalid.png);inset:0;margin:4px;z-index:2}.generated-cell img{width:100%;height:100%;object-fit:contain;z-index:3}.generated-vertical-line{position:absolute;z-index:2;pointer-events:none}.generated-vertical-line:before{content:"";position:absolute;left:50%;width:1px;height:100%;background:#ccc}.generated-vertical-line img{position:absolute;width:25%;height:25%;top:50%;left:50%;transform:translate(-50%,-50%)}.generated-horizontal-line{position:absolute;z-index:2;pointer-events:none}.generated-horizontal-line:before{content:"";position:absolute;top:50%;height:1px;width:100%;background:#ccc}.generated-horizontal-line img{position:absolute;width:25%;height:25%;top:50%;left:50%;transform:translate(-50%,-50%)}.generated-intersection:before{content:"";position:absolute;width:1px;height:100%;background:#ccc;left:50%}.generated-intersection:after{content:"";position:absolute;width:100%;height:1px;background:#ccc;top:50%}.generated-filler{background:#fff}.gen-control-button{padding:8px 12px;font-size:14px;cursor:pointer;border:1px solid #ccc;background-color:#f9f9f9;border-radius:20px;font-weight:600;transition:background-color .2s,border-color .2s;display:flex;align-items:center;gap:6px;color:#000}.gen-control-button:hover{background-color:#e0e0e0;border-color:#888}.gen-control-button:active{background-color:#d0d0d0}.gen-control-button.disabled{opacity:.5;cursor:not-allowed}.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@keyframes hintFill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-2px,2px)}50%{transform:translate(2px,-2px)}75%{transform:translate(-2px,-2px)}}.hint-progress{position:absolute;left:0;top:0;bottom:0;width:100%;transform-origin:left;transform:scaleX(0);pointer-events:none}.hint-progress-outline{background:currentColor;opacity:.15}.hint-progress-contained{background:#ffffff59;opacity:.25}.hint-progress-anim{animation:hintFill var(--hint-duration, 1s) linear forwards}.generated-vertical-line:before,.generated-horizontal-line:before,.generated-intersection:before,.generated-intersection:after{background:#ccc}.dark .generated-vertical-line:before,.dark .generated-horizontal-line:before,.dark .generated-intersection:before,.dark .generated-intersection:after{background:#353e45}.dark .generated-cell.highlight{background-color:#0e1113}.dark .generated-cell.related{border:none;background-color:#181f25}