:root{--c-page-background: #fcfcfc;--c-page-text: #222}*{box-sizing:border-box}html{display:flex;flex-direction:column;height:100%;background:var(--c-page-background)}body{flex:1;margin:0}#root{display:contents}.info{padding:1em 1em 20em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.info h1{font-size:2em;font-weight:300}.info h2{font-size:1.5em;font-weight:300;margin-top:.2em;margin-bottom:-.2em}.info h3{font-size:1.2em;font-weight:400;margin-top:.55em;margin-bottom:-.2em}.info,.info a{color:var(--c-page-text)}.info ul{padding:0 0 0 1.5em}.info li{padding:.25em 0;list-style:circle}.i-button{background:#fcfcfc;border:1px solid #ccc;border-radius:3px;padding:0 .1em}.b-inset{margin-left:1em}.i-grade{font-style:italic;font-weight:500}.play-now{border:1px outset #ccc;border-radius:4px;padding:.3em .5em;background:#f3f3ff;box-shadow:1px 1px 1px #ccc;text-decoration:none}.play-now:hover{background:#fcfcfc}.play-now:active{border:1px solid #ccc;background:#fcfcfc;box-shadow:1px 1px 1px #eee}.play-now.disable,.play-now.disable:active,.play-now.disable:hover{box-shadow:1px 1px 1px #eee;background:#f3f3ff;border:1px solid #ccc;color:gray}/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-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-duration:initial;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-lg:32rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--font-weight-medium:500;--font-weight-semibold:600;--radius-xs:.125rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@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%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){*{outline-color:color-mix(in oklab,var(--ring)50%,transparent)}}body{background-color:var(--background);color:var(--foreground)}}@layer components;@layer utilities{.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}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.top-4{top:calc(var(--spacing)*4)}.top-\[50\%\]{top:50%}.right-4{right:calc(var(--spacing)*4)}.left-\[50\%\]{left:50%}.z-50{z-index:50}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.size-9{width:calc(var(--spacing)*9);height:calc(var(--spacing)*9)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.w-40{width:calc(var(--spacing)*40)}.w-full{width:100%}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.shrink-0{flex-shrink:0}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.resize{resize:both}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-xs{border-radius:var(--radius-xs)}.border{border-style:var(--tw-border-style);border-width:1px}.bg-background{background-color:var(--background)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-destructive{background-color:var(--destructive)}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.p-6{padding:calc(var(--spacing)*6)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-2{padding-block:calc(var(--spacing)*2)}.text-center{text-align:center}.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))}.leading-none{--tw-leading:1;line-height:1}.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)}.whitespace-nowrap{white-space:nowrap}.text-muted-foreground{color:var(--muted-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-white{color:var(--color-white)}.underline-offset-4{text-underline-offset:4px}.opacity-70{opacity:.7}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-offset-background{--tw-ring-offset-color:var(--background)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.outline-none{--tw-outline-style:none;outline-style:none}.paused{animation-play-state:paused}@media (hover:hover){.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--destructive)90%,transparent)}}.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--primary)90%,transparent)}}.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab,var(--secondary)80%,transparent)}}.hover\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-ring:focus{--tw-ring-color:var(--ring)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing)*2.5)}.has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--spacing)*3)}.has-\[\>svg\]\:px-4:has(>svg){padding-inline:calc(var(--spacing)*4)}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:var(--accent)}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:var(--muted-foreground)}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}@media (min-width:40rem){.sm\:max-w-lg{max-width:var(--container-lg)}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:text-left{text-align:left}}.dark\:border-input:is(.dark *){border-color:var(--input)}.dark\:bg-destructive\/60:is(.dark *){background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-destructive\/60:is(.dark *){background-color:color-mix(in oklab,var(--destructive)60%,transparent)}}.dark\:bg-input\/30:is(.dark *){background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-input\/30:is(.dark *){background-color:color-mix(in oklab,var(--input)30%,transparent)}}@media (hover:hover){.dark\:hover\:bg-accent\/50:is(.dark *):hover{background-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-accent\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--accent)50%,transparent)}}.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--input)50%,transparent)}}}.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{--background:oklch(100% 0 0);--foreground:oklch(14.5% 0 0);--card:oklch(100% 0 0);--card-foreground:oklch(14.5% 0 0);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.5% 0 0);--primary:oklch(20.5% 0 0);--primary-foreground:oklch(98.5% 0 0);--secondary:oklch(97% 0 0);--secondary-foreground:oklch(20.5% 0 0);--muted:oklch(97% 0 0);--muted-foreground:oklch(55.6% 0 0);--accent:oklch(97% 0 0);--accent-foreground:oklch(20.5% 0 0);--destructive:oklch(57.7% .245 27.325);--destructive-foreground:oklch(57.7% .245 27.325);--border:oklch(92.2% 0 0);--input:oklch(92.2% 0 0);--ring:oklch(70.8% 0 0);--chart-1:oklch(64.6% .222 41.116);--chart-2:oklch(60% .118 184.704);--chart-3:oklch(39.8% .07 227.392);--chart-4:oklch(82.8% .189 84.429);--chart-5:oklch(76.9% .188 70.08);--radius:.625rem;--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.5% 0 0);--sidebar-primary:oklch(20.5% 0 0);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(97% 0 0);--sidebar-accent-foreground:oklch(20.5% 0 0);--sidebar-border:oklch(92.2% 0 0);--sidebar-ring:oklch(70.8% 0 0)}.dark{--background:oklch(14.5% 0 0);--foreground:oklch(98.5% 0 0);--card:oklch(14.5% 0 0);--card-foreground:oklch(98.5% 0 0);--popover:oklch(14.5% 0 0);--popover-foreground:oklch(98.5% 0 0);--primary:oklch(98.5% 0 0);--primary-foreground:oklch(20.5% 0 0);--secondary:oklch(26.9% 0 0);--secondary-foreground:oklch(98.5% 0 0);--muted:oklch(26.9% 0 0);--muted-foreground:oklch(70.8% 0 0);--accent:oklch(26.9% 0 0);--accent-foreground:oklch(98.5% 0 0);--destructive:oklch(39.6% .141 25.723);--destructive-foreground:oklch(63.7% .237 25.331);--border:oklch(26.9% 0 0);--input:oklch(26.9% 0 0);--ring:oklch(43.9% 0 0);--chart-1:oklch(48.8% .243 264.376);--chart-2:oklch(69.6% .17 162.48);--chart-3:oklch(76.9% .188 70.08);--chart-4:oklch(62.7% .265 303.9);--chart-5:oklch(64.5% .246 16.439);--sidebar:oklch(20.5% 0 0);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(48.8% .243 264.376);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(26.9% 0 0);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(26.9% 0 0);--sidebar-ring:oklch(43.9% 0 0)}a{text-decoration:underline}p,ul{margin:.75em 0}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-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-duration{syntax:"*";inherits:false}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}:root{--c-board-background: white;--c-board-foreground: black;--c-keyboard-foreground: black;--c-keyboard-background: rgb(235, 235, 235);--c-keyboard-key-background: white;--c-keyboard-special-key-background: rgb(215, 215, 215)}:root{--c-page-background-incorrect: hsl(5deg, 86%, 48%);--c-page-background-correct: hsl(150deg, 86%, 48%);--c-keyboard-key-grey-background: #ddd;--c-keyboard-key-foreground: #000;--c-keyboard-key-alt-foreground: #009;--c-board-border: #333;--c-board-cell-seen: hsl(201, 37%, 92%);--c-board-cell-active: hsl(201, 79%, 86%);--c-board-cell-highlight: hsl(201, 79%, 86%);--c-board-cell-user: hsl(205, 90%, 24%);--c-board-cell-given: hsl(0, 0%, 5%);--c-board-cell-duplicate: hsl(0, 100%, 50%);--c-board-cell-check-error: hsl(0, 100%, 50%);--c-board-cell-check-good: hsl(113, 100%, 35%);--c-board-candidates: hsl(205, 90%, 35%)}.app-container{display:flex;align-items:center;flex:1;flex-direction:column}.app{display:flex;flex-direction:column;width:calc(1px * var(--board-width-sc))}html,body,.app,.app-container{transition:background 1s .4s}.app__block--board{width:100%}.app__block--keyboard{width:100%;left:0;position:fixed;bottom:-35%;transition:bottom .3s;z-index:1}.-show-keyboard .app__block--keyboard{bottom:0}.board,.board *{box-sizing:border-box;touch-action:none}.board{-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;align-items:center;opacity:1;transform:scale(1);transition:transform .5s,opacity .5s;--cell-padding: 1px;--board-width-cells: 8;--board-height-cells: 8;--board-width-px: calc(1px * var(--board-width-sc));width:var(--board-width-px);aspect-ratio:1;margin:0 auto;font-size:calc(.76px * var(--board-width-sc) / var(--board-width-cells));line-height:1.2}.board.-clear{transform:scale(0);opacity:0;transition:transform .5s .15s,opacity .5s .15s}.board__row{display:flex;width:100%;height:calc(100% / var(--board-height-cells))}.board__cell-spacing{padding:var(--cell-padding);width:calc(100% / var(--board-width-cells));height:100%}.board__cell{transition:transform .6s,color .2s;position:relative;width:100%;height:100%;background-color:var(--c-board-background);border:1px solid var(--c-board-foreground);text-align:center;box-shadow:0 0 3px #0003}.board__cell.--active-cell:after{position:absolute;bottom:0;left:0;width:100%;content:"_";font-weight:100;line-height:1.15}.board__cell--void{color:transparent;background-color:transparent;border-color:transparent;box-shadow:none}.board__cell:not(.board__cell--void){cursor:pointer}.board.-clear .board__cell{transform:scale(0);transition:transform .45s .2s}.keyboard-container{width:100%;background-color:var(--c-keyboard-background);box-shadow:0 -1px 2px #00000026}.-keyboard-can-expand-vertically .keyboard-container{padding:1.5vh 0 2vh}.keyboard{--keyboard-v-padding: calc(var(--keyboard-height) * .01);--keyboard-h-padding: calc(var(--keyboard-height) * .01);--key-spacing-aspect: 1.35;--key-spacing-width: calc(var(--keyboard-width) / 10);--key-spacing-height: calc( var(--key-spacing-width) * var(--key-spacing-aspect) );--key-font-size: calc(var(--key-spacing-width) / 2);--key-line-height: calc(var(--key-spacing-height) * .85);-webkit-user-select:none;user-select:none;font-family:serif;margin:0 auto;font-size:var(--key-font-size);line-height:calc(var(--key-line-height) * .9);padding:var(--keyboard-v-padding) var(--keyboard-h-padding) 0}.keyboard--popup{width:var(--keyboard-width);height:var(--keyboard-height)}.keyboard *{-webkit-user-select:none;user-select:none;color:#000}.keyboard__row{display:flex;justify-content:center;font-size:inherit;line-height:inherit;font-family:inherit}.keyboard__key-spacing{width:var(--key-spacing-width);height:var(--key-spacing-height);padding:1.6% .9%;font-size:inherit;line-height:inherit;font-family:inherit;border:none;touch-action:manipulation;background:transparent}.keyboard__key{border-radius:10%;background-color:var(--c-keyboard-key-background);box-shadow:0 1.5px 1.5px gray;width:100%;height:100%;text-align:center;position:relative}.keyboard__key--special{background-color:var(--c-keyboard-special-key-background);font-size:.9em}.keyboard__key--special .keyboard__key-letter{position:relative;top:1px}.keyboard__key-spacing:active .keyboard__key{transform:scale(.9) translateY(1px);filter:brightness(93%)}.app-container{background:var(--c-page-background)}body:has(.-completion-complete-incorrect),.-completion-complete-incorrect .app-container{background:var(--c-page-background-incorrect)}body:has(.-completion-complete-correct),.-completion-complete-correct .app-container{background:var(--c-page-background-correct)}.app__block--controls{width:100%;margin-top:90px}@media only screen and (max-width: 1100px){.app__block--controls{margin-top:55px}}.app__block--board{margin-top:60px}@media only screen and (max-width: 1100px){.app__block--board{margin-top:15px}}@media only screen and (max-width: 700px){.app__block--board{margin-top:5px}}.app__block--clues{margin-top:60px}@media only screen and (max-width: 1100px){.app__block--clues{position:fixed;margin-top:0;top:0;width:100%}}.app__block--completion{margin-top:40px}.app__completion{color:#ff0;font-family:math;font-size:1.5em;font-weight:700;font-style:italic;letter-spacing:1px;text-shadow:0 0 12px rgba(255,255,255,.5),0 0 2px black;text-align:center}@media (max-aspect-ratio: 1/1){.keyboard--inline{display:none}}@media (min-aspect-ratio: 1/1){.app{flex-direction:row-reverse;width:auto;gap:5px}.app__block--keyboard{position:static;width:auto}.keyboard-container{width:auto}}.keyboard{--key-spacing-aspect: .8}.keyboard--popup{--key-spacing-width: calc(var(--keyboard-width) / 6)}.keyboard--inline{--key-spacing-width: 70px}.-input-mode-candidates .keyboard__key-spacing[data-key="1"] .keyboard__key-letter,.-input-mode-candidates .keyboard__key-spacing[data-key="2"] .keyboard__key-letter,.-input-mode-candidates .keyboard__key-spacing[data-key="3"] .keyboard__key-letter,.-input-mode-candidates .keyboard__key-spacing[data-key="4"] .keyboard__key-letter,.-input-mode-candidates .keyboard__key-spacing[data-key="5"] .keyboard__key-letter,.-input-mode-candidates .keyboard__key-spacing[data-key="6"] .keyboard__key-letter,.-input-mode-candidates .keyboard__key-spacing[data-key="7"] .keyboard__key-letter,.-input-mode-candidates .keyboard__key-spacing[data-key="8"] .keyboard__key-letter,.-input-mode-candidates .keyboard__key-spacing[data-key="9"] .keyboard__key-letter{font-size:.5em;margin-left:1em;color:var(--c-keyboard-key-alt-foreground)}.keyboard__key-spacing[data-key=N] .keyboard__key-letter{color:var(--c-keyboard-key-alt-foreground)}.-input-mode-candidates .keyboard__key-spacing[data-key=N] .keyboard__key-letter{color:var(--c-keyboard-key-foreground)}.keyboard__key--grey{background-color:var(--c-keyboard-key-grey-background);opacity:.8}.keyboard__key-spacing--wide{width:calc(2 * var(--key-spacing-width))}.keyboard__key-spacing--wide .keyboard__key{border-radius:5%/10%}.controls{display:flex;flex-direction:row;align-items:center}.controls__sep{padding:0 1em;color:#0006}.controls__gap{padding:0 .3em}.controls__button{background:#ffffff26;border:1px solid rgba(0,0,0,.5);border-radius:6px;font-size:.8em;padding:.25em .5em;cursor:pointer;box-shadow:0 0 3px #0003;color:#0009}.controls__button:hover{background:#ffffff40}.controls__button:active{background:#0000001a;box-shadow:none}.app__block--board{margin-top:5px}.app__block--controls{margin-top:30px;padding:0}.controls__line{display:flex}.controls__line:first-child{margin-bottom:9px}.controls__text{color:hsl(0,0,15%);text-shadow:0 -.8px hsl(0 0 90% / 50%);font-family:sans-serif;margin-left:1px;margin-right:1em;-webkit-user-select:none;user-select:none}.controls__text.--clickable,.controls__text.--clickable *{cursor:pointer}.controls__inline-button{border:none;background:none;padding:0 .5em}.controls__text.--clickable:hover .controls__inline-button,.controls__inline-button:hover{color:#4d1919}.controls__text.--clickable:active .controls__inline-button,.controls__inline-button:active{transform:scale(.9)}.board__cell-candidates{font-size:32%;color:var(--c-board-candidates);margin-left:15px}.board__cell-candidates-value{display:block;position:absolute;width:33%;height:33%;margin-left:-2%;margin-top:1%}.board__cell-candidates-value[data-n="1"]{top:5%;left:5%}.board__cell-candidates-value[data-n="2"]{top:5%;left:35%}.board__cell-candidates-value[data-n="3"]{top:5%;left:65%}.board__cell-candidates-value[data-n="4"]{top:35%;left:5%}.board__cell-candidates-value[data-n="5"]{top:35%;left:35%}.board__cell-candidates-value[data-n="6"]{top:35%;left:65%}.board__cell-candidates-value[data-n="7"]{top:65%;left:5%}.board__cell-candidates-value[data-n="8"]{top:65%;left:35%}.board__cell-candidates-value[data-n="9"]{top:65%;left:65%}.board{--cell-padding: 0;--board-width-cells: 9;--board-height-cells: 9;--s-border-width-sc: 2;--s-border-width-px: calc(1px * var(--s-border-width-sc));--s-in-border-colour: #555;--s-board-width-excl-border-sc: calc( (var(--board-width-sc) - var(--s-border-width-sc) * 4) );--s-fraction-norm: calc( var(--s-board-width-excl-border-sc) / (var(--board-width-sc) * var(--board-width-cells)) );--s-fraction-bordered: calc( var(--s-fraction-norm) + (var(--s-border-width-sc) / var(--board-width-sc)) );padding:0;border:4px solid #555}.board__cell{border-color:var(--c-board-border);border:none;box-shadow:0 0 0 1px var(--c-board-border)}.board__row{height:calc(100% * var(--s-fraction-norm))}.board__row:nth-child(3),.board__row:nth-child(6){height:calc(100% * var(--s-fraction-bordered))}.board__row:nth-child(4),.board__row:nth-child(7){height:calc(100% * var(--s-fraction-bordered))}.board__row:nth-child(3) .board__cell,.board__row:nth-child(6) .board__cell{border-bottom:var(--s-border-width-px) solid var(--s-in-border-colour)}.board__row:nth-child(4) .board__cell,.board__row:nth-child(7) .board__cell{border-top:var(--s-border-width-px) solid var(--s-in-border-colour)}.board__row .board__cell-spacing{width:calc(100% * var(--s-fraction-norm))}.board__row .board__cell-spacing:nth-child(3),.board__row .board__cell-spacing:nth-child(6){width:calc(100% * var(--s-fraction-bordered))}.board__row .board__cell-spacing:nth-child(4),.board__row .board__cell-spacing:nth-child(7){width:calc(100% * var(--s-fraction-bordered))}.board__row .board__cell-spacing:nth-child(3) .board__cell,.board__row .board__cell-spacing:nth-child(6) .board__cell{border-right:var(--s-border-width-px) solid var(--s-in-border-colour)}.board__row .board__cell-spacing:nth-child(4) .board__cell,.board__row .board__cell-spacing:nth-child(7) .board__cell{border-left:var(--s-border-width-px) solid var(--s-in-border-colour)}.board__cell.--highlight-cell{background-color:var(--c-board-cell-highlight)}.board__cell.--seen-cell{background-color:var(--c-board-cell-seen)}.board__cell.--active-cell{background-color:var(--c-board-cell-active)}.board__cell{color:var(--c-board-cell-user)}.board__cell.--given-cell{color:var(--c-board-cell-given)}.board__cell.--duplicate{color:var(--c-board-cell-duplicate)}.board__cell.--check-error{color:var(--c-board-cell-check-error);text-decoration:line-through}.board__cell.--check-good{color:var(--c-board-cell-check-good)}.-complete-animation .board__cell.--active-cell:after{display:none}.-complete-animation .board__cell.--highlight-cell,.-complete-animation .board__cell.--active-cell,.-complete-animation .board__cell.--seen-cell{transition:background-color .1s .2s linear;background-color:var(--c-board-background)}@keyframes colour-in{0%{background-color:var(--c-board-background)}50%{background-color:var(--animation-colour)}75%{background-color:var(--c-board-background)}to{background-color:var(--c-board-background)}}.-complete-animation .board__cell{--animation-colour: hsl(185, 75%, 75%);--animation-it-duration: 1s;--animation-its: 4;transition:--background-color 2s linear}.-complete-animation .board__cell.--n1{animation:var(--animation-it-duration) linear 0s var(--animation-its) colour-in}.-complete-animation .board__cell.--n2{animation:var(--animation-it-duration) linear .1111s var(--animation-its) colour-in}.-complete-animation .board__cell.--n3{animation:var(--animation-it-duration) linear .2222s var(--animation-its) colour-in}.-complete-animation .board__cell.--n4{animation:var(--animation-it-duration) linear .3333s var(--animation-its) colour-in}.-complete-animation .board__cell.--n5{animation:var(--animation-it-duration) linear .4444s var(--animation-its) colour-in}.-complete-animation .board__cell.--n6{animation:var(--animation-it-duration) linear .5555s var(--animation-its) colour-in}.-complete-animation .board__cell.--n7{animation:var(--animation-it-duration) linear .6666s var(--animation-its) colour-in}.-complete-animation .board__cell.--n8{animation:var(--animation-it-duration) linear .7777s var(--animation-its) colour-in}.-complete-animation .board__cell.--n9{animation:var(--animation-it-duration) linear .8888s var(--animation-its) colour-in}.board__cell.--active-cell:after{display:none}.-timer-state-paused .board__cell-value,.-timer-state-paused .board__cell-candidates{transition:opacity .3s ease-out;opacity:0}.board:after{content:"";transition:opacity .3s ease-out .1s;opacity:0}.-timer-state-paused .board:after{opacity:1;content:"Paused";display:block;position:absolute;top:40%;padding:.5em;text-shadow:-2px -2px white,2px 2px white,-2px 2px white,2px -2px white}.-timer-state-paused .board__cell.--highlight-cell,.-timer-state-paused .board__cell.--active-cell,.-timer-state-paused .board__cell.--seen-cell{transition:background-color .1s .2s linear;background-color:var(--c-board-background)}