@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-divide-y-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-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-content:""}}}@layer theme{:root,:host{--font-sans:var(--font-body), ui-sans-serif, system-ui, sans-serif;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-xl:36rem;--container-3xl:48rem;--container-5xl:64rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: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);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-normal:0em;--tracking-wide:.025em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-xl:.75rem;--radius-2xl:1rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--blur-md:12px;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-body), ui-sans-serif, system-ui, sans-serif;--default-mono-font-family:ui-monospace, SFMono-Regular, Menlo, monospace;--font-display:var(--font-display), ui-rounded, "Trebuchet MS", sans-serif;--radius-tile:var(--radius-tile);--radius-key:var(--radius-key);--radius-card:var(--radius-card);--shadow-ambient:var(--shadow-ambient);--shadow-lift:var(--shadow-lift)}}@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;-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: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}html{-webkit-text-size-adjust:100%;touch-action:manipulation}body{background-color:var(--paper);color:var(--ink);font-family:var(--font-sans);overscroll-behavior-y:none}.font-display{letter-spacing:-.015em;line-height:1.08}:focus-visible{outline:3px solid var(--brand);outline-offset:2px;border-radius:6px}::selection{background:var(--brand-soft);color:var(--ink)}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.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}.sticky{position:sticky}.-inset-1{inset:calc(var(--spacing) * -1)}.-inset-3{inset:calc(var(--spacing) * -3)}.inset-0{inset:0}.inset-\[var\(--cell-pad\)\]{inset:var(--cell-pad)}.inset-x-0{inset-inline:0}.-top-3{top:calc(var(--spacing) * -3)}.top-0{top:0}.top-1{top:var(--spacing)}.top-1\/3{top:33.3333%}.top-2{top:calc(var(--spacing) * 2)}.top-4{top:calc(var(--spacing) * 4)}.top-\[14\%\]{top:14%}.top-\[16\%\]{top:16%}.-right-3{right:calc(var(--spacing) * -3)}.-right-\[0\.7em\]{right:-.7em}.right-1{right:var(--spacing)}.right-4{right:calc(var(--spacing) * 4)}.right-\[18\%\]{right:18%}.-bottom-5{bottom:calc(var(--spacing) * -5)}.-bottom-\[0\.46em\]{bottom:-.46em}.bottom-0{bottom:0}.bottom-\[34\%\]{bottom:34%}.left-1{left:var(--spacing)}.left-\[-9999px\]{left:-9999px}.left-\[1\.75rem\]{left:1.75rem}.left-\[18\%\]{left:18%}.-z-10{z-index:calc(10 * -1)}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-auto{margin:auto}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.-mx-3{margin-inline:calc(var(--spacing) * -3)}.-mx-4{margin-inline:calc(var(--spacing) * -4)}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-3\.5{margin-top:calc(var(--spacing) * 3.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-7{margin-top:calc(var(--spacing) * 7)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-9{margin-top:calc(var(--spacing) * 9)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-auto{margin-top:auto}.mr-0\.5{margin-right:calc(var(--spacing) * .5)}.mb-1{margin-bottom:var(--spacing)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.ml-1{margin-left:var(--spacing)}.ml-1\.5{margin-left:calc(var(--spacing) * 1.5)}.ml-2{margin-left:calc(var(--spacing) * 2)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.size-1\.5{width:calc(var(--spacing) * 1.5);height:calc(var(--spacing) * 1.5)}.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.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)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.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-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-24{width:calc(var(--spacing) * 24);height:calc(var(--spacing) * 24)}.size-\[0\.6rem\]{width:.6rem;height:.6rem}.size-\[0\.68rem\]{width:.68rem;height:.68rem}.size-\[0\.95rem\]{width:.95rem;height:.95rem}.size-\[1\.05rem\]{width:1.05rem;height:1.05rem}.size-\[1\.15rem\]{width:1.15rem;height:1.15rem}.size-\[1\.25rem\]{width:1.25rem;height:1.25rem}.size-\[1\.35rem\]{width:1.35rem;height:1.35rem}.size-\[2\.1rem\]{width:2.1rem;height:2.1rem}.size-\[2\.3rem\]{width:2.3rem;height:2.3rem}.size-\[2\.6rem\]{width:2.6rem;height:2.6rem}.size-\[3\.1rem\]{width:3.1rem;height:3.1rem}.size-\[22\%\]{width:22%;height:22%}.size-\[26\%\]{width:26%;height:26%}.size-\[62\%\]{width:62%;height:62%}.size-\[clamp\(2\.6rem\,13vw\,3\.4rem\)\]{width:clamp(2.6rem,13vw,3.4rem);height:clamp(2.6rem,13vw,3.4rem)}.size-\[var\(--cell-size\)\]{width:var(--cell-size);height:var(--cell-size)}.size-\[var\(--tile-size\)\]{width:var(--tile-size);height:var(--tile-size)}.size-full{width:100%;height:100%}.h-0{height:0}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-\[2\.1rem\]{height:2.1rem}.h-\[2\.9rem\]{height:2.9rem}.h-\[3\.9rem\]{height:3.9rem}.h-\[38\%\]{height:38%}.h-\[var\(--key-height\)\]{height:var(--key-height)}.h-full{height:100%}.max-h-\[85dvh\]{max-height:85dvh}.min-h-0{min-height:0}.min-h-\[1\.1rem\]{min-height:1.1rem}.min-h-\[1\.2rem\]{min-height:1.2rem}.min-h-\[2\.4em\]{min-height:2.4em}.min-h-\[100px\]{min-height:100px}.min-h-\[250px\]{min-height:250px}.min-h-\[calc\(100dvh-var\(--header-h\)\)\]{min-height:calc(100dvh - var(--header-h))}.min-h-dvh{min-height:100dvh}.min-h-full{min-height:100%}.w-0{width:0}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-8{width:calc(var(--spacing) * 8)}.w-12{width:calc(var(--spacing) * 12)}.w-\[0\.85rem\]{width:.85rem}.w-\[1\.6rem\]{width:1.6rem}.w-\[3\%\]{width:3%}.w-\[17\.5rem\]{width:17.5rem}.w-\[min\(29rem\,calc\(100vw-1\.5rem\)\)\]{width:min(29rem,100vw - 1.5rem)}.w-full{width:100%}.max-w-3xl{max-width:var(--container-3xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-\[15rem\]{max-width:15rem}.max-w-\[17rem\]{max-width:17rem}.max-w-\[24rem\]{max-width:24rem}.max-w-\[26rem\]{max-width:26rem}.max-w-\[28rem\]{max-width:28rem}.max-w-\[30rem\]{max-width:30rem}.max-w-\[34rem\]{max-width:34rem}.max-w-\[40rem\]{max-width:40rem}.max-w-\[44rem\]{max-width:44rem}.max-w-\[336px\]{max-width:336px}.max-w-\[var\(--kbd-width\)\]{max-width:var(--kbd-width)}.max-w-\[var\(--sud-board\)\]{max-width:var(--sud-board)}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:0}.min-w-9{min-width:calc(var(--spacing) * 9)}.min-w-10{min-width:calc(var(--spacing) * 10)}.min-w-\[1\.75rem\]{min-width:1.75rem}.min-w-\[20rem\]{min-width:20rem}.min-w-\[22rem\]{min-width:22rem}.flex-1{flex:1}.flex-\[1\.55\]{flex:1.55}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.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-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.content-center{align-content:center}.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-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.justify-items-center{justify-items:center}.gap-0\.5{gap:calc(var(--spacing) * .5)}.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-3\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-\[0\.1rem\]{gap:.1rem}.gap-\[calc\(var\(--key-gap\)\+var\(--key-lip\)\)\]{gap:calc(var(--key-gap) + var(--key-lip))}.gap-\[calc\(var\(--q-gap\)\+var\(--q-lip\)\)\]{gap:calc(var(--q-gap) + var(--q-lip))}.gap-\[var\(--cell-gap\)\]{gap:var(--cell-gap)}.gap-\[var\(--key-gap\)\]{gap:var(--key-gap)}.gap-\[var\(--sud-key-gap\)\]{gap:var(--sud-key-gap)}.gap-\[var\(--tile-gap\)\]{gap:var(--tile-gap)}.gap-x-1\.5{column-gap:calc(var(--spacing) * 1.5)}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-2\.5{column-gap:calc(var(--spacing) * 2.5)}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-x-\[var\(--tile-gap\)\]{column-gap:var(--tile-gap)}.gap-y-0\.5{row-gap:calc(var(--spacing) * .5)}.gap-y-1{row-gap:var(--spacing)}.gap-y-\[calc\(var\(--tile-gap\)\+var\(--tile-lip\)\)\]{row-gap:calc(var(--tile-gap) + var(--tile-lip))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-border-base>:not(:last-child)){border-color:var(--border)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[2rem\]{border-radius:2rem}.rounded-\[3px\]{border-radius:3px}.rounded-\[4px\]{border-radius:4px}.rounded-\[5px\]{border-radius:5px}.rounded-\[6px\]{border-radius:6px}.rounded-\[7px\]{border-radius:7px}.rounded-\[calc\(var\(--radius-tile\)\+0\.25rem\)\]{border-radius:calc(var(--radius-tile) + .25rem)}.rounded-\[calc\(var\(--radius-tile\)\+0\.75rem\)\]{border-radius:calc(var(--radius-tile) + .75rem)}.rounded-\[var\(--radius-card\)\]{border-radius:var(--radius-card)}.rounded-\[var\(--radius-key\)\]{border-radius:var(--radius-key)}.rounded-\[var\(--radius-pill\)\]{border-radius:var(--radius-pill)}.rounded-\[var\(--radius-tile\)\]{border-radius:var(--radius-tile)}.rounded-full{border-radius:3.40282e38px}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-\[0\.3rem\]{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.rounded-b-\[0\.42rem\]{border-bottom-right-radius:.42rem;border-bottom-left-radius:.42rem}.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-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-border-base{border-color:var(--border)}.border-border-strong{border-color:var(--border-strong)}.border-correct{border-color:var(--correct)}.bg-brand{background-color:var(--brand)}.bg-brand-soft{background-color:var(--brand-soft)}.bg-card,.bg-card\/40{background-color:var(--card)}@supports (color:color-mix(in lab, red, red)){.bg-card\/40{background-color:color-mix(in oklab, var(--card) 40%, transparent)}}.bg-card\/50{background-color:var(--card)}@supports (color:color-mix(in lab, red, red)){.bg-card\/50{background-color:color-mix(in oklab, var(--card) 50%, transparent)}}.bg-card\/60{background-color:var(--card)}@supports (color:color-mix(in lab, red, red)){.bg-card\/60{background-color:color-mix(in oklab, var(--card) 60%, transparent)}}.bg-card\/70{background-color:var(--card)}@supports (color:color-mix(in lab, red, red)){.bg-card\/70{background-color:color-mix(in oklab, var(--card) 70%, transparent)}}.bg-correct{background-color:var(--correct)}.bg-danger{background-color:var(--danger)}.bg-ink{background-color:var(--ink)}.bg-inset{background-color:var(--inset)}.bg-paper\/70{background-color:var(--paper)}@supports (color:color-mix(in lab, red, red)){.bg-paper\/70{background-color:color-mix(in oklab, var(--paper) 70%, transparent)}}.bg-paper\/75{background-color:var(--paper)}@supports (color:color-mix(in lab, red, red)){.bg-paper\/75{background-color:color-mix(in oklab, var(--paper) 75%, transparent)}}.bg-paper\/80{background-color:var(--paper)}@supports (color:color-mix(in lab, red, red)){.bg-paper\/80{background-color:color-mix(in oklab, var(--paper) 80%, transparent)}}.bg-sunken{background-color:var(--sunken)}.bg-white{background-color:var(--color-white)}.p-0{padding:0}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:var(--spacing)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-3\.5{padding:calc(var(--spacing) * 3.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-\[0\.1rem\]{padding:.1rem}.p-\[var\(--cell-pad\)\]{padding:var(--cell-pad)}.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-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.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-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-7{padding-block:calc(var(--spacing) * 7)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-9{padding-block:calc(var(--spacing) * 9)}.py-16{padding-block:calc(var(--spacing) * 16)}.pt-1{padding-top:var(--spacing)}.pt-1\.5{padding-top:calc(var(--spacing) * 1.5)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-9{padding-top:calc(var(--spacing) * 9)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pb-1{padding-bottom:var(--spacing)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-\[var\(--key-lip\)\]{padding-bottom:var(--key-lip)}.pl-5{padding-left:calc(var(--spacing) * 5)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-display{font-family:var(--font-display), ui-rounded, "Trebuchet MS", sans-serif}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.font-sans{font-family:var(--font-body), ui-sans-serif, system-ui, sans-serif}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-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-\[0\.4em\]{font-size:.4em}.text-\[0\.5rem\]{font-size:.5rem}.text-\[0\.7rem\]{font-size:.7rem}.text-\[0\.8rem\]{font-size:.8rem}.text-\[0\.9rem\]{font-size:.9rem}.text-\[0\.62rem\]{font-size:.62rem}.text-\[0\.66rem\]{font-size:.66rem}.text-\[0\.68rem\]{font-size:.68rem}.text-\[0\.72rem\]{font-size:.72rem}.text-\[0\.74rem\]{font-size:.74rem}.text-\[0\.75rem\]{font-size:.75rem}.text-\[0\.76rem\]{font-size:.76rem}.text-\[0\.78rem\]{font-size:.78rem}.text-\[0\.82rem\]{font-size:.82rem}.text-\[0\.84rem\]{font-size:.84rem}.text-\[0\.85rem\]{font-size:.85rem}.text-\[0\.86rem\]{font-size:.86rem}.text-\[0\.88rem\]{font-size:.88rem}.text-\[0\.92rem\]{font-size:.92rem}.text-\[0\.95rem\]{font-size:.95rem}.text-\[0\.97rem\]{font-size:.97rem}.text-\[0\.98rem\]{font-size:.98rem}.text-\[1\.1rem\]{font-size:1.1rem}.text-\[1\.02rem\]{font-size:1.02rem}.text-\[1\.2rem\]{font-size:1.2rem}.text-\[1\.3rem\]{font-size:1.3rem}.text-\[1\.4rem\]{font-size:1.4rem}.text-\[1\.05rem\]{font-size:1.05rem}.text-\[1\.5rem\]{font-size:1.5rem}.text-\[1\.6rem\]{font-size:1.6rem}.text-\[1\.7rem\]{font-size:1.7rem}.text-\[1\.08rem\]{font-size:1.08rem}.text-\[1\.9rem\]{font-size:1.9rem}.text-\[1\.15rem\]{font-size:1.15rem}.text-\[1\.25rem\]{font-size:1.25rem}.text-\[1\.35rem\]{font-size:1.35rem}.text-\[1\.45rem\]{font-size:1.45rem}.text-\[1\.65rem\]{font-size:1.65rem}.text-\[1\.75rem\]{font-size:1.75rem}.text-\[1\.95rem\]{font-size:1.95rem}.text-\[1rem\]{font-size:1rem}.text-\[2\.1rem\]{font-size:2.1rem}.text-\[2\.3rem\]{font-size:2.3rem}.text-\[calc\(var\(--tile-size\)\*0\.54\)\]{font-size:calc(var(--tile-size) * .54)}.text-\[clamp\(0\.9rem\,3\.4vw\,1\.15rem\)\]{font-size:clamp(.9rem,3.4vw,1.15rem)}.text-\[clamp\(0\.66rem\,2\.2vw\,0\.82rem\)\]{font-size:clamp(.66rem,2.2vw,.82rem)}.text-\[clamp\(0\.68rem\,2\.4vw\,0\.86rem\)\]{font-size:clamp(.68rem,2.4vw,.86rem)}.text-\[clamp\(0\.74rem\,2\.6vw\,0\.95rem\)\]{font-size:clamp(.74rem,2.6vw,.95rem)}.text-\[clamp\(1\.3rem\,6vw\,1\.75rem\)\]{font-size:clamp(1.3rem,6vw,1.75rem)}.text-\[clamp\(1\.3rem\,7vw\,2rem\)\]{font-size:clamp(1.3rem,7vw,2rem)}.text-\[clamp\(1\.4rem\,7vw\,2\.1rem\)\]{font-size:clamp(1.4rem,7vw,2.1rem)}.text-\[clamp\(1\.4rem\,7vw\,2rem\)\]{font-size:clamp(1.4rem,7vw,2rem)}.text-\[clamp\(1\.5rem\,7\.5vw\,2rem\)\]{font-size:clamp(1.5rem,7.5vw,2rem)}.text-\[clamp\(1\.5rem\,7vw\,2\.1rem\)\]{font-size:clamp(1.5rem,7vw,2.1rem)}.text-\[clamp\(1\.6rem\,9vw\,2\.4rem\)\]{font-size:clamp(1.6rem,9vw,2.4rem)}.leading-\[1\.06\]{--tw-leading:1.06;line-height:1.06}.leading-\[1\.12\]{--tw-leading:1.12;line-height:1.12}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-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-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.1em\]{--tw-tracking:.1em;letter-spacing:.1em}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.text-balance{text-wrap:balance}.text-\[var\(--hue-mint\)\]{color:var(--hue-mint)}.text-brand{color:var(--brand)}.text-correct{color:var(--correct)}.text-danger{color:var(--danger)}.text-ink{color:var(--ink)}.text-ink-faint{color:var(--ink-faint)}.text-ink-muted{color:var(--ink-muted)}.text-on-accent{color:var(--on-accent)}.text-paper{color:var(--paper)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.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{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-85{opacity:.85}.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_2px_0_0_color-mix\(in_oklab\,var\(--brand\)_70\%\,\#1a1030\)\]{--tw-shadow:0 2px 0 0 var(--tw-shadow-color,var(--brand))}@supports (color:color-mix(in lab, red, red)){.shadow-\[0_2px_0_0_color-mix\(in_oklab\,var\(--brand\)_70\%\,\#1a1030\)\]{--tw-shadow:0 2px 0 0 var(--tw-shadow-color,color-mix(in oklab,var(--brand) 70%,#1a1030))}}.shadow-\[0_2px_0_0_color-mix\(in_oklab\,var\(--brand\)_70\%\,\#1a1030\)\]{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_2px_0_0_color-mix\(in_oklab\,var\(--card\)_82\%\,var\(--ink\)\)\]{--tw-shadow:0 2px 0 0 var(--tw-shadow-color,var(--card))}@supports (color:color-mix(in lab, red, red)){.shadow-\[0_2px_0_0_color-mix\(in_oklab\,var\(--card\)_82\%\,var\(--ink\)\)\]{--tw-shadow:0 2px 0 0 var(--tw-shadow-color,color-mix(in oklab,var(--card) 82%,var(--ink)))}}.shadow-\[0_2px_0_0_color-mix\(in_oklab\,var\(--card\)_82\%\,var\(--ink\)\)\]{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_2px_0_0_color-mix\(in_oklab\,white_62\%\,var\(--ink\)\)\]{--tw-shadow:0 2px 0 0 var(--tw-shadow-color,white)}@supports (color:color-mix(in lab, red, red)){.shadow-\[0_2px_0_0_color-mix\(in_oklab\,white_62\%\,var\(--ink\)\)\]{--tw-shadow:0 2px 0 0 var(--tw-shadow-color,color-mix(in oklab,white 62%,var(--ink)))}}.shadow-\[0_2px_0_0_color-mix\(in_oklab\,white_62\%\,var\(--ink\)\)\]{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_2px_0_0_var\(--border-strong\)\]{--tw-shadow:0 2px 0 0 var(--tw-shadow-color,var(--border-strong));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_2px_0_0_var\(--chip-lip\)\]{--tw-shadow:0 2px 0 0 var(--tw-shadow-color,var(--chip-lip));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_2px_0_0_var\(--inset\)\]{--tw-shadow:inset 0 2px 0 0 var(--tw-shadow-color,var(--inset));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_3px_0_0_color-mix\(in_oklab\,var\(--inset\)_72\%\,var\(--ink\)\)\]{--tw-shadow:inset 0 3px 0 0 var(--tw-shadow-color,var(--inset))}@supports (color:color-mix(in lab, red, red)){.shadow-\[inset_0_3px_0_0_color-mix\(in_oklab\,var\(--inset\)_72\%\,var\(--ink\)\)\]{--tw-shadow:inset 0 3px 0 0 var(--tw-shadow-color,color-mix(in oklab,var(--inset) 72%,var(--ink)))}}.shadow-\[inset_0_3px_0_0_color-mix\(in_oklab\,var\(--inset\)_72\%\,var\(--ink\)\)\]{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_3px_0_0_var\(--tile-well\)\,inset_0_-1px_0_0_var\(--tile-rim\)\]{--tw-shadow:inset 0 3px 0 0 var(--tw-shadow-color,var(--tile-well)), inset 0 -1px 0 0 var(--tw-shadow-color,var(--tile-rim));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_3px_0_0_var\(--tray-edge\)\,var\(--shadow-ambient\)\]{--tw-shadow:inset 0 3px 0 0 var(--tw-shadow-color,var(--tray-edge)), var(--shadow-ambient);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_3px_0_0_var\(--well\)\,inset_0_-1px_0_0_var\(--rim\)\]{--tw-shadow:inset 0 3px 0 0 var(--tw-shadow-color,var(--well)), inset 0 -1px 0 0 var(--tw-shadow-color,var(--rim));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[var\(--shadow-ambient\)\]{--tw-shadow:var(--shadow-ambient);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[var\(--shadow-lift\)\]{--tw-shadow:var(--shadow-lift);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-brand-ring{--tw-ring-color:var(--brand-ring)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-2{outline-style:var(--tw-outline-style);outline-width:2px}.outline-brand{outline-color:var(--brand)}.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,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-\[3px\]{--tw-backdrop-blur:blur(3px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.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-\[background-color\,color\,transform\]{transition-property:background-color,color,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,color\]{transition-property:background-color,color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\,background-color\]{transition-property:color,background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[left\]{transition-property:left;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[transform\,color\,background-color\]{transition-property:transform,color,background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[transform\,color\]{transition-property:transform,color;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))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-\[var\(--ease-out\)\]{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.ease-\[var\(--spring\)\]{--tw-ease:var(--spring);transition-timing-function:var(--spring)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.select-all{-webkit-user-select:all;user-select:all}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.group-hover\:translate-x-0\.5:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:-rotate-6:is(:where(.group):hover *){rotate:-6deg}.group-hover\:text-brand:is(:where(.group):hover *){color:var(--brand)}}.placeholder\:tracking-normal::placeholder{--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.placeholder\:text-ink-faint::placeholder{color:var(--ink-faint)}.backdrop\:bg-\[color-mix\(in_oklab\,var\(--ink\)_58\%\,transparent\)\]::backdrop{background-color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.backdrop\:bg-\[color-mix\(in_oklab\,var\(--ink\)_58\%\,transparent\)\]::backdrop{background-color:color-mix(in oklab,var(--ink) 58%,transparent)}}.backdrop\:backdrop-blur-md::backdrop{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-0:after{content:var(--tw-content);inset:0}.after\:rounded-\[var\(--radius-card\)\]:after{content:var(--tw-content);border-radius:var(--radius-card)}.last\:border-r-0:last-child{border-right-style:var(--tw-border-style);border-right-width:0}.open\:backdrop\:animate-\[backdrop-in_240ms_ease-out\]:is([open],:popover-open,:open)::backdrop{animation:.24s ease-out backdrop-in}@media (hover:hover){.hover\:border-border-strong:hover{border-color:var(--border-strong)}.hover\:bg-sunken:hover{background-color:var(--sunken)}.hover\:text-ink:hover{color:var(--ink)}.hover\:text-ink-muted:hover{color:var(--ink-muted)}.hover\:underline:hover{text-decoration-line:underline}}.focus\:not-sr-only:focus{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.focus\:absolute:focus{position:absolute}.focus\:top-2:focus{top:calc(var(--spacing) * 2)}.focus\:left-2:focus{left:calc(var(--spacing) * 2)}.focus\:z-50:focus{z-index:50}.focus\:rounded-xl:focus{border-radius:var(--radius-xl)}.focus\:bg-brand:focus{background-color:var(--brand)}.focus\:px-3\.5:focus{padding-inline:calc(var(--spacing) * 3.5)}.focus\:py-2:focus{padding-block:calc(var(--spacing) * 2)}.focus\:font-display:focus{font-family:var(--font-display), ui-rounded, "Trebuchet MS", sans-serif}.focus\:text-sm:focus{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.focus\:font-bold:focus{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.focus\:text-on-accent:focus{color:var(--on-accent)}.active\:scale-90:active{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.disabled\:cursor-default:disabled{cursor:default}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-45:disabled{opacity:.45}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.aria-checked\:bg-brand-soft[aria-checked=true]{background-color:var(--brand-soft)}.aria-checked\:text-brand[aria-checked=true]{color:var(--brand)}@media (min-width:360px){.min-\[360px\]\:inline{display:inline}}@media (min-width:40rem){.sm\:hidden{display:none}.sm\:inline{display:inline}.sm\:size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.sm\:size-\[0\.68rem\]{width:.68rem;height:.68rem}.sm\:size-\[0\.78rem\]{width:.78rem;height:.78rem}.sm\:size-\[1\.06rem\]{width:1.06rem;height:1.06rem}.sm\:size-\[1\.55rem\]{width:1.55rem;height:1.55rem}.sm\:size-\[2\.4rem\]{width:2.4rem;height:2.4rem}.sm\:size-\[2\.7rem\]{width:2.7rem;height:2.7rem}.sm\:h-\[2\.4rem\]{height:2.4rem}.sm\:w-\[0\.95rem\]{width:.95rem}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:gap-2{gap:calc(var(--spacing) * 2)}.sm\:gap-2\.5{gap:calc(var(--spacing) * 2.5)}.sm\:gap-3{gap:calc(var(--spacing) * 3)}.sm\:gap-3\.5{gap:calc(var(--spacing) * 3.5)}.sm\:gap-4{gap:calc(var(--spacing) * 4)}.sm\:rounded-\[5px\]{border-radius:5px}.sm\:p-4{padding:calc(var(--spacing) * 4)}.sm\:p-5{padding:calc(var(--spacing) * 5)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:px-2{padding-inline:calc(var(--spacing) * 2)}.sm\:px-3{padding-inline:calc(var(--spacing) * 3)}.sm\:px-4{padding-inline:calc(var(--spacing) * 4)}.sm\:py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.sm\:py-6{padding-block:calc(var(--spacing) * 6)}.sm\:py-8{padding-block:calc(var(--spacing) * 8)}.sm\:pt-10{padding-top:calc(var(--spacing) * 10)}.sm\:pt-11{padding-top:calc(var(--spacing) * 11)}.sm\:pb-3{padding-bottom:calc(var(--spacing) * 3)}.sm\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.sm\:text-\[0\.8rem\]{font-size:.8rem}.sm\:text-\[0\.56rem\]{font-size:.56rem}.sm\:text-\[0\.68rem\]{font-size:.68rem}.sm\:text-\[0\.86rem\]{font-size:.86rem}.sm\:text-\[1\.05rem\]{font-size:1.05rem}.sm\:text-\[1\.6rem\]{font-size:1.6rem}.sm\:text-\[1\.08rem\]{font-size:1.08rem}.sm\:text-\[1\.8rem\]{font-size:1.8rem}.sm\:text-\[1\.25rem\]{font-size:1.25rem}.sm\:text-\[1\.55rem\]{font-size:1.55rem}.sm\:text-\[2\.3rem\]{font-size:2.3rem}.sm\:text-\[2\.5rem\]{font-size:2.5rem}.sm\:text-\[3rem\]{font-size:3rem}}@media (min-width:64rem){.lg\:mt-auto{margin-top:auto}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:max-w-5xl{max-width:var(--container-5xl)}.lg\:max-w-6xl{max-width:var(--container-6xl)}.lg\:max-w-none{max-width:none}.lg\:flex-none{flex:none}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,28rem\)\]{grid-template-columns:minmax(0,1fr) minmax(0,28rem)}.lg\:items-center{align-items:center}.lg\:justify-start{justify-content:flex-start}.lg\:gap-3{gap:calc(var(--spacing) * 3)}.lg\:gap-10{gap:calc(var(--spacing) * 10)}.lg\:gap-x-3{column-gap:calc(var(--spacing) * 3)}.lg\:px-6{padding-inline:calc(var(--spacing) * 6)}.lg\:py-3{padding-block:calc(var(--spacing) * 3)}.lg\:pt-0{padding-top:0}.lg\:pt-14{padding-top:calc(var(--spacing) * 14)}.lg\:pb-2{padding-bottom:calc(var(--spacing) * 2)}.lg\:text-\[3\.4rem\]{font-size:3.4rem}}@media (min-width:80rem){.xl\:w-\[19rem\]{width:19rem}.xl\:gap-8{gap:calc(var(--spacing) * 8)}}@media (max-height:620px){.short\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.short\:hidden{display:none}.short\:gap-1{gap:var(--spacing)}.short\:gap-1\.5{gap:calc(var(--spacing) * 1.5)}.short\:gap-2{gap:calc(var(--spacing) * 2)}.short\:py-1{padding-block:var(--spacing)}.short\:py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.short\:pt-1{padding-top:var(--spacing)}.short\:pb-1{padding-bottom:var(--spacing)}.short\:text-\[0\.72rem\]{font-size:.72rem}.short\:text-\[1\.2rem\]{font-size:1.2rem}.short\:text-\[1\.15rem\]{font-size:1.15rem}.short\:text-\[1rem\]{font-size:1rem}}@media (max-height:440px){.shorter\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.shorter\:hidden{display:none}.shorter\:gap-1{gap:var(--spacing)}.shorter\:pt-1{padding-top:var(--spacing)}.shorter\:pb-1{padding-bottom:var(--spacing)}}@media (max-height:440px) and (min-width:640px){.land-short\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.land-short\:order-1{order:1}.land-short\:order-2{order:2}.land-short\:mx-0{margin-inline:0}.land-short\:h-full{height:100%}.land-short\:w-\[min\(15rem\,26vw\)\]{width:min(15rem,26vw)}.land-short\:w-\[min\(15rem\,34vw\)\]{width:min(15rem,34vw)}.land-short\:w-\[min\(16rem\,26vw\)\]{width:min(16rem,26vw)}.land-short\:w-\[min\(17rem\,36vw\)\]{width:min(17rem,36vw)}.land-short\:w-\[min\(18rem\,38vw\)\]{width:min(18rem,38vw)}.land-short\:w-\[min\(26rem\,48vw\)\]{width:min(26rem,48vw)}.land-short\:w-auto{width:auto}.land-short\:max-w-\[11rem\]{max-width:11rem}.land-short\:max-w-none{max-width:none}.land-short\:flex-none{flex:none}.land-short\:shrink-0{flex-shrink:0}.land-short\:flex-row{flex-direction:row}.land-short\:items-center{align-items:center}.land-short\:justify-center{justify-content:center}.land-short\:gap-2{gap:calc(var(--spacing) * 2)}.land-short\:gap-3{gap:calc(var(--spacing) * 3)}.land-short\:gap-4{gap:calc(var(--spacing) * 4)}.land-short\:gap-5{gap:calc(var(--spacing) * 5)}.land-short\:gap-6{gap:calc(var(--spacing) * 6)}.land-short\:pb-1{padding-bottom:var(--spacing)}}@media (min-height:1000px){.tall\:block{display:block}}}.wordsearch-scale{--ws-cols:11;--ws-gap:2px;--ws-pad:6px;--ws-space:44dvh;--ws-min:1.15rem;--ws-max:2.9rem;--ws-wide:calc((100vw - 2.25rem - var(--ws-pad) * 2) / var(--ws-cols));--ws-tall:calc(var(--ws-space) / var(--ws-cols));--ws-cell:clamp(var(--ws-min), calc(min(var(--ws-wide), var(--ws-tall)) - var(--ws-gap)), var(--ws-max));--ws-step:calc(var(--ws-cell) + var(--ws-gap));--ws-face:calc(var(--ws-cols) * var(--ws-step) - var(--ws-gap))}@media (max-width:400px){.wordsearch-scale{--ws-gap:1px;--ws-pad:4px}}@media (min-height:800px){.wordsearch-scale{--ws-space:50dvh;--ws-max:3.1rem}}@media (min-width:640px){.wordsearch-scale{--ws-gap:3px;--ws-pad:8px;--ws-space:46dvh;--ws-max:3.2rem}}@media (min-width:1024px){.wordsearch-scale{--ws-space:50dvh;--ws-max:3.4rem}}@media (max-height:620px){.wordsearch-scale{--ws-gap:2px;--ws-pad:5px;--ws-space:52dvh;--ws-max:2.3rem;--ws-min:1.05rem}}@media (max-height:440px){.wordsearch-scale{--ws-space:46dvh;--ws-max:2rem;--ws-min:.95rem}}@media (max-height:440px) and (min-width:640px){.wordsearch-scale{--ws-space:66dvh;--ws-max:2.4rem}}.wordsearch-layout{grid-template:"top""board""list"minmax(0,max-content)/minmax(0,1fr);place-content:center;justify-items:center;gap:.5rem;width:100%;min-width:0;min-height:0;display:grid}.wordsearch-top{grid-area:top;width:100%;min-width:0}.wordsearch-board{grid-area:board}.wordsearch-list{overscroll-behavior:contain;grid-area:list;width:100%;min-height:0;overflow-y:auto}@media (max-height:440px) and (min-width:640px){.wordsearch-layout{grid-template:"board top""board list"minmax(0,max-content)/auto minmax(0,1fr);align-items:center;column-gap:1rem}}@media (min-width:1024px){.wordsearch-layout{grid-template:"top top""board list"minmax(0,max-content)/auto minmax(0,15rem);align-items:start;column-gap:1.5rem}.wordsearch-list{max-height:var(--ws-face);align-self:stretch}}.wordsearch-tray{padding:var(--ws-pad);border-radius:var(--radius-card);background-color:var(--card);box-shadow:inset 0 3px 0 0 var(--card), inset 0 -1px 0 0 var(--card), var(--shadow-ambient);position:relative}@supports (color:color-mix(in lab, red, red)){.wordsearch-tray{box-shadow:inset 0 3px 0 0 color-mix(in oklab, var(--card) 88%, var(--ink)), inset 0 -1px 0 0 color-mix(in oklab, var(--card) 86%, white), var(--shadow-ambient)}}.wordsearch-tray{touch-action:none;-webkit-user-select:none;user-select:none}.wordsearch-grid{grid-template-columns:repeat(var(--ws-cols), var(--ws-cell));gap:var(--ws-gap);width:var(--ws-face);display:grid}.wordsearch-cell{z-index:1;width:var(--ws-cell);height:var(--ws-cell);border-radius:calc(var(--radius-key) * .6);color:var(--ink);font-family:var(--font-display), ui-rounded, "Trebuchet MS", sans-serif;font-size:calc(var(--ws-cell) * .54);letter-spacing:0;cursor:pointer;background:0 0;place-items:center;font-weight:700;line-height:1;display:grid;position:relative}.wordsearch-cell[data-found=true]{font-weight:900}.wordsearch-cell[data-hinted=true]{color:var(--brand);text-underline-offset:2px;font-weight:900;text-decoration:underline;text-decoration-thickness:2px}.wordsearch-cell[data-cursor=true]{box-shadow:inset 0 0 0 2px var(--brand)}@supports (color:color-mix(in lab, red, red)){.wordsearch-cell[data-cursor=true]{box-shadow:inset 0 0 0 2px color-mix(in oklab, var(--brand) 55%, transparent)}}.wordsearch-cell:focus-visible{z-index:3}.wordsearch-bands{inset:var(--ws-pad);z-index:0;pointer-events:none;position:absolute}.wordsearch-band{height:var(--ws-cell);border-radius:var(--radius-pill);transform-origin:0;background-color:var(--ws-tint);position:absolute;translate:0 -50%}@supports (color:color-mix(in lab, red, red)){.wordsearch-band{background-color:color-mix(in oklab, var(--ws-tint) 38%, transparent)}}.wordsearch-band[data-live=true]{--ws-tint:var(--brand);background-color:var(--brand)}@supports (color:color-mix(in lab, red, red)){.wordsearch-band[data-live=true]{background-color:color-mix(in oklab, var(--brand) 24%, transparent)}}.wordsearch-band[data-live=true]{box-shadow:inset 0 0 0 2px var(--brand)}@supports (color:color-mix(in lab, red, red)){.wordsearch-band[data-live=true]{box-shadow:inset 0 0 0 2px color-mix(in oklab, var(--brand) 62%, transparent)}}.wordsearch-band[data-fresh=true]{animation:ws-band-in .38s var(--spring) both}@keyframes ws-band-in{0%{opacity:0;scale:.82 .6}62%{opacity:1;scale:1.03 1.12}to{opacity:1;scale:1}}.wordsearch-shake{animation:ws-shake .42s var(--ease-in-out)}@keyframes ws-shake{0%,to{transform:translate(0)}18%{transform:translate(-6px)}38%{transform:translate(5px)}58%{transform:translate(-3px)}80%{transform:translate(1px)}}:root[data-contrast=high] .wordsearch-band{background-color:var(--ws-tint)}@supports (color:color-mix(in lab, red, red)){:root[data-contrast=high] .wordsearch-band{background-color:color-mix(in oklab, var(--ws-tint) 58%, transparent)}}:root[data-contrast=high] .wordsearch-band{box-shadow:inset 0 0 0 2px var(--ink)}.wordsearch-word{font-variant-numeric:tabular-nums;transition:color var(--dur-fast) var(--ease-out)}.wordsearch-word[data-found=true]{color:var(--ink-muted);text-decoration:line-through;text-decoration-thickness:2px}.sudoku-scale{--sud-frame:3px;--sud-line:1px;--sud-band:2px;--sud-line-ink:var(--border);--sud-band-ink:var(--border-strong)}@supports (color:color-mix(in lab, red, red)){.sudoku-scale{--sud-band-ink:color-mix(in oklab, var(--border-strong) 60%, var(--ink))}}.sudoku-scale{--sud-cell:clamp(1.4rem, min(9.6vw, 6dvh), 2.7rem);--sud-board:calc(var(--sud-cell) * 9 + var(--sud-frame) * 2);--sud-key-h:clamp(2.05rem, 5.4dvh, 2.9rem);--sud-key-gap:.3rem}@media (min-height:800px){.sudoku-scale{--sud-cell:clamp(1.6rem, min(9.9vw, 6.4dvh), 3.1rem);--sud-key-h:clamp(2.3rem, 5.6dvh, 3.1rem)}}@media (min-width:640px){.sudoku-scale{--sud-frame:4px;--sud-band:3px;--sud-cell:clamp(1.8rem, min(6.5vw, 6dvh), 3.2rem);--sud-key-gap:.36rem}}@media (min-width:1024px){.sudoku-scale{--sud-cell:clamp(2rem, min(5vw, 5.6dvh), 3.4rem)}}@media (max-height:620px){.sudoku-scale{--sud-frame:2px;--sud-band:2px;--sud-cell:clamp(1.2rem, min(9.6vw, 5.6dvh), 2.4rem);--sud-key-h:clamp(1.75rem, 5.2dvh, 2.4rem);--sud-key-gap:.22rem}}@media (max-height:440px){.sudoku-scale{--sud-cell:clamp(1rem, min(9vw, 6.4dvh), 2rem);--sud-key-h:clamp(1.6rem, 6dvh, 2.2rem)}}@media (max-height:440px) and (min-width:640px){.sudoku-scale{--sud-cell:clamp(1rem, min(3.6vw, 7.6dvh), 2.6rem);--sud-key-h:clamp(1.8rem, 8dvh, 2.6rem)}}.sudoku-board{box-sizing:border-box;width:var(--sud-board);height:var(--sud-board);border:var(--sud-frame) solid var(--sud-band-ink);border-radius:var(--radius-tile);background:var(--card);box-shadow:var(--shadow-ambient);touch-action:manipulation;-webkit-user-select:none;user-select:none;grid-template-rows:repeat(9,1fr);grid-template-columns:repeat(9,1fr);display:grid;overflow:hidden}.sudoku-cell{box-sizing:border-box;border:0;border-right:var(--sud-line) solid var(--sud-line-ink);border-bottom:var(--sud-line) solid var(--sud-line-ink);background:var(--card);min-width:0;color:var(--ink);font-family:var(--font-display);font-weight:700;font-size:calc(var(--sud-cell) * .56);font-variant-numeric:tabular-nums;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);place-items:center;padding:0;line-height:1;display:grid;position:relative}.sudoku-cell[data-col="2"],.sudoku-cell[data-col="5"]{border-right-width:var(--sud-band);border-right-color:var(--sud-band-ink)}.sudoku-cell[data-row="2"],.sudoku-cell[data-row="5"]{border-bottom-width:var(--sud-band);border-bottom-color:var(--sud-band-ink)}.sudoku-cell[data-col="8"]{border-right-width:0}.sudoku-cell[data-row="8"]{border-bottom-width:0}.sudoku-cell[data-peer=true]{background:var(--brand)}@supports (color:color-mix(in lab, red, red)){.sudoku-cell[data-peer=true]{background:color-mix(in oklab, var(--brand) 12%, var(--card))}}.sudoku-cell[data-same=true]{background:var(--brand)}@supports (color:color-mix(in lab, red, red)){.sudoku-cell[data-same=true]{background:color-mix(in oklab, var(--brand) 20%, var(--card))}}.sudoku-cell[data-selected=true]{background:var(--brand)}@supports (color:color-mix(in lab, red, red)){.sudoku-cell[data-selected=true]{background:color-mix(in oklab, var(--brand) 16%, var(--card))}}.sudoku-cell[data-error=clash],.sudoku-cell[data-error=wrong]{background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.sudoku-cell[data-error=clash],.sudoku-cell[data-error=wrong]{background:color-mix(in oklab, var(--danger) 9%, var(--card))}}.sudoku-cell[data-selected=true]:after{content:"";box-shadow:inset 0 0 0 max(2px, calc(var(--sud-cell) * .075)) var(--brand);pointer-events:none;position:absolute;inset:0}.sudoku-digit{z-index:1;position:relative}.sudoku-cell[data-state=given] .sudoku-digit{color:var(--ink);font-weight:800}.sudoku-cell[data-state=entered] .sudoku-digit{color:var(--brand)}.sudoku-cell[data-state=revealed] .sudoku-digit{color:var(--ink)}.sudoku-cell[data-state=revealed] .sudoku-digit:after{content:"";background:var(--correct);border-radius:50%;width:.24em;height:.24em;position:absolute;top:-.1em;right:-.45em}.sudoku-cell[data-error=clash] .sudoku-digit,.sudoku-cell[data-error=wrong] .sudoku-digit{color:var(--danger);-webkit-text-decoration:underline wavy var(--danger);-webkit-text-decoration:underline wavy var(--danger);-webkit-text-decoration:underline wavy var(--danger);text-decoration:underline wavy var(--danger);text-underline-offset:.14em;text-decoration-thickness:max(1px,.06em)}.sudoku-notes{width:100%;height:100%;font-size:calc(var(--sud-cell) * .3);color:var(--ink-muted);grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);place-items:center;font-weight:700;line-height:1;display:grid}@keyframes sud-unit-done{0%{opacity:0}30%{opacity:.45}to{opacity:0}}.sudoku-cell[data-done=true]:before{content:"";background:var(--correct);pointer-events:none;animation:sud-unit-done .62s var(--ease-out) both;position:absolute;inset:0}.sudoku-pad-column{width:var(--sud-board)}.sudoku-pad{gap:var(--sud-key-gap);grid-template-columns:repeat(9,1fr);width:100%;display:grid}.sudoku-key{height:var(--sud-key-h);border-radius:var(--radius-key);background:var(--key-face);--lip-from:var(--key-face);min-width:0;color:var(--ink);font-family:var(--font-display);font-weight:800;font-size:calc(var(--sud-key-h) * .5);font-variant-numeric:tabular-nums;place-items:center;line-height:1;display:grid}.sudoku-key-left{font-family:var(--font-sans);font-size:max(.5rem, calc(var(--sud-key-h) * .2));color:var(--ink-muted);font-weight:700;line-height:1}.sudoku-key[data-spent=true]{opacity:.4}@media (max-height:440px) and (min-width:640px){.sudoku-pad-column{width:min(11rem,24vw)}.sudoku-pad{grid-template-columns:repeat(3,1fr)}}.quartets-scale{--q-lip:4px;--q-gap:.3rem;--q-cell-w:clamp(3.4rem, min(20vw, 15dvh), 7.5rem);--q-cell-h:clamp(2.6rem, min(13dvh, 17vw), 4.6rem);--q-font:.86rem;--q-len:8}.quartets-width{width:calc(var(--q-cell-w) * 4 + var(--q-gap) * 3);max-width:100%}@media (min-height:800px){.quartets-scale{--q-gap:.36rem;--q-cell-w:clamp(3.4rem, min(21vw, 15dvh), 7.5rem);--q-cell-h:clamp(2.8rem, min(14dvh, 18vw), 5rem);--q-font:.92rem}}@media (min-width:640px){.quartets-scale{--q-gap:.45rem;--q-cell-w:clamp(4rem, min(15vw, 16dvh), 8.5rem);--q-cell-h:clamp(3rem, min(12dvh, 9vw), 5.4rem);--q-font:1rem}}@media (min-width:1024px){.quartets-scale{--q-gap:.5rem;--q-cell-w:clamp(4rem, min(9vw, 17dvh), 7.5rem);--q-cell-h:clamp(3rem, min(12dvh, 6vw), 5.4rem)}}@media (max-height:620px){.quartets-scale{--q-lip:3px;--q-gap:.24rem;--q-cell-w:clamp(3.2rem, min(20vw, 17dvh), 6.5rem);--q-cell-h:clamp(2.1rem, min(11dvh, 15vw), 3.4rem);--q-font:.8rem}}@media (max-height:440px){.quartets-scale{--q-lip:2px;--q-gap:.22rem;--q-cell-w:clamp(3rem, min(18vw, 19dvh), 6rem);--q-cell-h:clamp(1.7rem, min(10dvh, 10.5vw), 2.6rem);--q-font:.74rem}}.quartets-grid{grid-template-columns:repeat(4, var(--q-cell-w));column-gap:var(--q-gap);row-gap:calc(var(--q-gap) + var(--q-lip));justify-content:center;display:grid}.quartets-cell{width:var(--q-cell-w);height:var(--q-cell-h);font-size:min(var(--q-font), calc(var(--q-cell-w) / (var(--q-len) * .64)));overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;padding-inline:.15rem;line-height:1.05}.quartets-cell.block-3d[aria-pressed=true],.quartets-cell.block-3d[aria-pressed=true]:hover{transform:translateY(var(--q-lip));box-shadow:0 0 0 0 var(--lip), inset 0 0 0 2px var(--brand), inset 0 2px 5px -2px var(--ink)}@supports (color:color-mix(in lab, red, red)){.quartets-cell.block-3d[aria-pressed=true],.quartets-cell.block-3d[aria-pressed=true]:hover{box-shadow:0 0 0 0 var(--lip), inset 0 0 0 2px var(--brand), inset 0 2px 5px -2px color-mix(in oklab, var(--ink) 55%, transparent)}}.quartets-band{min-height:var(--q-cell-h);color:var(--on-q);--lip-from:var(--band);background-color:var(--band)}.quartets-band[data-group="0"]{--band:var(--q-1)}.quartets-band[data-group="1"]{--band:var(--q-2)}.quartets-band[data-group="2"]{--band:var(--q-3)}.quartets-band[data-group="3"]{--band:var(--q-4)}.quartets-swatch[data-group="0"]{background-color:var(--q-1)}.quartets-swatch[data-group="1"]{background-color:var(--q-2)}.quartets-swatch[data-group="2"]{background-color:var(--q-3)}.quartets-swatch[data-group="3"]{background-color:var(--q-4)}.quartets-panel{color:var(--on-q)}.quartets-panel[data-group="0"]{background-color:var(--q-1)}.quartets-panel[data-group="1"]{background-color:var(--q-2)}.quartets-panel[data-group="2"]{background-color:var(--q-3)}.quartets-panel[data-group="3"]{background-color:var(--q-4)}@keyframes q-cell-pop{0%{transform:translateY(var(--q-lip)) scale(1)}35%{transform:translateY(0)scale(1.06,.94)}70%{transform:translateY(-5px)scale(.97,1.05)}to{transform:translateY(0)scale(1)}}@keyframes q-band-in{0%{opacity:0;transform:translateY(18px)scale(.96)}62%{opacity:1;transform:translateY(-3px)scale(1.01)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes q-settle{0%{opacity:.35;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes q-dot-spend{0%{transform:scale(1)}45%{transform:scale(1.6)}to{transform:scale(1)}}.anim-q-pop{animation:q-cell-pop .32s var(--spring) both}.anim-q-band{animation:q-band-in .42s var(--spring) both}.anim-q-settle{animation:q-settle .26s var(--ease-out) both}.anim-q-dot{animation:q-dot-spend .38s var(--spring) both}.ms-scale{--ms-cols:9;--ms-rows:9;--ms-gap:.19rem;--ms-pad:.3rem;--ms-lip:3px;--ms-floor:1.375rem;--ms-ceiling:2.35rem;--ms-room-w:2.2rem;--ms-room-h:16.5rem;--ms-cell:clamp(var(--ms-floor), min((100vw - var(--ms-room-w)) / var(--ms-cols) - var(--ms-gap), (100dvh - var(--header-h) - var(--ms-room-h)) / var(--ms-rows) - var(--ms-gap) - var(--ms-lip)), var(--ms-ceiling))}@media (min-height:800px){.ms-scale{--ms-gap:.22rem;--ms-ceiling:2.7rem;--ms-room-h:17rem}}@media (min-width:640px){.ms-scale{--ms-gap:.26rem;--ms-pad:.4rem;--ms-lip:4px;--ms-ceiling:2.9rem;--ms-room-w:3rem;--ms-room-h:17rem}}@media (min-width:1024px){.ms-scale{--ms-ceiling:3.3rem;--ms-room-h:17rem}}@media (max-height:620px){.ms-scale{--ms-gap:.16rem;--ms-pad:.24rem;--ms-lip:2px;--ms-ceiling:2rem;--ms-room-h:12.75rem}}@media (max-height:440px) and (min-width:640px){.ms-scale{--ms-gap:.18rem;--ms-ceiling:2.2rem;--ms-room-w:21rem;--ms-room-h:3.25rem}}@media (max-width:360px){.ms-scale{--ms-gap:.11rem;--ms-pad:.2rem;--ms-room-w:2rem}}.ms-grid{gap:calc(var(--ms-gap) + var(--ms-lip));padding:var(--ms-pad);border-radius:var(--radius-card);background:var(--sunken);box-shadow:inset 0 3px 0 0 var(--sunken), var(--shadow-ambient);flex-direction:column;display:flex}@supports (color:color-mix(in lab, red, red)){.ms-grid{box-shadow:inset 0 3px 0 0 color-mix(in oklab, var(--sunken) 80%, var(--ink)), var(--shadow-ambient)}}.ms-grid{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:max-content}.ms-row{gap:var(--ms-gap);display:flex}.ms-cell{width:var(--ms-cell);height:var(--ms-cell);border-radius:var(--radius-key);background:var(--inset);box-shadow:inset 0 3px 0 0 var(--inset), inset 0 -1px 0 0 var(--inset);border:0;place-items:center;padding:0;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.ms-cell{box-shadow:inset 0 3px 0 0 color-mix(in oklab, var(--inset) 76%, var(--ink)), inset 0 -1px 0 0 color-mix(in oklab, var(--inset) 76%, white)}}.ms-cell{font-family:var(--font-display), ui-rounded, "Trebuchet MS", sans-serif;font-variant-numeric:tabular-nums;font-weight:800;line-height:1;font-size:calc(var(--ms-cell) * .56);color:var(--ink);cursor:pointer}.ms-grid:focus-within .ms-cell[data-cursor=true]{outline:3px solid var(--brand);outline-offset:2px;z-index:2}.ms-lid.block-3d{border-radius:inherit;background-color:var(--key-face);--lip-from:var(--key-face);--lip-h:var(--ms-lip);font-size:calc(var(--ms-cell) * .5);place-items:center;display:grid;position:absolute;inset:0}.ms-cell:active .ms-lid.block-3d{transform:translateY(var(--ms-lip));box-shadow:0 0 0 0 var(--lip), 0 2px 6px -4px var(--ink)}@supports (color:color-mix(in lab, red, red)){.ms-cell:active .ms-lid.block-3d{box-shadow:0 0 0 0 var(--lip), 0 2px 6px -4px color-mix(in oklab, var(--ink) 40%, transparent)}}@media (hover:hover){.ms-cell:hover .ms-lid.block-3d{background-color:var(--key-face)}@supports (color:color-mix(in lab, red, red)){.ms-cell:hover .ms-lid.block-3d{background-color:color-mix(in oklab, var(--key-face) 92%, var(--brand))}}}.ms-lid-gone.block-3d{opacity:0;pointer-events:none}@keyframes ms-open{0%{opacity:1;scale:1}to{opacity:0;scale:.62}}.ms-lid-off.block-3d{animation:ms-open .19s var(--ease-out) var(--ms-delay,0s) both;pointer-events:none}@keyframes ms-face-in{0%{opacity:0;scale:.55}to{opacity:1;scale:1}}.ms-face-in{animation:ms-face-in .22s var(--spring) var(--ms-delay,0s) both}.ms-count[data-count="1"]{color:var(--ms-1)}.ms-count[data-count="2"]{color:var(--ms-2)}.ms-count[data-count="3"]{color:var(--ms-3)}.ms-count[data-count="4"]{color:var(--ms-4)}.ms-count[data-count="5"]{color:var(--ms-5)}.ms-count[data-count="6"]{color:var(--ms-6)}.ms-count[data-count="7"]{color:var(--ms-7)}.ms-count[data-count="8"]{color:var(--ms-8)}.ms-mine{width:56%;height:56%;color:var(--danger)}.ms-cell[data-blast=true]{background:var(--danger);box-shadow:inset 0 3px 0 0 var(--danger)}@supports (color:color-mix(in lab, red, red)){.ms-cell[data-blast=true]{box-shadow:inset 0 3px 0 0 color-mix(in oklab, var(--danger) 72%, black)}}.ms-cell[data-blast=true] .ms-mine{color:var(--on-danger)}@keyframes ms-blast{0%{scale:.5}55%{scale:1.3}to{scale:1}}.ms-blast{animation:ms-blast .34s var(--spring) both}.ms-lid[data-mark=wrong].block-3d{background-color:var(--danger-soft);--lip-from:var(--danger-soft);color:var(--danger)}@keyframes ms-mark-in{0%{rotate:-18deg;scale:.3}60%{rotate:4deg;scale:1.18}to{rotate:none;scale:1}}.ms-mark-in{animation:ms-mark-in .26s var(--spring) both}.ms-frame{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;place-content:safe center;place-items:center;min-height:0;display:grid;overflow:auto}.ms-legend{--ms-cell:2rem}.ms-legend .ms-cell{cursor:default}.nonogram-stage{container-type:inline-size}.nonogram-scale{--nono-n:10;--nono-row-clues:3;--nono-col-clues:3;--nono-clue-ratio:.74;--nono-cols:calc(var(--nono-n) + var(--nono-row-clues) * var(--nono-clue-ratio));--nono-rows:calc(var(--nono-n) + var(--nono-col-clues) * var(--nono-clue-ratio));--nono-h:54dvh;--nono-cap:2.35rem;--nono-rule:1px;--nono-rule-block:2px;--nono-cell:min(calc((100cqw - var(--nono-rule-block) * 2) / var(--nono-cols)), calc(var(--nono-h) / var(--nono-rows)), var(--nono-cap));--nono-clue:calc(var(--nono-cell) * var(--nono-clue-ratio));--nono-clue-text:max(.55rem, calc(var(--nono-cell) * .46))}@media (min-height:800px){.nonogram-scale{--nono-h:54dvh;--nono-cap:2.9rem}}@media (min-width:640px){.nonogram-scale{--nono-h:54dvh;--nono-cap:2.6rem}}@media (min-width:1024px){.nonogram-scale{--nono-h:56dvh;--nono-cap:3rem}}@media (max-height:620px){.nonogram-scale{--nono-h:52dvh;--nono-cap:2rem}}@media (max-height:440px){.nonogram-scale{--nono-h:62dvh;--nono-cap:1.9rem}}.nonogram-frame{grid-template-rows:auto auto;grid-template-columns:auto auto;display:grid}.nonogram-colclues{grid-template-columns:repeat(var(--nono-n), var(--nono-cell));align-items:end;display:grid}.nonogram-rowclues{grid-template-rows:repeat(var(--nono-n), var(--nono-cell));justify-items:end;display:grid}.nonogram-clue{font-size:var(--nono-clue-text);font-variant-numeric:tabular-nums;letter-spacing:-.04em;color:var(--ink);transition:color var(--dur-mid) var(--ease-out);justify-content:flex-end;align-items:center;gap:0;line-height:1;display:flex}.nonogram-colclues .nonogram-clue{height:calc(var(--nono-col-clues) * var(--nono-clue));padding-bottom:calc(var(--nono-clue) * .18);flex-direction:column;justify-content:flex-end}.nonogram-rowclues .nonogram-clue{width:calc(var(--nono-row-clues) * var(--nono-clue));padding-right:calc(var(--nono-clue) * .22);flex-direction:row}.nonogram-clue>span{min-width:var(--nono-clue);min-height:var(--nono-clue);place-items:center;display:grid}.nonogram-clue[data-done=true]{color:var(--ink-faint)}.nonogram-cells{border:var(--nono-rule-block) solid var(--border-strong);background:var(--card);touch-action:none;-webkit-user-select:none;user-select:none;flex-direction:column;display:flex}.nonogram-row{display:flex}.nonogram-cell{box-sizing:border-box;width:var(--nono-cell);height:var(--nono-cell);border-right:var(--nono-rule) solid var(--border);border-bottom:var(--nono-rule) solid var(--border);background:var(--card);transition:background-color var(--dur-tap) var(--ease-out), border-color var(--dur-slow) var(--ease-out);padding:0;position:relative}.nonogram-cell[data-block-right=true]{border-right-width:var(--nono-rule-block);border-right-color:var(--border-strong)}.nonogram-cell[data-block-bottom=true]{border-bottom-width:var(--nono-rule-block);border-bottom-color:var(--border-strong)}.nonogram-row>.nonogram-cell:last-child{border-right-width:0}.nonogram-row:last-child>.nonogram-cell{border-bottom-width:0}.nonogram-cell[data-state=filled]{background-color:var(--ink);box-shadow:inset 0 calc(var(--nono-cell) * -.14) 0 0 var(--ink)}@supports (color:color-mix(in lab, red, red)){.nonogram-cell[data-state=filled]{box-shadow:inset 0 calc(var(--nono-cell) * -.14) 0 0 color-mix(in oklab, var(--ink) 76%, #000)}}.nonogram-cell[data-state=filled]:before{content:"";background:var(--top-light);pointer-events:none;position:absolute;inset:0}.nonogram-cell[data-state=marked]{background-color:var(--sunken);background-image:linear-gradient(to bottom right, transparent calc(50% - .9px), var(--ink-muted) calc(50% - .9px), var(--ink-muted) calc(50% + .9px), transparent calc(50% + .9px)), linear-gradient(to bottom left, transparent calc(50% - .9px), var(--ink-muted) calc(50% - .9px), var(--ink-muted) calc(50% + .9px), transparent calc(50% + .9px));background-position:50%;background-repeat:no-repeat;background-size:52% 52%}.nonogram-cell[data-wrong=true]{background-color:var(--danger-soft);box-shadow:inset 0 0 0 2px var(--danger)}.nonogram-cell[data-cursor=true]{outline:2px dashed var(--brand);outline-offset:-2px;z-index:2}.nonogram-cell:focus-visible{outline:3px solid var(--brand);outline-offset:-3px;z-index:3}@media (hover:hover){.nonogram-cell[data-state=empty]:hover{background-color:var(--brand-soft)}}.nonogram-cells[data-won=true] .nonogram-cell,.nonogram-cells[data-won=true]{transition:border-color var(--dur-slow) var(--ease-out) .12s;border-color:#0000}@keyframes nonogram-settle{0%{scale:1}45%{scale:1.22}to{scale:1}}.nonogram-cells[data-won=true] .nonogram-cell[data-state=filled]{animation:nonogram-settle .42s var(--spring) both;z-index:1}@keyframes nonogram-name{0%{opacity:0;transform:translateY(8px)scale(.9)}60%{opacity:1;scale:1.04}to{opacity:1;transform:translateY(0)scale(1)}}.anim-nonogram-name{animation:nonogram-name .52s var(--spring) both}@keyframes nonogram-hint{0%{box-shadow:inset 0 0 0 0 var(--brand)}40%{box-shadow:inset 0 0 0 3px var(--brand)}to{box-shadow:inset 0 0 0 0 var(--brand)}}.nonogram-cell[data-hinted=true]{animation:nonogram-hint .7s var(--ease-out) both}.echo-pads{grid-template-columns:repeat(2, var(--pad-size));column-gap:var(--pad-gap);row-gap:calc(var(--pad-gap) + var(--pad-lip));touch-action:manipulation;display:grid}.echo-pad{width:var(--pad-size);height:var(--pad-size);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.echo-pad.block-3d{--lip-h:var(--pad-lip);--lip-from:var(--face);--ring:var(--face)}@supports (color:color-mix(in lab, red, red)){.echo-pad.block-3d{--ring:color-mix(in oklab, var(--face) 52%, var(--ink))}}.echo-pad.block-3d{background-color:var(--face);color:var(--on-q);transition-duration:70ms}.echo-pad.block-3d[data-lit]{background-color:var(--face)}@supports (color:color-mix(in lab, red, red)){.echo-pad.block-3d[data-lit]{background-color:color-mix(in oklab, var(--face) 38%, white)}}.echo-pad.block-3d[data-lit]{transform:translateY(calc(var(--pad-lip) * -1));box-shadow:0 calc(var(--pad-lip) * 2) 0 0 var(--lip), 0 0 0 max(3px, calc(var(--pad-size) * .035)) var(--ring), var(--shadow-lift)}.echo-pad.block-3d[data-lit=wrong]{--ring:var(--danger);background-color:var(--face)}@supports (color:color-mix(in lab, red, red)){.echo-pad.block-3d[data-lit=wrong]{background-color:color-mix(in oklab, var(--face) 58%, white)}}.echo-pad-digit{transition:scale 70ms var(--ease-out)}.echo-pad.block-3d[data-lit] .echo-pad-digit{scale:1.16}.echo-pad.block-3d:active:not(:disabled){transform:translateY(var(--pad-lip));box-shadow:0 0 0 0 var(--lip), 0 0 0 max(3px, calc(var(--pad-size) * .035)) var(--ring), 0 2px 6px -4px var(--ink)}@supports (color:color-mix(in lab, red, red)){.echo-pad.block-3d:active:not(:disabled){box-shadow:0 0 0 0 var(--lip), 0 0 0 max(3px, calc(var(--pad-size) * .035)) var(--ring), 0 2px 6px -4px color-mix(in oklab, var(--ink) 40%, transparent)}}@media (prefers-reduced-motion:reduce){.echo-pad.block-3d[data-lit],.echo-pad.block-3d:active:not(:disabled){transform:none}.echo-pad.block-3d[data-lit] .echo-pad-digit{scale:1}}:root[data-motion=reduced] .echo-pad.block-3d[data-lit],:root[data-motion=reduced] .echo-pad.block-3d:active:not(:disabled){transform:none}:root[data-motion=reduced] .echo-pad.block-3d[data-lit] .echo-pad-digit{scale:1}.echo-scale{--pad-gap:.7rem;--pad-lip:5px;--pad-size:clamp(3.75rem, min(38vw, 21dvh), 8rem)}@media (min-height:800px){.echo-scale{--pad-gap:.8rem;--pad-size:clamp(4rem, min(40vw, 23dvh), 10rem)}}@media (min-width:640px){.echo-scale{--pad-gap:.9rem;--pad-size:clamp(5rem, min(30vw, 21dvh), 12rem)}}@media (min-width:640px) and (min-height:800px){.echo-scale{--pad-size:clamp(5rem, min(30vw, 24dvh), 14rem)}}@media (min-width:1024px){.echo-scale{--pad-gap:1rem;--pad-size:clamp(5rem, min(22vw, 22dvh), 13rem)}}@media (min-width:1440px){.echo-scale{--pad-gap:1.1rem;--pad-size:clamp(6rem, min(20vw, 24dvh), 15rem)}}@media (max-height:620px){.echo-scale{--pad-gap:.45rem;--pad-lip:3px;--pad-size:clamp(3rem, min(34vw, 22dvh), 5.5rem)}}@media (max-height:440px){.echo-scale{--pad-gap:.35rem;--pad-lip:2px;--pad-size:clamp(2.6rem, min(30vw, 24dvh), 4.6rem)}}@media (max-height:440px) and (min-width:640px){.echo-scale{--pad-gap:.5rem;--pad-size:clamp(2.8rem, 36dvh, 7rem)}}.sort-board{--tube-w:2.9rem;--ball:calc(var(--tube-w) - .55rem);--tube-h:calc(var(--ball) * 4 + .9rem);--tube-rim:.28rem}.sort-tube{width:var(--tube-w);height:var(--tube-h);border-radius:calc(var(--tube-w) * .34) calc(var(--tube-w) * .34) calc(var(--tube-w) * .46) calc(var(--tube-w) * .46);background-color:var(--card);border:2px solid var(--border-strong);box-shadow:inset 0 3px 6px var(--ink), inset 0 -2px 0 var(--card);position:relative}@supports (color:color-mix(in lab, red, red)){.sort-tube{box-shadow:inset 0 3px 6px color-mix(in oklab, var(--ink) 12%, transparent), inset 0 -2px 0 color-mix(in oklab, var(--card) 70%, white)}}.sort-tube{padding:var(--tube-rim);cursor:pointer;transition:transform .18s var(--spring), border-color .14s ease-out;flex-direction:column-reverse;justify-content:flex-start;align-items:center;gap:.1rem;display:flex}.sort-tube[data-selected=true]{border-color:var(--game-hue,var(--brand));transform:translateY(-.6rem)}.sort-tube[data-target=true]{border-color:var(--game-hue,var(--brand));border-style:dashed}.sort-tube[data-done=true],.sort-tube:disabled{cursor:default}.sort-ball{width:var(--ball);height:var(--ball);background-image:radial-gradient(circle at 32% 28%,#ffffff6b,#0000 58%);background-image:radial-gradient(circle at 32% 28%,lab(100% -.0000298023 .0000119209/.42),#0000 58%);border-radius:50%;flex:none;box-shadow:inset 0 -.14em #00000029;box-shadow:inset 0 -.14em lab(0% 0 0/.16)}.sort-ball[data-poured=true]{animation:sort-drop .26s var(--spring) both}@keyframes sort-drop{0%{opacity:.4;transform:translateY(-140%)scaleY(1.12)}70%{opacity:1;transform:translateY(0)scaleY(.9)}to{transform:translateY(0)scaleY(1)}}.sort-tube[data-done=true]{animation:sort-settled .42s var(--spring)}@keyframes sort-settled{0%,to{transform:translateY(0)scale(1)}45%{transform:translateY(-.25rem)scale(1.04)}}@media (min-width:640px){.sort-board{--tube-w:3.4rem}}@media (min-width:1024px){.sort-board{--tube-w:3.8rem}}@media (max-height:760px){.sort-board{--tube-w:2.7rem}}@media (max-height:620px){.sort-board{--tube-w:2.3rem}}@media (max-height:440px){.sort-board{--tube-w:1.9rem}}:root{--sort-0:#e0483f;--sort-1:#2f7fd6;--sort-2:#17a05a;--sort-3:#e5a920;--sort-4:#8b5cf0;--sort-5:#ef7a32;--sort-6:#14a5ae;--sort-7:#e069a8}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--sort-0:#f4776d;--sort-1:#6aa9ee;--sort-2:#4fc48a;--sort-3:#f0c45c;--sort-4:#b094f7;--sort-5:#f5a06a;--sort-6:#52c6ce;--sort-7:#f094c6}}:root[data-theme=dark]{--sort-0:#f4776d;--sort-1:#6aa9ee;--sort-2:#4fc48a;--sort-3:#f0c45c;--sort-4:#b094f7;--sort-5:#f5a06a;--sort-6:#52c6ce;--sort-7:#f094c6}:root[data-palette=colorblind]{--sort-0:#d4691a;--sort-1:#1b5fb0;--sort-2:#8fcdf0;--sort-3:#f2c46a;--sort-4:#6b4fa8;--sort-5:#9c4a12;--sort-6:#3f9ec7;--sort-7:#c9a04a}@media (prefers-color-scheme:dark){:root[data-palette=colorblind]:not([data-theme=light]){--sort-0:#ef9a56;--sort-1:#6a9de8;--sort-2:#bfe2f7;--sort-3:#f7dda2;--sort-4:#a08ad4;--sort-5:#c47a44;--sort-6:#7cc4e0;--sort-7:#d9c48a}}:root[data-palette=colorblind][data-theme=dark]{--sort-0:#ef9a56;--sort-1:#6a9de8;--sort-2:#bfe2f7;--sort-3:#f7dda2;--sort-4:#a08ad4;--sort-5:#c47a44;--sort-6:#7cc4e0;--sort-7:#d9c48a}:root[data-contrast=high] .sort-ball{outline:2px solid var(--ink);outline-offset:-2px}:root[data-contrast=high] .sort-tube{border-color:var(--ink)}.spot-panel{aspect-ratio:4/3;border-radius:var(--radius-card);border:2px solid var(--border-strong);background-color:var(--spot-sky);cursor:crosshair;touch-action:manipulation;-webkit-tap-highlight-color:transparent;width:100%;display:block;overflow:hidden}.spot-found{animation:spot-ring .42s var(--spring) both;transform-box:fill-box;transform-origin:50%}@keyframes spot-ring{0%{opacity:0;transform:scale(.3)}60%{opacity:1;transform:scale(1.18)}to{opacity:1;transform:scale(1)}}.spot-miss{transform-box:fill-box;transform-origin:50%;animation:.52s ease-out both spot-miss}@keyframes spot-miss{0%{opacity:.9;transform:scale(.5)}to{opacity:0;transform:scale(1.6)}}:root{--spot-sky:#cfe6f7;--spot-ground:#b9dda0;--spot-0:#e0483f;--spot-1:#3f9a5c;--spot-2:#2f7fd6;--spot-3:#e5a920;--spot-4:#9a6b43;--spot-5:#8b5cf0;--spot-6:#3a4a63;--spot-7:#fbfbff}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--spot-sky:#2b3558;--spot-ground:#2f4a39;--spot-0:#f4776d;--spot-1:#63bd83;--spot-2:#6aa9ee;--spot-3:#f0c45c;--spot-4:#bb8c60;--spot-5:#b094f7;--spot-6:#8fa2c4;--spot-7:#e8ecff}}:root[data-theme=dark]{--spot-sky:#2b3558;--spot-ground:#2f4a39;--spot-0:#f4776d;--spot-1:#63bd83;--spot-2:#6aa9ee;--spot-3:#f0c45c;--spot-4:#bb8c60;--spot-5:#b094f7;--spot-6:#8fa2c4;--spot-7:#e8ecff}:root[data-palette=colorblind]{--spot-sky:#d3e4f5;--spot-ground:#cdd3c2;--spot-0:#c25a14;--spot-1:#4a7fa8;--spot-2:#1b4f8f;--spot-3:#f0c46a;--spot-4:#8a6a3e;--spot-5:#6b4fa8;--spot-6:#2d3a4d;--spot-7:#fbfbff}@media (prefers-color-scheme:dark){:root[data-palette=colorblind]:not([data-theme=light]){--spot-sky:#2b3558;--spot-ground:#3d4438;--spot-0:#ef9a56;--spot-1:#7eaecd;--spot-2:#6a9de8;--spot-3:#f7dda2;--spot-4:#b08f5f;--spot-5:#a08ad4;--spot-6:#9aa8bd;--spot-7:#e8ecff}}:root[data-palette=colorblind][data-theme=dark]{--spot-sky:#2b3558;--spot-ground:#3d4438;--spot-0:#ef9a56;--spot-1:#7eaecd;--spot-2:#6a9de8;--spot-3:#f7dda2;--spot-4:#b08f5f;--spot-5:#a08ad4;--spot-6:#9aa8bd;--spot-7:#e8ecff}:root[data-contrast=high] .spot-panel{border-color:var(--ink);border-width:3px}.spot-stage{max-width:44rem;margin-inline:auto}@media (max-height:620px){.spot-stage{max-width:34rem}}@media (max-height:440px){.spot-stage{max-width:27rem}}.blog-prose{color:var(--ink-muted);font-size:1rem;line-height:1.72}.blog-prose>*+*{margin-top:1.05em}.blog-prose .lede{color:var(--ink);font-size:1.08rem;line-height:1.65}.blog-prose h2{color:var(--ink);font-family:var(--font-display);scroll-margin-top:calc(var(--header-h,64px) + 12px);margin-top:2.1em;font-size:1.45rem;font-weight:800;line-height:1.2}.blog-prose h3{color:var(--ink);font-family:var(--font-display);margin-top:1.6em;font-size:1.13rem;font-weight:700;line-height:1.3}.blog-prose h2+*,.blog-prose h3+*{margin-top:.5em}.blog-prose strong{color:var(--ink);font-weight:700}.blog-prose a{color:var(--brand);text-underline-offset:3px;font-weight:600;text-decoration:underline;text-decoration-thickness:1.5px}.blog-prose a:hover{text-decoration-thickness:2.5px}.blog-prose ul,.blog-prose ol{padding-left:1.35em}.blog-prose ul{list-style:outside}.blog-prose ol{list-style:decimal}.blog-prose li+li{margin-top:.45em}.blog-prose li::marker{color:var(--brand);font-weight:700}.blog-prose code{background:var(--sunken);color:var(--ink);font-variant-numeric:tabular-nums;border-radius:6px;padding:.1em .38em;font-size:.92em}.blog-prose pre{background:var(--sunken);color:var(--ink);border-radius:14px;padding:.9em 1.1em;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.88rem;line-height:1.45;overflow-x:auto}.blog-prose pre code{background:0 0;padding:0}.blog-prose blockquote{background:var(--sunken);color:var(--ink);border-radius:14px;padding:.8em 1.1em;font-style:italic}.blog-prose table{border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:.92rem;display:block;overflow-x:auto}.blog-prose th,.blog-prose td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:.5em .9em .5em 0}.blog-prose th{color:var(--ink);font-family:var(--font-display);font-weight:700}.blog-prose details{background:var(--card);border-radius:14px;padding:.7em 1em}.blog-prose summary{cursor:pointer;color:var(--brand);font-family:var(--font-display);font-weight:700}.blog-prose details[open] summary{margin-bottom:.4em}.blog-prose .blog-callout{margin-top:1.6em;margin-bottom:1.6em;line-height:normal}:root{--paper:#f1f0fa;--card:#fff;--sunken:#e5e2f5;--inset:#d6d2ec;--key-face:#fff;--border:#dedbf1;--border-strong:#c3bee1;--ink:#221a3c;--ink-muted:#5f5588;--ink-faint:#615b86;--on-accent:#fdfcff;--brand:#6a37ea;--brand-2:#a935e0;--brand-soft:#ece4ff;--brand-ring:#b79bfa;--correct:#15a63f;--correct-soft:#d7f3de;--present:#dd8f00;--present-soft:#fbeccd;--absent:#8b87a6;--absent-soft:#e4e2ef;--on-correct:#221a3c;--on-present:#221a3c;--on-absent:#221a3c;--danger:#c62f2f;--danger-soft:#fbe3e3;--on-danger:#fff;--q-1:#f0cc63;--q-2:#a9ce6f;--q-3:#82baef;--q-4:#c6a3ea;--on-q:#221a3c;--ms-1:#1f57bd;--ms-2:#136835;--ms-3:#a82d29;--ms-4:#5733ad;--ms-5:#92430e;--ms-6:#0a656c;--ms-7:#221a3c;--ms-8:#56517a;--shadow-ambient:0 10px 24px -12px var(--ink)}@supports (color:color-mix(in lab, red, red)){:root{--shadow-ambient:0 10px 24px -12px color-mix(in oklab, var(--ink) 42%, transparent)}}:root{--shadow-lift:0 18px 36px -16px var(--ink)}@supports (color:color-mix(in lab, red, red)){:root{--shadow-lift:0 18px 36px -16px color-mix(in oklab, var(--ink) 48%, transparent)}}:root{--top-light:linear-gradient(180deg, #ffffff42, transparent 52%);--spring:cubic-bezier(.34, 1.46, .64, 1);--spring-tight:cubic-bezier(.22, 1.5, .36, 1);--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-slide:cubic-bezier(.34, .61, .26, 1);--dur-tap:.13s;--dur-fast:.18s;--dur-mid:.28s;--dur-slow:.42s;--radius-tile:15px;--radius-key:11px;--radius-card:26px;--radius-pill:999px;--header-h:64px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@supports (color:lab(0% 0 0)){:root{--top-light:linear-gradient(180deg, lab(100% -.0000298023 .0000119209/.26), transparent 52%)}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#130f2e;--card:#1e1846;--sunken:#191340;--inset:#2b2360;--key-face:#332b70;--border:#302858;--border-strong:#453a7c;--ink:#f2eeff;--ink-muted:#a79ed3;--ink-faint:#9a92c6;--on-accent:#150f30;--brand:#a891ff;--brand-2:#cf7bf0;--brand-soft:#2c2160;--brand-ring:#6d4ec4;--correct:#21c25c;--correct-soft:#103322;--present:#ffb527;--present-soft:#3a2a10;--absent:#221c4d;--absent-soft:#1b1642;--on-correct:#221a3c;--on-present:#221a3c;--on-absent:#fff;--danger:#ff6b6b;--danger-soft:#3d1a1a;--on-danger:#221a3c;--q-1:#d9a83c;--q-2:#7fb84f;--q-3:#5a9fe0;--q-4:#a87ad6;--on-q:#221a3c;--ms-1:#7fb0ff;--ms-2:#5fd98a;--ms-3:#ff8f8f;--ms-4:#b79bfa;--ms-5:#f0a95e;--ms-6:#5ad2da;--ms-7:#f2eeff;--ms-8:#b3accd;--shadow-ambient:0 10px 26px -14px #000000b3;--shadow-lift:0 20px 40px -18px #000000bf;--top-light:linear-gradient(180deg, #ffffff17, transparent 55%);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@supports (color:lab(0% 0 0)){:root:not([data-theme=light]){--top-light:linear-gradient(180deg, lab(100% -.0000298023 .0000119209/.09), transparent 55%)}}}:root[data-theme=dark]{--paper:#130f2e;--card:#1e1846;--sunken:#191340;--inset:#2b2360;--key-face:#332b70;--border:#302858;--border-strong:#453a7c;--ink:#f2eeff;--ink-muted:#a79ed3;--ink-faint:#9a92c6;--on-accent:#150f30;--brand:#a891ff;--brand-2:#cf7bf0;--brand-soft:#2c2160;--brand-ring:#6d4ec4;--correct:#21c25c;--correct-soft:#103322;--present:#ffb527;--present-soft:#3a2a10;--absent:#221c4d;--absent-soft:#1b1642;--on-correct:#221a3c;--on-present:#221a3c;--on-absent:#fff;--danger:#ff6b6b;--danger-soft:#3d1a1a;--on-danger:#221a3c;--q-1:#d9a83c;--q-2:#7fb84f;--q-3:#5a9fe0;--q-4:#a87ad6;--on-q:#221a3c;--ms-1:#7fb0ff;--ms-2:#5fd98a;--ms-3:#ff8f8f;--ms-4:#b79bfa;--ms-5:#f0a95e;--ms-6:#5ad2da;--ms-7:#f2eeff;--ms-8:#b3accd;--shadow-ambient:0 10px 26px -14px #000000b3;--shadow-lift:0 20px 40px -18px #000000bf;--top-light:linear-gradient(180deg, #ffffff17, transparent 55%);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@supports (color:lab(0% 0 0)){:root[data-theme=dark]{--top-light:linear-gradient(180deg, lab(100% -.0000298023 .0000119209/.09), transparent 55%)}}:root[data-palette=colorblind]{--correct:#1373cc;--correct-soft:#dbe9f8;--present:#e87714;--present-soft:#fbe5d4;--on-correct:#fff;--on-present:#221a3c;--q-1:#e8a33d;--q-2:#6fc8ea;--q-3:#17a37b;--q-4:#cf6320;--on-q:#221a3c}@media (prefers-color-scheme:dark){:root[data-palette=colorblind]:not([data-theme=light]){--correct:#4d9ef0;--correct-soft:#122a44;--present:#f5822d;--present-soft:#3a2110;--on-correct:#221a3c;--on-present:#221a3c;--q-1:#e8a33d;--q-2:#6fc8ea;--q-3:#17a37b;--q-4:#cf6320;--on-q:#221a3c}}:root[data-palette=colorblind][data-theme=dark]{--correct:#4d9ef0;--correct-soft:#122a44;--present:#f5822d;--present-soft:#3a2110;--on-correct:#221a3c;--on-present:#221a3c;--q-1:#e8a33d;--q-2:#6fc8ea;--q-3:#17a37b;--q-4:#cf6320;--on-q:#221a3c}:root[data-contrast=high]{--ink:#000;--ink-muted:#241a3a;--border:#7a739c;--border-strong:#221a3c;--card:#fff;--paper:#f4f3fb;--brand:#4a15c8;--correct:#0a6b2c;--present:#8a5600;--absent:#4d4a68;--on-correct:#fff;--on-present:#fff;--on-absent:#fff;--danger:#a01414;--danger-soft:#fbe0e0;--on-danger:#fff;--q-1:#f5d98a;--q-2:#b9e08a;--q-3:#9fcdf7;--q-4:#d5b8f5;--on-q:#000;--ms-1:#0b3fa0;--ms-2:#0a5227;--ms-3:#9c1f1a;--ms-4:#401f8f;--ms-5:#703208;--ms-6:#075c62;--ms-7:#000;--ms-8:#2f2b4f}:root[data-contrast=high][data-theme=dark]{--ink:#fff;--ink-muted:#ded9f5;--border:#8f88bb;--border-strong:#e7e3fa;--paper:#000;--card:#14103a;--brand:#b9a3ff;--correct:#3ce074;--present:#ffc44d;--absent:#635e8e;--on-correct:#221a3c;--on-present:#221a3c;--on-absent:#fff;--danger:#ff9a9a;--danger-soft:#3d1414;--on-danger:#221a3c;--q-1:#ffd96b;--q-2:#9fe86b;--q-3:#86c4ff;--q-4:#cfa8ff;--on-q:#000;--ms-1:#9fc4ff;--ms-2:#74f0a0;--ms-3:#ffa8a8;--ms-4:#cdb6ff;--ms-5:#ffc07a;--ms-6:#7ae6ee;--ms-7:#fff;--ms-8:#d6d0ef}.block-3d{--lip-h:4px;--lip-from:var(--card);--lip:var(--lip-from)}@supports (color:color-mix(in lab, red, red)){.block-3d{--lip:color-mix(in oklab, var(--lip-from) 74%, #1a1030)}}.block-3d{box-shadow:0 var(--lip-h) 0 0 var(--lip), var(--shadow-ambient);transition:transform var(--dur-tap) var(--spring-tight), box-shadow var(--dur-tap) var(--ease-out), background-color var(--dur-fast) var(--ease-out);position:relative}.block-3d:before{content:"";border-radius:inherit;background:var(--top-light);pointer-events:none;position:absolute;inset:0}@media (hover:hover){.block-3d:hover:not(:disabled){box-shadow:0 calc(var(--lip-h) + 1.5px) 0 0 var(--lip), var(--shadow-lift);transform:translateY(-1.5px)}}.block-3d:active:not(:disabled){transform:translateY(var(--lip-h));box-shadow:0 0 0 0 var(--lip), 0 2px 6px -4px var(--ink)}@supports (color:color-mix(in lab, red, red)){.block-3d:active:not(:disabled){box-shadow:0 0 0 0 var(--lip), 0 2px 6px -4px color-mix(in oklab, var(--ink) 40%, transparent)}}.block-3d:disabled{box-shadow:0 var(--lip-h) 0 0 var(--lip)}@keyframes tile-tap{0%{transform:scale(.84,1.14)}40%{transform:scale(1.09,.92)}70%{transform:scale(.98,1.02)}to{transform:scale(1)}}@keyframes tile-reveal{0%{background-color:var(--card);border-color:var(--border-strong);color:var(--ink);transform:rotateX(0)scale(1)}22%{background-color:var(--card);border-color:var(--border-strong);color:var(--ink);transform:rotateX(-26deg)scale(1.04,.97)}49.9%{background-color:var(--card);border-color:var(--border-strong);color:var(--ink);transform:rotateX(-90deg)scaleY(.94)}50%{background-color:var(--tile-bg);border-color:var(--tile-bg);color:var(--tile-fg);transform:rotateX(90deg)scaleY(.94)}78%{background-color:var(--tile-bg);border-color:var(--tile-bg);color:var(--tile-fg);transform:rotateX(-7deg)scale(1.05,1.02)}to{background-color:var(--tile-bg);border-color:var(--tile-bg);color:var(--tile-fg);transform:rotateX(0)scale(1)}}@keyframes row-nope{0%,to{transform:translate(0)rotate(0)}14%{transform:translate(-9px)rotate(-1.4deg)}30%{transform:translate(7px)rotate(1.1deg)}46%{transform:translate(-5px)rotate(-.7deg)}62%{transform:translate(3px)rotate(.4deg)}80%{transform:translate(-1px)rotate(0)}}@keyframes tile-cheer{0%{transform:translateY(0)scale(1)}16%{transform:translateY(3px)scale(1.1,.88)}42%{transform:translateY(-28px)scale(.92,1.12)}64%{transform:translateY(0)scale(1.08,.93)}82%{transform:translateY(-7px)scale(.99,1.02)}to{transform:translateY(0)scale(1)}}@keyframes spring-in{0%{opacity:0;transform:translateY(18px)scale(.955)}62%{opacity:1;transform:translateY(-3px)scale(1.012)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes word-pop{0%{opacity:0;transform:scale(.45)rotate(-7deg)}55%{opacity:1;transform:scale(1.14)rotate(2.5deg)}76%{transform:scale(.95)rotate(-1deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)scale(.94)}65%{opacity:1;transform:translateY(2px)scale(1.02)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes bar-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes spark-ring{0%{opacity:0;transform:scale(.82)}25%{opacity:.85}to{opacity:0;transform:scale(1.6)}}@keyframes praise-in{0%{opacity:0;transform:scale(.55)rotate(-5deg)}45%{opacity:1;transform:scale(1.12)rotate(2deg)}68%{transform:scale(.96)rotate(-1deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes praise-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.1)translateY(-10px)}}@keyframes confetti-fall{0%{opacity:0;transform:translateY(-12px)rotate(0)scale(.7)}12%{opacity:1;transform:translate3d(calc(var(--drift) * .18), 8vh, 0) rotate(90deg) scale(1)}to{opacity:0;transform:translate3d(var(--drift,0px), 76vh, 0) rotate(var(--spin,540deg)) scale(.9)}}@keyframes ring-burst{0%{opacity:.55;transform:scale(.6)}to{opacity:0;transform:scale(1.9)}}.anim-tap{animation:tile-tap var(--dur-tap) var(--spring) both}.anim-reveal{animation:tile-reveal .54s var(--ease-in-out) both}.anim-nope{animation:row-nope .46s var(--ease-in-out)}.anim-cheer{animation:tile-cheer .7s var(--spring) both}.anim-spring{animation:spring-in var(--dur-slow) var(--spring) both}.anim-word{animation:word-pop .62s var(--spring) both}.anim-fade{animation:fade-in var(--dur-mid) var(--ease-out) both}.anim-toast{animation:toast-in .26s var(--spring) both}.anim-bar{transform-origin:0;animation:bar-grow .7s var(--spring-tight) both}.anim-ring{animation:ring-burst .9s var(--ease-out) both}.anim-spark{animation:spark-ring .62s var(--ease-out) both}.anim-praise{animation:praise-in .56s var(--spring) both, praise-out .32s var(--ease-out) 1.15s both}.tile-3d{transform-style:preserve-3d;backface-visibility:visible}.scroll-quiet{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;transition-delay:0s!important;animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}:root[data-motion=reduced] *,:root[data-motion=reduced] :before,:root[data-motion=reduced] :after{transition-duration:.001ms!important;transition-delay:0s!important;animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important}@media (prefers-reduced-motion:reduce){.confetti-layer,.ring-layer,.spark-layer{display:none}}:root[data-motion=reduced] .confetti-layer,:root[data-motion=reduced] .ring-layer,:root[data-motion=reduced] .spark-layer{display:none}@media (pointer:coarse){.touch-target{position:relative}.touch-target:after{content:"";width:max(100%, var(--touch-w,44px));height:max(100%,44px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.focus\:not-sr-only:focus{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;position:static;overflow:visible}@media (min-width:640px){:root{--header-h:72px}}@media (max-height:620px){:root{--header-h:60px}}@media (min-width:640px) and (max-height:620px){:root{--header-h:64px}}.board-scale{--tile-lip:4px;--tile-gap:.38rem;--tile-size:clamp(2.1rem, min(15vw, 7.1dvh), 3.9rem)}.kbd-scale{--key-lip:4px;--key-gap:.26rem;--key-height:clamp(2.5rem, 7dvh, 3.3rem);--kbd-width:30rem}@media (min-height:800px){.board-scale{--tile-gap:.42rem;--tile-size:clamp(2.1rem, min(16.5vw, 8.6dvh), 4.5rem)}}@media (min-width:640px){.board-scale{--tile-gap:.48rem;--tile-size:clamp(2.45rem, min(10.5vw, 8dvh), 4.1rem)}.kbd-scale{--key-gap:.4rem;--key-height:clamp(2.7rem, 7.4dvh, 3.7rem);--kbd-width:32rem}}@media (min-width:1024px){.board-scale{--tile-gap:.5rem;--tile-size:clamp(2.7rem, min(6.5vw, 7.2dvh), 4.4rem)}.kbd-scale{--key-height:clamp(2.8rem, 6.8dvh, 3.6rem);--kbd-width:27rem}}@media (max-height:620px){.board-scale{--tile-lip:3px;--tile-gap:.22rem;--tile-size:clamp(1.5rem, 7.6dvh, 2.5rem)}.kbd-scale{--key-lip:3px;--key-gap:.2rem;--key-height:clamp(1.85rem, 7dvh, 2.5rem)}}@media (max-height:440px){.board-scale{--tile-lip:2px;--tile-gap:.18rem;--tile-size:clamp(1.3rem, 7dvh, 2rem)}.kbd-scale{--key-lip:2px;--key-gap:.18rem;--key-height:clamp(1.6rem, 6.6dvh, 2.1rem)}}@media (max-height:440px) and (min-width:640px){.board-scale{--tile-gap:.22rem;--tile-size:clamp(1.5rem, 11.5dvh, 2.9rem)}.kbd-scale{--key-gap:.22rem;--key-height:clamp(1.9rem, 10.5dvh, 2.9rem);--kbd-width:26rem}}:root{--t-2:#e8e5f7;--t-2-fg:#5f5588;--t-4:#d8d2f1;--t-4-fg:#3b3168;--t-8:#c0b1f5;--t-8-fg:#241a4d;--t-16:#a487f2;--t-16-fg:#1d1440;--t-32:#7c4ef0;--t-32-fg:#fff;--t-64:#6a37ea;--t-64-fg:#fff;--t-128:#a935e0;--t-128-fg:#fff;--t-256:#d1297f;--t-256-fg:#fff;--t-512:#d13d20;--t-512-fg:#fff;--t-1024:#e39100;--t-1024-fg:#1d1330;--t-2048:var(--correct);--t-2048-fg:var(--on-correct);--t-max:linear-gradient(140deg, var(--brand-2), var(--brand));--t-max-fg:#fff}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--t-2:#3b3272;--t-2-fg:#c9c1ee;--t-4:#4d4098;--t-4-fg:#ece8ff;--t-8:#6350c4;--t-8-fg:#fff;--t-16:#7357e0;--t-16-fg:#fff;--t-32:#9b84ff;--t-32-fg:#150f30;--t-64:#b9a3ff;--t-64-fg:#150f30;--t-128:#c97bef;--t-128-fg:#1b1036;--t-256:#f06bb6;--t-256-fg:#2a0f22;--t-512:#ff7a5c;--t-512-fg:#2e0f08;--t-1024:#ffb527;--t-1024-fg:#2e1d00}}:root[data-theme=dark]{--t-2:#3b3272;--t-2-fg:#c9c1ee;--t-4:#4d4098;--t-4-fg:#ece8ff;--t-8:#6350c4;--t-8-fg:#fff;--t-16:#7357e0;--t-16-fg:#fff;--t-32:#9b84ff;--t-32-fg:#150f30;--t-64:#b9a3ff;--t-64-fg:#150f30;--t-128:#c97bef;--t-128-fg:#1b1036;--t-256:#f06bb6;--t-256-fg:#2a0f22;--t-512:#ff7a5c;--t-512-fg:#2e0f08;--t-1024:#ffb527;--t-1024-fg:#2e1d00}:root[data-contrast=high]{--t-2:#fff;--t-2-fg:#241a3a;--t-4:#e4e1f3;--t-4-fg:#000;--t-8:#b9a8ee;--t-8-fg:#000;--t-16:#8f6ce4;--t-16-fg:#fff;--t-32:#5e22d4;--t-32-fg:#fff;--t-64:#4a15c8;--t-64-fg:#fff;--t-128:#8a1bb8;--t-128-fg:#fff;--t-256:#a81363;--t-256-fg:#fff;--t-512:#b32c10;--t-512-fg:#fff;--t-1024:#d98c00;--t-1024-fg:#000}:root[data-contrast=high][data-theme=dark]{--t-2:#241d52;--t-2-fg:#ded9f5;--t-4:#3a2f7a;--t-4-fg:#fff;--t-8:#5744ad;--t-8-fg:#fff;--t-16:#7c63e0;--t-16-fg:#000;--t-32:#9d86ff;--t-32-fg:#000;--t-64:#b9a3ff;--t-64-fg:#000;--t-128:#e09bff;--t-128-fg:#000;--t-256:#ff8fc8;--t-256-fg:#000;--t-512:#ff9878;--t-512-fg:#000;--t-1024:#ffc44d;--t-1024-fg:#000}.t2048[data-value="2"]{--face:var(--t-2);--face-fg:var(--t-2-fg)}.t2048[data-value="4"]{--face:var(--t-4);--face-fg:var(--t-4-fg)}.t2048[data-value="8"]{--face:var(--t-8);--face-fg:var(--t-8-fg)}.t2048[data-value="16"]{--face:var(--t-16);--face-fg:var(--t-16-fg)}.t2048[data-value="32"]{--face:var(--t-32);--face-fg:var(--t-32-fg)}.t2048[data-value="64"]{--face:var(--t-64);--face-fg:var(--t-64-fg)}.t2048[data-value="128"]{--face:var(--t-128);--face-fg:var(--t-128-fg)}.t2048[data-value="256"]{--face:var(--t-256);--face-fg:var(--t-256-fg)}.t2048[data-value="512"]{--face:var(--t-512);--face-fg:var(--t-512-fg)}.t2048[data-value="1024"]{--face:var(--t-1024);--face-fg:var(--t-1024-fg)}.t2048[data-value="2048"]{--face:var(--t-2048);--face-fg:var(--t-2048-fg)}.t2048{background-color:var(--face);color:var(--face-fg);--lip-from:var(--face)}.t2048-placed{transition-property:translate,opacity;transition-duration:.185s;transition-timing-function:var(--ease-slide);position:absolute;top:0;left:0}.t2048[data-value=max]{--face-fg:var(--t-max-fg);background:var(--t-max);color:var(--face-fg);--lip:var(--brand)}@supports (color:color-mix(in lab, red, red)){.t2048[data-value=max]{--lip:color-mix(in oklab, var(--brand) 66%, #1a1030)}}@keyframes t2048-spawn{0%{opacity:0;rotate:-12deg;scale:.2}60%{opacity:1;rotate:3deg;scale:1.16}to{opacity:1;rotate:none;scale:1}}@keyframes t2048-absorb{0%{opacity:1}to{opacity:0}}@keyframes t2048-merge{0%{scale:1}28%{scale:.88 1.1}62%{scale:1.24 .92}to{scale:1}}@keyframes score-pop{0%{opacity:0;transform:translateY(6px)scale(.8)}22%{opacity:1;transform:translateY(-2px)scale(1.05)}to{opacity:0;transform:translateY(-22px)scale(1)}}@keyframes best-flash{0%,to{transform:scale(1)}40%{transform:scale(1.18)}}.anim-t-spawn{animation:t2048-spawn .24s var(--spring) both}.anim-t-merge{animation:t2048-merge .26s var(--spring) both}.anim-t-absorb{animation:t2048-absorb .185s var(--ease-slide) both}.anim-score{animation:score-pop .76s var(--ease-out) both}.anim-best{animation:best-flash .42s var(--spring) both}.grid2048-scale{--cell-gap:.5rem;--cell-pad:.5rem;--cell-lip:4px;--cell-size:clamp(2.6rem, min(19vw, 14dvh), 5.5rem)}@media (min-height:800px){.grid2048-scale{--cell-gap:.55rem;--cell-size:clamp(2.6rem, min(20vw, 15dvh), 6rem)}}@media (min-width:640px){.grid2048-scale{--cell-gap:.6rem;--cell-pad:.6rem;--cell-size:clamp(3rem, min(15vw, 14dvh), 6.2rem)}}@media (min-width:1024px){.grid2048-scale{--cell-gap:.65rem;--cell-pad:.65rem;--cell-size:clamp(3rem, min(8vw, 13dvh), 6.6rem)}}@media (max-height:620px){.grid2048-scale{--cell-gap:.32rem;--cell-pad:.32rem;--cell-lip:3px;--cell-size:clamp(2rem, min(19vw, 13dvh), 4rem)}}@media (max-height:440px){.grid2048-scale{--cell-gap:.26rem;--cell-pad:.26rem;--cell-lip:2px;--cell-size:clamp(1.7rem, min(19vw, 13dvh), 3.4rem)}}@media (max-height:440px) and (min-width:640px){.grid2048-scale{--cell-size:clamp(1.9rem, 17dvh, 3.6rem)}}:root{--hue-violet:#6a37ea;--hue-sky:#2f7fd6;--hue-mint:#10a48c;--hue-amber:#d98324;--hue-rose:#db4a72;--hue-teal:#0d9aa8;--hue-indigo:#4c53c6;--hue-peach:#e2704a}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--hue-violet:#9a7bff;--hue-sky:#6aa9ee;--hue-mint:#4fc9b2;--hue-amber:#e8ab5e;--hue-rose:#f0829f;--hue-teal:#4cc2cf;--hue-indigo:#8b91ef;--hue-peach:#f09a78}}:root[data-theme=dark]{--hue-violet:#9a7bff;--hue-sky:#6aa9ee;--hue-mint:#4fc9b2;--hue-amber:#e8ab5e;--hue-rose:#f0829f;--hue-teal:#4cc2cf;--hue-indigo:#8b91ef;--hue-peach:#f09a78}:root[data-palette=colorblind]{--hue-violet:#4a63d8;--hue-sky:#2f7fd6;--hue-mint:#1b8fa8;--hue-amber:#c07a1e;--hue-rose:#b5642b;--hue-teal:#1b8fa8;--hue-indigo:#4a63d8;--hue-peach:#c07a1e}@media (prefers-color-scheme:dark){:root[data-palette=colorblind]:not([data-theme=light]){--hue-violet:#8b9bf0;--hue-sky:#6aa9ee;--hue-mint:#5cb6cb;--hue-amber:#e0a65c;--hue-rose:#d99a6a;--hue-teal:#5cb6cb;--hue-indigo:#8b9bf0;--hue-peach:#e0a65c}}:root[data-palette=colorblind][data-theme=dark]{--hue-violet:#8b9bf0;--hue-sky:#6aa9ee;--hue-mint:#5cb6cb;--hue-amber:#e0a65c;--hue-rose:#d99a6a;--hue-teal:#5cb6cb;--hue-indigo:#8b9bf0;--hue-peach:#e0a65c}[data-hue=violet]{--game-hue:var(--hue-violet)}[data-hue=sky]{--game-hue:var(--hue-sky)}[data-hue=mint]{--game-hue:var(--hue-mint)}[data-hue=amber]{--game-hue:var(--hue-amber)}[data-hue=rose]{--game-hue:var(--hue-rose)}[data-hue=teal]{--game-hue:var(--hue-teal)}[data-hue=indigo]{--game-hue:var(--hue-indigo)}[data-hue=peach]{--game-hue:var(--hue-peach)}[data-hue]{--game-wash:var(--game-hue)}@supports (color:color-mix(in lab, red, red)){[data-hue]{--game-wash:color-mix(in oklab, var(--game-hue) 13%, var(--paper))}}[data-hue]{--game-tint:var(--game-hue)}@supports (color:color-mix(in lab, red, red)){[data-hue]{--game-tint:color-mix(in oklab, var(--game-hue) 9%, var(--card))}}[data-hue]{--game-edge:var(--game-hue)}@supports (color:color-mix(in lab, red, red)){[data-hue]{--game-edge:color-mix(in oklab, var(--game-hue) 26%, var(--border))}}[data-hue]{--game-ink:var(--ink)}@supports (color:color-mix(in lab, red, red)){[data-hue]{--game-ink:color-mix(in oklab, var(--ink) 62%, var(--game-hue))}}:root[data-contrast=high] [data-hue]{--game-wash:var(--paper);--game-tint:var(--card);--game-edge:var(--ink);--game-ink:var(--ink)}.game-wash{background-color:var(--game-wash)}@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-divide-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-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-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@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-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-content{syntax:"*";inherits:false;initial-value:""}