/*! tailwindcss v4.3.3 | 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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--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-tracking:initial}}}@layer theme{:root,:host{--spacing:.25rem;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--radius-md:.375rem;--radius-2xl:1rem;--font-body:"Nunito", system-ui, sans-serif;--color-page-top:#f6eee3;--color-page-bottom:#dde8f0;--color-ink:#4a5469;--color-ink-soft:#5f687c;--color-card:#ffffff9e;--color-card-border:#8193b847;--color-accent:#8193b8;--color-accent-ink:#fff;--color-key-top:#fffdf8;--color-key-side:#b9c4d8;--color-sky-top:#f6eee3;--color-sky-bottom:#d9e7f1;--color-sky-ink:#56617a;--color-sky-hint:#8a93a3;--color-night-top:#0f1631;--color-night-bottom:#27325c;--radius-card:22px;--container-content:70rem}}@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;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{color-scheme:light}body{background-color:var(--color-page-bottom);min-height:100vh;font-family:var(--font-body);color:var(--color-ink);background-image:linear-gradient(var(--color-page-top), var(--color-page-bottom));background-attachment:fixed;font-size:1.0625rem;line-height:1.6}h1,h2,h3{line-height:1.15}h1{--tw-font-weight:850;--tw-tracking:-.01em;letter-spacing:-.01em;font-size:clamp(2.3rem,5.5vw,3.8rem);font-weight:850}h2{--tw-font-weight:var(--font-weight-extrabold);font-size:clamp(1.8rem,3.6vw,2.5rem);font-weight:var(--font-weight-extrabold)}h3{--tw-font-weight:var(--font-weight-extrabold);font-size:1.2rem;font-weight:var(--font-weight-extrabold)}p{margin-top:.6rem}kbd{border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-bottom-style:var(--tw-border-style);border-bottom-width:2px;border-color:var(--color-card-border);background-color:var(--color-card);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);white-space:nowrap;padding-block:.05em;padding-inline:.45em;font-family:inherit;font-size:.85em}:focus-visible{outline-style:var(--tw-outline-style);outline-offset:3px;outline-width:3px;outline-color:var(--color-accent)}}@layer components{.card,.screen{border-radius:var(--radius-card);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-card-border);background-color:var(--color-card)}.shape-outline{fill:var(--colour);stroke:var(--colour);stroke-width:8px;stroke-linejoin:round;overflow:visible}.screen{padding:calc(var(--spacing) * 2.5);--tw-shadow:0 18px 40px -22px var(--tw-shadow-color,#343d6659);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);margin:0;container-type:inline-size}.sky{aspect-ratio:16/10;border-radius:calc(var(--radius-card) - 8px);background:linear-gradient(var(--color-sky-top), var(--color-sky-bottom));position:relative;overflow:hidden}.shape{left:var(--x);top:var(--y);width:calc(var(--size) * 1%);aspect-ratio:1;filter:drop-shadow(0 4px 6px #343d662e);position:absolute}.shape svg{width:100%;height:100%}.shape b{transform:translateY(var(--lift,0));color:#ffffffe6;font-weight:900;font-size:calc(var(--size) * .36cqi);place-items:center;display:grid;position:absolute;inset:0}.float{animation:float 7s ease-in-out var(--delay,0s) infinite alternate}.sky.night{background:linear-gradient(var(--color-night-top), var(--color-night-bottom))}.sparkle{left:var(--x);top:var(--y);width:calc(var(--size) * 1%);aspect-ratio:1;filter:drop-shadow(0 0 1.6cqi var(--colour));position:absolute}@supports (color:color-mix(in lab, red, red)){.sparkle{filter:drop-shadow(0 0 1.6cqi color-mix(in srgb, var(--colour), transparent 30%))}}.sparkle{animation:twinkle 2.6s ease-in-out var(--delay,0s) infinite alternate}.sparkle svg{width:100%;height:100%;fill:var(--colour);stroke:var(--colour);stroke-width:6px;stroke-linejoin:round;overflow:visible}.hint{color:var(--color-sky-hint);opacity:.75;font-size:max(9px,1.7cqi);position:absolute;top:3.5%;right:3%}.bars{justify-content:space-between;align-items:flex-end;height:52%;display:flex;position:absolute;bottom:7%;left:8%;right:8%}.bars i{width:6.4%;height:calc(var(--h) * 100%);background:linear-gradient(var(--colour), var(--colour));border-radius:999px}@supports (color:color-mix(in lab, red, red)){.bars i{background:linear-gradient(color-mix(in srgb, var(--colour), white 12%), var(--colour))}}.bars i{box-shadow:inset 0 0 0 1px #ffffff40}.ripple{left:var(--x);aspect-ratio:1;border:.45cqi solid var(--colour);background:var(--colour);border-radius:50%;place-items:center;width:22%;margin-left:-11%;display:grid;position:absolute;bottom:30%}@supports (color:color-mix(in lab, red, red)){.ripple{background:color-mix(in srgb, var(--colour), transparent 88%)}}.ripple{color:var(--colour)}@supports (color:color-mix(in lab, red, red)){.ripple{color:color-mix(in srgb, var(--colour), var(--color-sky-ink) 25%)}}.ripple{opacity:0;animation:ripple 3.6s ease-out var(--delay) infinite;font-size:5cqi;font-weight:900}.menu{color:var(--color-sky-ink);flex-direction:column;justify-content:center;align-items:center;gap:3.2cqi;display:flex}.menu-title{margin:0;font-size:6.5cqi;font-weight:900;line-height:1}.menu-games{gap:3cqi;display:flex}.menu-button,.menu-lengths span,.menu-quit{border:.25cqi solid var(--accent);background:#ffffffb3;border-radius:2cqi;flex-direction:column;align-items:center;gap:1.2cqi;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.menu-button,.menu-lengths span,.menu-quit{border:.25cqi solid color-mix(in srgb, var(--accent), transparent 60%)}}.menu-button{width:24cqi;padding:3cqi 0 2.2cqi;font-size:3.4cqi;font-weight:800}.dots{gap:.9cqi;display:flex}.dots i{border:.25cqi solid var(--accent);border-radius:50%;width:1.4cqi;height:1.4cqi}.dots i.on{background:var(--accent)}.menu-lengths{gap:1cqi;display:flex}.menu-lengths span{padding:1cqi 1.5cqi;font-size:2cqi}.menu-lengths span.selected{background:var(--accent);font-weight:800}@supports (color:color-mix(in lab, red, red)){.menu-lengths span.selected{background:color-mix(in srgb, var(--accent), transparent 76%)}}.menu-lengths span.selected{border-color:var(--accent)}.menu-quit{--accent:var(--color-sky-hint);padding:1.2cqi 2.4cqi;font-size:2.2cqi;font-weight:800}}@layer utilities{.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}.mx-auto{margin-inline:auto}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.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-10{margin-top:calc(var(--spacing) * 10)}.mt-\[1\.4rem\]{margin-top:1.4rem}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.flex{display:flex}.grid{display:grid}.inline-flex{display:inline-flex}.size-\[2\.2rem\]{width:2.2rem;height:2.2rem}.h-\[2\.1rem\]{height:2.1rem}.w-\[2rem\]{width:2rem}.max-w-\[34rem\]{max-width:34rem}.max-w-\[40rem\]{max-width:40rem}.max-w-\[46rem\]{max-width:46rem}.max-w-content{max-width:var(--container-content)}.min-w-0{min-width:0}.flex-\[1_1_16rem\]{flex:16rem}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-\[1\.3rem\]{gap:1.3rem}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-x-8{column-gap:calc(var(--spacing) * 8)}.gap-y-1{row-gap:var(--spacing)}.gap-y-3{row-gap:calc(var(--spacing) * 3)}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-card-border{border-color:var(--color-card-border)}.bg-accent{background-color:var(--color-accent)}.bg-card{background-color:var(--color-card)}.fill-key-side{fill:var(--color-key-side)}.fill-key-top{fill:var(--color-key-top)}.stroke-key-side{stroke:var(--color-key-side)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-\[1\.3rem\]{padding-inline:1.3rem}.px-\[1\.4rem\]{padding-inline:1.4rem}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-7{padding-block:calc(var(--spacing) * 7)}.pt-2\.5{padding-top:calc(var(--spacing) * 2.5)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-12{padding-top:calc(var(--spacing) * 12)}.pt-14{padding-top:calc(var(--spacing) * 14)}.pt-\[1\.4rem\]{padding-top:1.4rem}.pb-1{padding-bottom:var(--spacing)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-12{padding-bottom:calc(var(--spacing) * 12)}.text-center{text-align:center}.text-\[0\.95rem\]{font-size:.95rem}.text-\[1\.1rem\]{font-size:1.1rem}.text-\[1\.2rem\]{font-size:1.2rem}.text-\[1\.6rem\]{font-size:1.6rem}.text-\[1\.15rem\]{font-size:1.15rem}.text-\[1\.45rem\]{font-size:1.45rem}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.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)}.text-accent-ink{color:var(--color-accent-ink)}.text-ink{color:var(--color-ink)}.text-ink-soft{color:var(--color-ink-soft)}.underline-offset-\[0\.25em\]{text-underline-offset:.25em}.opacity-55{opacity:.55}.shadow-soft{--tw-shadow:0 18px 40px -22px var(--tw-shadow-color,#343d6659);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)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.placeholder\:text-ink-soft::placeholder{color:var(--color-ink-soft)}@media (hover:hover){.hover\:text-ink:hover{color:var(--color-ink)}.hover\:underline:hover{text-decoration-line:underline}}.focus-visible\:text-ink:focus-visible{color:var(--color-ink)}.focus-visible\:underline:focus-visible{text-decoration-line:underline}@media (prefers-reduced-motion:no-preference){.motion-safe\:scroll-smooth{scroll-behavior:smooth}}@media (min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.1fr\)\]{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.md\:gap-12{gap:calc(var(--spacing) * 12)}.md\:pt-18{padding-top:calc(var(--spacing) * 18)}}@media (min-width:64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}}@font-face{font-family:Nunito;src:url(../fonts/nunito.woff2)format("woff2");font-weight:200 1000;font-display:swap}@media (prefers-color-scheme:dark){:root{color-scheme:dark;--color-page-top:#0f1631;--color-page-bottom:#27325c;--color-ink:#ece4d2;--color-ink-soft:#c9c3d6;--color-card:#ffffff0f;--color-card-border:#ece4d229;--color-accent:#a9b8dc;--color-accent-ink:#0f1631;--color-key-top:#ece4d2;--color-key-side:#8193b8;--shadow-soft:0 18px 40px -22px #0009}}@keyframes float{0%{transform:translate(0)rotate(-4deg)}to{transform:translate(2%,-9%)rotate(5deg)}}@keyframes twinkle{0%{transform:scale(1)}to{opacity:.85;transform:scale(.8)}}@keyframes ripple{0%{opacity:0;transform:translateY(0)scale(.3)}15%{opacity:.9}to{opacity:0;transform:translateY(-40%)scale(1)}}@media (prefers-reduced-motion:reduce){.float,.ripple,.sparkle{animation:none}.ripple{opacity:.8}}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@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-tracking{syntax:"*";inherits:false}