@font-face{font-family:Fredoka;font-style:normal;font-weight:300 700;font-stretch:100%;font-display:swap;src:url(../media/9ffc08a38813e78e-s.1cox7hpc1tfbr.woff2)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka;font-style:normal;font-weight:300 700;font-stretch:100%;font-display:swap;src:url(../media/44c9372a001b48d5-s.3t00_18uk4swp.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka;font-style:normal;font-weight:300 700;font-stretch:100%;font-display:swap;src:url(../media/61715dc81dd9b4e8-s.p.12wv-xs8vggjn.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fredoka Fallback;src:local(Arial);ascent-override:95.64%;descent-override:23.17%;line-gap-override:0.0%;size-adjust:101.84%}.-KAe2W_className{font-family:Fredoka,Fredoka Fallback;font-style:normal}.-KAe2W_variable{--font-fredoka:"Fredoka", "Fredoka Fallback"}
@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-space-x-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}}}@layer theme{:root,:host{--font-sans:var(--font-fredoka), ui-rounded, system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-normal:0em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-fredoka), ui-rounded, system-ui, sans-serif;--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%;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}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.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-0{inset:0}.inset-x-0{inset-inline:0}.-top-1{top:calc(var(--spacing) * -1)}.top-0{top:0}.top-1{top:var(--spacing)}.top-\[calc\(var\(--safe-top\)\+56px\)\]{top:calc(var(--safe-top) + 56px)}.-right-1{right:calc(var(--spacing) * -1)}.right-0{right:0}.-bottom-1{bottom:calc(var(--spacing) * -1)}.bottom-1{bottom:var(--spacing)}.-left-1{left:calc(var(--spacing) * -1)}.-left-3{left:calc(var(--spacing) * -3)}.left-0{left:0}.left-3{left:calc(var(--spacing) * 3)}.z-10{z-index:10}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.-mt-1{margin-top:calc(var(--spacing) * -1)}.-mt-2{margin-top:calc(var(--spacing) * -2)}.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-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mr-1{margin-right:var(--spacing)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.ml-1{margin-left:var(--spacing)}.ml-1\.5{margin-left:calc(var(--spacing) * 1.5)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.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}.aspect-square{aspect-ratio:1}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-4\.5{height:calc(var(--spacing) * 4.5)}.h-5{height:calc(var(--spacing) * 5)}.h-5\.5{height:calc(var(--spacing) * 5.5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-7\.5{height:calc(var(--spacing) * 7.5)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-13{height:calc(var(--spacing) * 13)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-28{height:calc(var(--spacing) * 28)}.h-\[18px\]{height:18px}.h-\[22px\]{height:22px}.h-\[88\%\]{height:88%}.h-full{height:100%}.min-h-0{min-height:0}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-\[2\.5em\]{min-height:2.5em}.min-h-px{min-height:1px}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-4\.5{width:calc(var(--spacing) * 4.5)}.w-5{width:calc(var(--spacing) * 5)}.w-5\.5{width:calc(var(--spacing) * 5.5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-7\.5{width:calc(var(--spacing) * 7.5)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-13{width:calc(var(--spacing) * 13)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-28{width:calc(var(--spacing) * 28)}.w-\[3\.75rem\]{width:3.75rem}.w-\[4\.5rem\]{width:4.5rem}.w-\[18px\]{width:18px}.w-\[22px\]{width:22px}.w-\[88\%\]{width:88%}.w-full{width:100%}.max-w-13{max-width:calc(var(--spacing) * 13)}.max-w-20{max-width:calc(var(--spacing) * 20)}.max-w-\[17rem\]{max-width:17rem}.max-w-full{max-width:100%}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:0}.min-w-12{min-width:calc(var(--spacing) * 12)}.min-w-\[4\.5rem\]{min-width:4.5rem}.flex-1{flex:1}.flex-shrink,.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,)}.touch-none{touch-action:none}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.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-x-1\.5{column-gap:calc(var(--spacing) * 1.5)}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}:where(.-space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)))}:where(.-space-x-2\.5>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * -2.5) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * -2.5) * calc(1 - var(--tw-space-x-reverse)))}.gap-y-0\.5{row-gap:calc(var(--spacing) * .5)}.gap-y-1{row-gap:var(--spacing)}.self-center{align-self:center}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:2147483647px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-white{border-color:var(--color-white)}.bg-\[var\(--sky\)\]{background-color:var(--sky)}.bg-butter{background-color:var(--butter)}.bg-coral{background-color:var(--coral)}.bg-ink\/10{background-color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.bg-ink\/10{background-color:color-mix(in oklab, var(--ink) 10%, transparent)}}.bg-ink\/15{background-color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.bg-ink\/15{background-color:color-mix(in oklab, var(--ink) 15%, transparent)}}.bg-teal{background-color:var(--teal)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:var(--spacing)}.p-6{padding:calc(var(--spacing) * 6)}.px-0\.5{padding-inline:calc(var(--spacing) * .5)}.px-1{padding-inline:var(--spacing)}.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)}.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-4{padding-block:calc(var(--spacing) * 4)}.py-8{padding-block:calc(var(--spacing) * 8)}.pt-1{padding-top:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-3\.5{padding-top:calc(var(--spacing) * 3.5)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-2\.5{padding-right:calc(var(--spacing) * 2.5)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pb-1\.5{padding-bottom:calc(var(--spacing) * 1.5)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pl-0\.5{padding-left:calc(var(--spacing) * .5)}.pl-1{padding-left:var(--spacing)}.pl-1\.5{padding-left:calc(var(--spacing) * 1.5)}.pl-2{padding-left:calc(var(--spacing) * 2)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-\[-3px\]{vertical-align:-3px}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[14px\]{font-size:14px}.text-\[17px\]{font-size:17px}.leading-none{--tw-leading:1;line-height:1}.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-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-normal{--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.whitespace-nowrap{white-space:nowrap}.text-coral-deep{color:var(--coral-deep)}.text-ink{color:var(--ink)}.text-ink-soft{color:var(--ink-soft)}.text-teal{color:var(--teal)}.text-teal-ink{color:var(--teal-ink)}.text-white{color:var(--color-white)}.text-white\/90{color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.text-white\/90{color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.italic{font-style:italic}.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}.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)}.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}.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,)}.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))}}:root{--sky:#6cc6f7;--wood:#e2b784;--sky-light:#d6f3ff;--ink:#3b2a20;--ink-soft:#75604f;--card:#fffdf8;--coral:#ff7a66;--coral-deep:#c7402c;--butter:#ffd166;--teal:#2fbfb8;--teal-ink:#0f7c76;--app-height:100dvh;--hud-height:100dvh;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}html,body{overscroll-behavior:none;touch-action:none;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background-color:var(--wood);height:100%;overflow:hidden}body{color:var(--ink);font-family:var(--font-sans)}.game-root{height:var(--app-height);background:linear-gradient(var(--sky), var(--sky-light));position:absolute;inset:0 0 auto;overflow:hidden}.hud-area{height:var(--hud-height)}.hud-frame{padding:calc(var(--safe-top) + 12px) calc(var(--safe-right) + 12px) calc(var(--safe-bottom) + 12px) calc(var(--safe-left) + 12px)}.hud-dock{justify-content:center}@media (min-aspect-ratio:1){.hud-dock{justify-content:flex-start}}.pill{background:var(--card);border-radius:999px;box-shadow:0 3px #3b2a201a,0 8px 18px #20608c29}.card{background:var(--card);border-radius:28px;box-shadow:0 5px #3b2a201a,0 16px 32px #20608c33}.action-button{background:var(--coral);color:var(--ink);box-shadow:0 5px 0 var(--coral-deep);border-radius:999px;transition:transform 90ms ease-out,box-shadow 90ms ease-out}.action-button:active{box-shadow:0 1px 0 var(--coral-deep);transform:translateY(4px)}button:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.action-button:disabled{color:var(--ink-soft);background:#d9cfc4;box-shadow:0 5px #bfb2a5}.action-button:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.gauge-over{background-image:repeating-linear-gradient(135deg,#ffffff73 0 5px,#0000 5px 10px)}.splash-cover{background:linear-gradient(var(--sky), var(--sky-light))}.pour-pad{background:#ffffff14;border:2px dashed #ffffffb3;border-radius:50%;transition:border-color .16s,background-color .16s;box-shadow:0 2px 12px #3b2a2033}.pour-pad[data-pouring]{background:#ffffff29;border-color:#fffffff2}.pad-readout{color:#fff;text-shadow:0 1px 6px #3b2a20a6}.espresso-hint[data-tone=bad]{background:var(--coral);color:#fff}.espresso-hint[data-tone=good]{background:var(--teal);color:#fff}.dial-strip{background:#fffdf8e6 repeating-linear-gradient(#0000 0 9px,#3b2a2029 9px 10px) 50%/22px 100% no-repeat;border-radius:18px;width:56px;box-shadow:0 3px #3b2a201a,0 8px 18px #20608c29}.dial-end{text-align:center;color:var(--ink-soft);font-size:10px;font-weight:600;line-height:12px;position:absolute;left:0;right:0}.dial-thumb{background:var(--butter);height:30px;color:var(--ink);border-radius:12px;justify-content:center;align-items:center;margin-bottom:-15px;font-size:15px;font-weight:600;display:flex;position:absolute;left:4px;right:4px;box-shadow:0 2px #3b2a2033}.level{background:#3b2a208c;border-radius:50%;box-shadow:0 3px #3b2a2024,inset 0 0 0 2px #ffffff80}.level-ring{border:2px solid #ffffffd9;border-radius:50%;width:46%;height:46%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.level-bubble{background:#9be8c0cc;border:2px solid #fff;border-radius:50%;width:30%;height:30%;position:absolute;top:50%;left:50%}.level-bubble[data-off]{background:#ff7a66d9}.side-gauge{flex-direction:column;align-items:center;gap:4px;width:58px;display:flex}.side-reading{font-variant-numeric:tabular-nums;white-space:nowrap;text-align:center;background:#fffdf8eb;border-radius:12px;min-width:64px;padding:2px 8px;font-size:16px;font-weight:600;line-height:22px;box-shadow:0 2px #3b2a201a}.side-chip{background:var(--ink);color:#fff;white-space:nowrap;border-radius:9px;padding:1px 8px;font-size:12px;font-weight:600;line-height:18px;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.side-chip[data-side=left]{left:0;transform:none}.side-chip[data-side=right]{left:auto;right:0;transform:none}.side-chip[data-below]{top:calc(100% + 6px);bottom:auto}.side-reading[data-hot]{background:var(--coral);color:#fff}.side-track{background:#fffdf8e6;border-radius:9px;flex:1;width:18px;position:relative;overflow:hidden;box-shadow:0 2px #3b2a201a}.side-band{background:#2fbfb852;position:absolute;left:0;right:0}.side-danger{background:#ff7a6652;position:absolute;top:0;left:0;right:0}.side-fill{background:var(--teal);border-radius:6px;position:absolute;bottom:3px;left:4px;right:4px}.side-fill[data-hot]{background:var(--coral)}.side-label{color:var(--ink);background:#fffdf8eb;border-radius:8px;padding:0 6px;font-size:11px;font-weight:600;line-height:15px}.jug-gauge{background:#263e5038;border:3px solid #ffffffd9;border-radius:22px 22px 34px 34px;overflow:hidden}.jug-gauge[data-open]{border-color:#fff}.jug-slide{will-change:transform;background:#fffdf81a;border-left:3px solid #ffffffbf;border-right:3px solid #ffffffbf;border-radius:0 0 30px 30px;position:absolute;inset:0;overflow:hidden}.jug-spin-zone{background:#ffffff17;position:absolute;top:0;bottom:0}.jug-milk{will-change:transform;background:#fff9ef24;border-top:3px solid #fff;height:400%;position:absolute;top:0;left:0;right:0}.jug-band{color:#fff;text-shadow:0 1px 3px #3b2a20cc;align-items:center;padding-left:8px;font-size:11px;font-weight:600;display:flex;position:absolute;left:0;right:0}.jug-band-air{background:#ffd1665c}.jug-band-roll{background:#2fbfb85c}.jug-tip{border:3px solid var(--ink);will-change:transform;background:#fff;border-radius:50%;width:18px;height:18px;margin:-9px 0 0 -9px;position:absolute;top:0;left:50%}.jug-tip:before{content:"";background:#ffffffd9;width:4px;height:240px;margin-left:-2px;position:absolute;bottom:100%;left:50%}.swirl-arrow{border:4px dashed #ffffffb3;border-radius:50%;animation:3.4s linear infinite swirl-turn}.swirl-arrow[data-swirling]{border-color:#fff;animation-duration:1.1s}@keyframes swirl-turn{to{transform:rotate(360deg)}}.lock-path{fill:none;stroke:#ffffffe6;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:2 9}.lock-dot{fill:var(--butter);stroke:#fff;stroke-width:3px}.lock-dot[data-done]{fill:var(--teal)}.card-pop.card-pop-late{animation-delay:2.55s;animation-fill-mode:backwards}.menu-frame{padding:calc(var(--safe-top) + 18px) calc(var(--safe-right) + 12px) calc(var(--safe-bottom) + 12px) calc(var(--safe-left) + 12px)}.menu-dock{align-self:center}.kiosk .menu-column{display:contents}.kiosk .player-bar{order:1}.kiosk .menu-brand{order:2}.kiosk .menu-spacer{order:3}.kiosk .menu-dock{order:4;max-width:24rem}.kiosk .tab-bar{order:5}.kiosk .player-bar,.kiosk .tab-bar{align-self:center;max-width:24rem}.kiosk[data-view]:not([data-view=home]) .menu-brand,.kiosk[data-view]:not([data-view=home]) .menu-spacer{display:none}.kiosk[data-view]:not([data-view=home]) .menu-dock{flex:1 1 0}.menu-frame .kiosk-cog{top:calc(var(--safe-top) + 14px);right:calc(var(--safe-right) + 12px);z-index:1;background:var(--card);justify-content:center;align-items:center;display:flex;position:absolute;box-shadow:0 3px #3b2a201a,0 8px 18px #20608c33}.menu-frame .kiosk-cog[hidden]{display:none}.menu-title{color:#fff;text-shadow:0 2px #1e6ea080,0 6px 18px #1e6ea059;font-size:40px;line-height:1.05;animation:.62s cubic-bezier(.34,1.56,.64,1) title-drop}.menu-logo{filter:drop-shadow(0 6px 14px #1e6ea059);align-self:center;width:min(74vw,320px);animation:.62s cubic-bezier(.34,1.56,.64,1) title-drop}.menu-logo img{object-fit:contain;width:100%;height:auto;max-height:34dvh}.menu-tagline{text-wrap:balance;color:var(--ink);background:#ffffffe6;border-radius:999px;align-self:center;margin-top:6px;padding:3px 12px;font-size:13px;font-weight:500;box-shadow:0 2px 8px #1e6ea040}@keyframes title-drop{0%{opacity:0;transform:translateY(-16px)scale(.92)}}.menu-drawer{animation:.24s cubic-bezier(.34,1.56,.64,1) card-pop;position:absolute;inset:0}.menu-start-card{transition:opacity .2s ease-out,transform .2s ease-out,visibility}.menu-dock[data-view=drawer]>.menu-start-card{visibility:hidden;opacity:0;transition:opacity .12s ease-in,transform .12s ease-in,visibility 0s .12s;position:absolute;bottom:0;left:0;transform:translateY(10px)scale(.97)}.menu-open{color:var(--ink);background:#3b2a200f;border-radius:999px}.menu-close{color:var(--ink-soft);background:#3b2a200f;border-radius:50%}@media (min-aspect-ratio:1){.menu-frame{align-items:flex-end}.menu-frame>.menu-dock{align-self:flex-end}.menu-frame.kiosk{flex-direction:row-reverse;align-items:stretch;gap:16px}.kiosk .menu-column{flex-shrink:0;width:min(30rem,52vw);display:flex}.kiosk .menu-brand{flex:1;justify-content:flex-start;min-width:0}.kiosk[data-view]:not([data-view=home]) .menu-brand{display:flex}.kiosk .player-bar,.kiosk .tab-bar,.kiosk .menu-dock{align-self:stretch;max-width:none}.menu-title{width:100%;max-width:24rem}.speech{align-self:flex-start;margin-left:18%}}.pause-button{color:var(--ink);transition:transform 90ms ease-out;position:relative}.pause-button:after{content:"";position:absolute;inset:-6px}.pause-button:active{transform:scale(.9)}.pause-floating{top:calc(var(--safe-top) + 12px);right:calc(var(--safe-right) + 12px);position:absolute}.pause-scrim{touch-action:none;background:#16344a80;animation:.16s ease-out scrim-in}.hud-area[inert] *,.hud-area[inert] :before,.hud-area[inert] :after{animation-play-state:paused!important}.pause-frame{height:var(--hud-height);padding:calc(var(--safe-top) + 12px) calc(var(--safe-right) + 16px) calc(var(--safe-bottom) + 12px) calc(var(--safe-left) + 16px)}.pause-card{flex-direction:column;gap:12px;max-width:20rem;max-height:100%;padding:18px 20px 20px;display:flex;overflow-y:auto}.pause-card .pause-resume,.pause-card .pause-exit{flex-shrink:0}@media (min-aspect-ratio:1) and (max-height:520px){.pause-card{max-height:none}.pause-card:not(:has(.pause-ask)){grid-template-columns:1fr 1fr;grid-template-areas:"head head""resume switches""exit switches";align-items:start;gap:10px 12px;max-width:30rem;padding:14px 18px 18px;display:grid}.pause-card .pause-head{grid-area:head}.pause-card .pause-resume{grid-area:resume;height:3rem}.pause-card .pause-switches{grid-area:switches}.pause-card .pause-exit{grid-area:exit}.pause-card:has(.pause-ask){max-width:26rem}}.speech{background:var(--card);border-radius:18px;margin-top:6px;padding:7px 14px;font-size:15px;font-weight:500;position:relative;box-shadow:0 3px #3b2a201a,0 8px 18px #20608c29}.speech:after{content:"";background:var(--card);border-radius:4px;width:18px;height:18px;margin-left:-9px;position:absolute;bottom:-9px;left:50%;transform:rotate(45deg)}.name-band{background:var(--teal);color:#fff;padding:7px 0}.name-band>span:first-child{letter-spacing:.32em;margin-right:-.32em}.name-band-sub{opacity:.9;margin-top:3px}.name-ask .speech.card-pop{animation-delay:.9s;animation-fill-mode:backwards}.name-ask .name-card.card-pop{animation-delay:1.15s;animation-fill-mode:backwards}.name-ask-gap{flex:1 1 0;min-height:14px}.name-ask[data-typing=true] .name-ask-gap{flex-grow:0}.name-scrim{background:#16344a6b;animation:.2s ease-out scrim-in}@keyframes scrim-in{0%{opacity:0}}.ticket-frame .speech{margin-right:52px}.name-frame .name-card{margin-top:84px}@media (min-aspect-ratio:1){.name-ask .name-card,.name-frame .name-card{margin-top:0;margin-right:52px}}.name-input{color:var(--ink);-webkit-user-select:text;user-select:text;touch-action:manipulation;background:0 0;border:0;border-bottom:2px dashed #3b2a204d;border-radius:0;outline:none;padding:4px 2.75rem 6px;font-size:26px;line-height:1.2}.name-input::placeholder{color:#3b2a2059}.name-input:focus{border-bottom-color:var(--teal)}.name-count{color:var(--ink-soft)}.name-chip{max-width:62%;color:var(--ink);background:#2fbfb824;border-radius:999px;position:relative}.name-chip:after{content:"";position:absolute;inset:-6px -4px}.customer-line b{color:var(--ink)}.customer-dot{box-shadow:0 0 0 2px #fff,0 0 0 3px #3b2a201f}.left-notice-pill{max-width:min(22rem,100vw - 32px)}.ticket{--notch:radial-gradient(circle at 9px 0, transparent 7px, #000 7.5px);-webkit-mask:var(--notch) 0 0 / 18px 100% repeat-x;-webkit-mask:var(--notch) 0 0 / 18px 100% repeat-x;-webkit-mask:var(--notch) 0 0 / 18px 100% repeat-x;-webkit-mask:var(--notch) 0 0 / 18px 100% repeat-x;mask:var(--notch) 0 0 / 18px 100% repeat-x;border-radius:0 0 28px 28px;padding-top:22px;position:relative}.coach-row{top:calc(var(--safe-top) + 60px);padding:0 calc(var(--safe-right) + 10px) 0 calc(var(--safe-left) + 10px);z-index:5}.ticket-rail~.coach-row{top:calc(var(--safe-top) + 102px)}@media (max-aspect-ratio:1){.coach-row[data-line=machine-lesson-leverMachine],.ticket-rail~.coach-row[data-line=machine-lesson-leverMachine],.ticket-rail~.coach-row[data-step=serve],.ticket-rail~.coach-row[data-step=score],.coach-row[data-step=serve],.coach-row[data-step=score]{top:31%}}.coach{background:var(--butter);max-width:24rem;color:var(--ink);border-radius:20px;align-items:center;gap:9px;padding:7px 10px 7px 8px;display:flex;box-shadow:0 3px #b4821e66,0 8px 18px #20608c2e}.coach-text{flex:1;font-size:15px;font-weight:500;line-height:1.22}.coach-face{background:#fffdf8;border-radius:50%;flex:none;width:34px;height:34px;position:relative}.coach-face i{background:var(--ink);border-radius:50%;width:4.5px;height:6px;position:absolute;top:12px}.coach-face i:first-child{left:10px}.coach-face i:nth-child(2){right:10px}.coach-face b{border:2px solid var(--ink);border-top:none;border-radius:0 0 8px 8px;width:12px;height:6px;position:absolute;top:19px;left:11px}.coach-skip,.menu-close{position:relative}.coach-skip:after,.menu-close:after{content:"";position:absolute;inset:-10px}.coach-skip{background:#3b2a201a;border-radius:999px;flex:none;align-self:flex-start;padding:1px 8px;font-size:12px;font-weight:600}.coach-dots{color:#3b2a2099;flex:none;font-size:12px;font-weight:600}.ghost-pad{z-index:4}.ghost-finger{background:#ffffff94;border:3px solid #fff;border-radius:50%;width:54px;height:54px;margin:-27px 0 0 -27px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 7px #fff3,0 4px 16px #3b2a204d}.ghost-finger[data-gesture=hold]{animation:1.5s ease-in-out infinite ghost-hold}.ghost-finger[data-gesture=swipe]{animation:1.1s ease-in-out infinite alternate ghost-swipe}.ghost-finger[data-gesture=wiggle]{animation:.5s ease-in-out infinite alternate ghost-wiggle}.ghost-finger[data-gesture=cut]{animation:1.1s cubic-bezier(.5,0,.8,.6) infinite ghost-cut}.ghost-finger[data-gesture=circle]{animation:1.5s linear infinite ghost-circle}.ghost-finger[data-gesture=lock]{animation:2s ease-in-out infinite ghost-lock}@keyframes ghost-hold{0%,to{opacity:.5;transform:scale(1.08)}45%{opacity:1;transform:scale(.8)}}@keyframes ghost-wiggle{0%{transform:translate(-46px,20px)}to{transform:translate(46px,20px)}}@keyframes ghost-cut{0%{opacity:0;transform:translateY(-80px)}18%{opacity:1;transform:translateY(-80px)}80%{opacity:1}to{opacity:0;transform:translateY(70px)}}@keyframes ghost-swipe{0%{transform:translate(-58px,26px)rotate(0)}to{transform:translate(58px,-26px)}}@keyframes ghost-circle{0%{transform:rotate(0)translate(58px)rotate(0)}to{transform:rotate(360deg)translate(58px)rotate(-360deg)}}@keyframes ghost-lock{0%{opacity:0;transform:translate(-48px,56px)}12%{opacity:1}55%{transform:translate(-48px,-36px)}90%{opacity:1;transform:translate(60px,-36px)}to{opacity:0;transform:translate(60px,-36px)}}html[data-coach-button=on] [data-testid=advance-step]:enabled{animation:1s ease-in-out infinite button-call}@keyframes button-call{50%{box-shadow:0 5px 0 var(--coral-deep), 0 0 0 7px #ffd166bf;transform:scale(1.02)}}.menu-scroll{touch-action:pan-y;overscroll-behavior:contain;margin-right:-10px;padding-bottom:14px;padding-right:10px;-webkit-mask-image:linear-gradient(#000 calc(100% - 14px),#0000);mask-image:linear-gradient(#000 calc(100% - 14px),#0000)}.menu-tab{color:var(--ink-soft);border-radius:999px}.menu-tab[aria-selected=true]{background:var(--butter);color:var(--ink)}.shop-row{border-radius:20px;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;column-gap:10px;padding:6px;transition:background-color .15s,box-shadow .15s;display:grid}.shop-row>.shop-thumb{grid-area:1/1}.shop-text{grid-area:1/2}.shop-action{grid-area:1/3}.shop-row>.shop-swatches{grid-area:2/2/auto/-1}.shop-list{margin-left:-6px;margin-right:-16px}.shop-thumb{object-fit:cover;background:#f6e7d2;border-radius:14px;width:64px;height:64px}.tableware{flex-direction:column}.set-card{background:radial-gradient(at 50% 70%,#f9eedd 0%,#f2dfc4 100%);border-radius:18px;height:150px;overflow:hidden}@media (max-height:720px) and (max-aspect-ratio:1){.set-card{height:84px}}@media (max-height:600px) and (max-aspect-ratio:1){.set-card{display:none}.segments .segment{height:40px}.shop-row{grid-template-columns:56px minmax(0,1fr) auto}.shop-thumb{width:56px;height:56px}}@media (min-aspect-ratio:1) and (max-height:520px){.set-card{display:none}}@media (min-aspect-ratio:1) and (min-height:521px){.tableware{flex-direction:row}.set-card{width:clamp(160px,34%,260px);height:auto}}.set-stack{position:absolute;inset:0}.set-stack img{aspect-ratio:1;pointer-events:none;-webkit-user-select:none;user-select:none;width:auto;height:132%;position:absolute;top:50%;left:50%;transform:translate(-50%,-46%)}@media (min-aspect-ratio:1) and (min-height:521px){.set-stack img{width:118%;height:auto;transform:translate(-50%,-44%)}}.set-card-title{color:var(--teal-ink,#1f6f6b);position:absolute;top:9px;left:12px}.set-card-share{white-space:nowrap;padding:2px 9px;position:absolute;top:7px;right:10px}@media (min-aspect-ratio:1) and (min-height:521px){.set-card-share{white-space:nowrap;top:auto;bottom:8px;right:50%;transform:translate(50%)}}.set-card[data-previewing]{outline:2px dashed var(--teal);outline-offset:-2px}.segments{background:#3b2a200f;border-radius:999px;gap:4px;padding:3px}.segment{color:var(--ink-soft);border-radius:999px}.segment[aria-selected=true]{color:var(--ink);background:#fffdf8;box-shadow:0 1px 2px #3b2a2026}.shop-row[data-previewing]{box-shadow:inset 0 0 0 2px var(--teal);background:#2fbfb81a}.refund-note{border:2px solid var(--butter,#ffd166);flex-shrink:0}@media (min-aspect-ratio:1){.refund-note{left:calc(var(--safe-left) + 12px);bottom:calc(var(--safe-bottom) + 12px);z-index:2;width:min(360px,42vw);position:fixed}}.shop-line{color:var(--ink-soft)}.shop-row[data-state=locked],.shop-row[data-state=needs]{opacity:.8}.shop-row[data-state=locked] .shop-thumb,.shop-row[data-state=needs] .shop-thumb{filter:grayscale(.45)brightness(.97)}.shop-note{color:var(--ink);background:#fff3cf;border-radius:14px;padding:8px 12px}.summary-shop-thumb{border-radius:8px;width:28px;height:28px;box-shadow:0 0 0 2px #fffaf2}.shop-to-go{color:var(--ink-soft)}.shop-chips{scrollbar-width:none;touch-action:pan-x;overflow-x:auto}.shop-chips::-webkit-scrollbar{display:none}.shop-chips[data-edges=right]{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 36px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 36px),#0000)}.shop-chips[data-edges=left]{-webkit-mask-image:linear-gradient(270deg,#000 calc(100% - 36px),#0000);mask-image:linear-gradient(270deg,#000 calc(100% - 36px),#0000)}.shop-chips[data-edges=left\ right]{-webkit-mask-image:linear-gradient(90deg,#0000,#000 36px calc(100% - 36px),#0000);mask-image:linear-gradient(90deg,#0000,#000 36px calc(100% - 36px),#0000)}.shop-swatches{gap:0;margin-top:-2px;margin-bottom:-4px;margin-left:-6px}.shop-swatch{justify-content:center;align-items:center;width:34px;height:36px;display:inline-flex}.shop-swatch>span{border:2px solid #fff;border-radius:50%;width:22px;height:22px;box-shadow:0 0 0 1px #3b2a2033}.shop-swatch[aria-checked=true]>span{box-shadow:0 0 0 2px var(--teal-ink)}@media (min-aspect-ratio:1) and (max-height:520px){.menu-drawer[data-view=shop]{grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:auto minmax(0,1fr) auto;column-gap:12px;display:grid}.menu-drawer[data-view=shop]>.shop-note{grid-area:2/1/3/4}.menu-drawer[data-view=shop]>[role=tabpanel]{grid-area:3/1/4/4}.menu-drawer[data-view=shop]>.panel-head{display:contents}.menu-drawer[data-view=shop] .panel-title{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.menu-drawer[data-view=shop] .shop-chips{grid-area:1/1/2/3}.menu-drawer[data-view=shop] .menu-close{grid-area:1/3}.shop-row{grid-template-columns:56px minmax(0,1fr) auto}.shop-thumb{width:56px;height:56px}}.shop-button{background:var(--coral);color:var(--ink);box-shadow:0 3px 0 var(--coral-deep);border-radius:999px}.shop-row[data-state=buy] .shop-button{background:var(--butter);box-shadow:0 3px #d9a540}.shop-button:disabled{color:var(--ink-soft);box-shadow:none;background:#e3dacf}.shop-row[data-state=short] .shop-button:disabled{color:var(--ink);background:#fffaf0;box-shadow:inset 0 0 0 2px #efc565}.shop-row[data-state=on] .shop-button,.shop-row[data-state=inUse] .shop-button{background:var(--teal);box-shadow:0 3px #1e8c86}.shop-row[data-state=on] .shop-button,.shop-row[data-state=on] .shop-button:disabled,.shop-row[data-state=inUse] .shop-button:disabled{color:var(--ink)}.shop-row[data-waiting][data-state=on] .shop-button{color:var(--ink-soft);background:#fffaf0;box-shadow:inset 0 0 0 2px #3b2a2029}.shop-row[data-waiting] .shop-thumb{opacity:.7}.shop-row[data-state=off] .shop-button,.shop-row[data-state=use] .shop-button{color:var(--ink-soft);background:#fff;box-shadow:inset 0 0 0 2px #3b2a2029}.ticket-chips{border-top:2px dashed #3b2a2024;flex-wrap:wrap;gap:6px;padding-top:10px;display:flex}.ticket-chip{white-space:nowrap;background:#3b2a200f;border-radius:999px;align-items:center;min-height:28px;padding:2px 10px 2px 8px;font-size:13px;line-height:1.2;display:inline-flex}.ticket-chip b{font-weight:600}.ticket-last{white-space:nowrap;font-size:13px}@media (max-aspect-ratio:1) and (max-height:700px){.ticket{padding-top:18px;padding-bottom:12px}.ticket h1{font-size:1.375rem}.ticket .art-plate{width:3.5rem;height:3.5rem}.ticket-chips{gap:4px;margin-top:8px;padding-top:8px}.ticket-chip{min-height:26px;font-size:12.5px}.ticket .action-button{height:2.75rem;margin-top:10px}}.ticket-rail{top:calc(var(--safe-top) + 60px)}.ticket-rail>.pill{max-width:100%}.ticket-rail>.pill>*{flex-shrink:0}.ticket-rail [data-testid=ticket-rail-text]{text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0;overflow:hidden}@media (max-width:479px){.ticket-rail{padding-left:12px;padding-right:56px}}@media (max-width:359px){.ticket-rail{padding-left:8px;padding-right:52px}.ticket-rail>.pill{font-size:13px}}.cup-timer{white-space:nowrap;color:var(--teal-ink);background:#2fbfb829;border-radius:999px;margin-left:2px;padding:0 8px;font-weight:600;transition:background-color .6s,color .6s}.cup-timer[data-over=true]{color:var(--ink);background:#ffd1668c}.bar-clock{color:var(--teal-ink);transition:background-color .4s,color .4s}.bar-clock[data-paused=true]{color:var(--ink-soft);background:#ece6dd}.bar-clock[data-closed=true]{color:var(--coral-deep)}.left-notice{top:calc(var(--safe-top) + 330px);z-index:20}.left-notice-pill{animation:3s ease-in-out both left-notice}@keyframes left-notice{0%{opacity:0;transform:translateY(-6px)}12%,80%{opacity:1;transform:none}to{opacity:0}}@media (prefers-reduced-motion:reduce){.left-notice-pill{animation:none}}.queue-strip{top:calc(var(--safe-top) + 184px);left:calc(var(--safe-left) + 10px);background:#fffdf8e0;border-radius:999px;padding:6px 4px 8px;box-shadow:0 3px #3b2a2014,0 8px 18px #20608c24}.queue-strip-label{color:var(--teal-ink)}.queue-mood{background:var(--ink);color:var(--card)}.queue-more{color:var(--ink-soft)}.queue-more-short{display:none}@media (min-aspect-ratio:1) and (max-height:520px){.queue-strip{gap:4px}.queue-guest{width:32px;height:32px}.queue-face{width:24px;height:24px;font-size:12px}.queue-guest[data-rank="2"],.queue-guest[data-rank="3"],.queue-more-tall{display:none}.queue-more-short{display:block}.left-notice{top:calc(var(--safe-top) + 10px)}.menu-starts{grid-template-columns:1.7fr 1fr;align-items:center;display:grid}.menu-starts>button{height:2.75rem}.menu-starts>.start-primary{height:3.25rem}.menu-start-sub{display:none}}.quiet-button{color:var(--ink);background:#3b2a200f;border-radius:999px;box-shadow:inset 0 0 0 2px #3b2a201a}.quiet-button:active{background:#3b2a201f}.gone-tile{color:var(--ink-soft);background:#3b2a2014}.graphics-notice{top:calc(var(--safe-top) + 58px);z-index:20}.reward-strip{background:#ffd16647;border-radius:14px;padding:6px 12px}.level-up{color:var(--coral-deep)}.unlock-panel{background:var(--butter);border-radius:16px;padding:8px 12px;animation:.32s cubic-bezier(.34,1.56,.64,1) .3s backwards card-pop}.pad-guide{color:#fff;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.pad-pour-guide .pour-guide-trace,.pad-pour-guide .pour-guide-trail{stroke:#fff}.pour-guide{contain:layout paint;position:relative}.pour-guide-svg{will-change:transform}.pad-pour-guide{width:100%;height:100%}.pour-guide-svg{width:100%;height:100%;display:block;overflow:visible}.pour-guide-trace{transition:opacity .45s}.pour-guide-trace[data-trace=hidden]{opacity:0}.pour-guide-trace[data-trace=faint]{opacity:.28}.pour-guide-trace[data-trace=shown]{opacity:.85}.pour-guide-mover{animation:.35s ease-out backwards guide-mover-in}@keyframes guide-mover-in{0%{opacity:0}}.pour-guide-fill-arrow{opacity:.8}@media (prefers-reduced-motion:reduce){.pour-guide-trace{transition:none}.pour-guide-mover{animation:none}}.pour-guide-trail{opacity:.9}.pour-guide-dot{fill:var(--butter);stroke:var(--ink);stroke-width:.03px;transition:opacity .12s}.pad-pour-guide .pour-guide-dot{stroke:#fff}.pad-pour-guide .pour-guide-trace[data-trace=faint]{opacity:.4}.pad-pour-guide .pour-guide-trace[data-trace=shown]{opacity:.55}.guide-mark{fill:var(--butter);stroke:var(--ink);stroke-width:.02px}.guide-mark-text{fill:var(--ink)}.pour-guide-caption{width:max-content;max-width:92%;color:var(--ink);text-align:center;background:#fffdf8f0;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600;line-height:1.25;position:absolute;bottom:4%;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #3b2a202e}.pad-guide-caption{max-width:80%;font-size:11px;bottom:6%}.guide-plate{color:var(--teal-ink);background:radial-gradient(circle,#9656262e,#96562652);border-radius:50%;box-shadow:inset 0 0 0 3px #3b2a2014}.pour-guide-plated{flex-direction:column;align-items:center;gap:6px;display:flex}.pour-guide-caption-slot{justify-content:center;align-items:flex-start;width:100%;min-height:2.6em;font-size:12px;display:flex}.pour-guide-plated .pour-guide-caption{max-width:100%;position:static;transform:none}.ticket-guide-plate{width:136px;height:136px}.guide-pill{color:var(--teal-ink);background:#e3f6f5;border-radius:999px;box-shadow:inset 0 0 0 2px #0f7c7659}.guide-pill:active{transform:translateY(1px)}.design-tile{background:#3b2a200a;border-radius:18px;box-shadow:inset 0 0 0 2px #3b2a200f}.design-tile:not([data-open]){color:var(--ink-soft)}.design-glyph-locked{filter:grayscale(.85)opacity(.55)}.design-tier{gap:3px;display:inline-flex}.design-tier i{background:#3b2a2026;border-radius:50%;width:6px;height:6px}.design-tier i[data-on]{background:var(--coral)}.guide-steps{flex-direction:column;gap:4px;font-size:13px;line-height:1.3;display:flex}.guide-steps li{align-items:baseline;gap:8px;display:flex}.guide-step-number{background:var(--butter);border-radius:50%;flex:none;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:700;display:inline-flex}@media (min-aspect-ratio:1) and (max-height:520px){.card{max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 60px);touch-action:pan-y;overscroll-behavior:contain;overflow-y:auto}.ticket-frame{padding-top:calc(var(--safe-top) + 8px)}.ticket-frame .speech{top:calc(var(--safe-top) + 12px);left:calc(var(--safe-left) + 12px);max-width:max(170px, calc(100% - min(30rem, 100%) - var(--safe-left) - var(--safe-right) - 40px));margin:0;position:absolute}.name-ask .speech{position:relative;top:auto}.name-ask[data-typing=true] .speech,.name-ask[data-typing=true] .name-ask-gap,.name-scrim .name-card [data-testid=name-hint],.name-ask[data-typing=true] [data-testid=name-hint]{display:none}.name-band{padding:6px 0}.name-band>span{display:inline}.name-band-sub{margin-left:.5em}.name-frame .name-card{margin-top:0}.name-card form{padding-bottom:10px}.ticket{max-width:30rem;max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 20px);padding:16px 16px 12px}.ticket .art-plate{width:3.5rem;height:3.5rem}.ticket h1{font-size:1.5rem}.ticket-chips{gap:4px;margin-top:6px;padding-top:6px}.ticket-chip{min-height:24px;font-size:12px}.ticket .action-button{height:2.5rem;margin-top:8px}.ticket-guide-plate{width:104px;height:104px}:is(.ticket:has(.ticket-guide) .ticket-chips,.ticket:has(.ticket-guide) .ticket-last){display:none}.ticket [data-testid=take-order]{box-shadow:0 -6px 12px var(--card);position:sticky;bottom:0}.score-card{max-width:42rem;max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 68px);grid-template-columns:1.15fr 1fr;gap:0 18px;padding:12px 16px;display:grid}.menu-title{display:none}.menu-logo{width:11rem}.menu-dock[data-view=drawer]>.menu-start-card{display:none}.menu-drawer{max-height:none;overflow:hidden}.menu-frame.kiosk{padding-top:calc(var(--safe-top) + 10px);padding-bottom:calc(var(--safe-bottom) + 10px)}.kiosk .menu-tagline,.start-line{display:none}.start-facts{margin-top:4px}.menu-start-card{padding-top:12px;padding-bottom:14px}.summary-card{max-width:44rem;max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 24px);grid-template-columns:1fr 1fr;gap:0 18px;padding:12px 16px;display:grid}.summary-card .unlock-panel{padding:6px 10px;font-size:14px}.summary-card .action-button{height:2.75rem;margin-top:10px}.score-side{flex-direction:column;justify-content:center;display:flex}.score-card .art-plate{width:5rem;height:5rem}.coach-row[data-step=score]{display:none}}.order-row{top:calc(var(--safe-top) + 60px);padding:0 calc(var(--safe-right) + 8px) 0 calc(var(--safe-left) + 8px)}.pour-hint[data-settling]{background:var(--coral);color:#fff}.canvas-row{top:calc(var(--safe-top) + 106px)}.order-chip[aria-pressed=true]{outline:2px solid var(--coral);outline-offset:1px}.order-chip[aria-pressed=false]{color:var(--ink-soft)}.art-plate{box-shadow:0 0 0 4px #fff,0 6px 14px #3b2a2047}.star{clip-path:polygon(50% 3%,62% 36%,97% 37%,69% 58%,79% 92%,50% 72%,21% 92%,31% 58%,3% 37%,38% 36%);background:#3b2a2024;width:22px;height:22px;animation:.32s cubic-bezier(.34,1.56,.64,1) backwards star-pop;position:relative}.star-lit{background:var(--butter);position:absolute;inset:0 auto 0 0}@keyframes star-pop{0%{opacity:0;transform:scale(.3)}}@keyframes count-pop{0%{color:var(--coral-deep);transform:scale(1.5)}}.count-pop{animation:.32s cubic-bezier(.34,1.56,.64,1) count-pop;display:inline-block}.step-dots{gap:4px;padding:8px 12px}.step-dot{width:8px;height:8px}.step-dot[data-current]{width:20px}.hud-counter{padding-left:14px;padding-right:14px}@media (max-width:400px){.step-dots{gap:3px;padding:8px 10px}.step-dot{width:6px;height:6px}.step-dot[data-current]{width:14px}.hud-counter{padding-left:11px;padding-right:11px}}@media (max-width:340px){.step-dots{gap:2px;min-width:0;padding:8px 7px}.step-dot{width:5px;height:5px}.step-dot[data-current]{width:10px}.hud-counter{gap:4px;padding-left:8px;padding-right:8px}}.step-dot{transition:width .24s cubic-bezier(.34,1.56,.64,1),background-color .2s}@keyframes card-pop{0%{opacity:0;transform:translateY(10px)scale(.97)}}.card-pop{animation:.26s cubic-bezier(.34,1.56,.64,1) card-pop}@keyframes splash-bounce{50%{transform:translateY(-10px)scaleX(.94)}}.splash-logo{filter:drop-shadow(0 6px 14px #1e6ea059);width:min(78vw,360px);height:auto;animation:.9s ease-in-out infinite splash-bounce}@keyframes touch-ripple{0%{opacity:.9;transform:translate(-50%,-50%)scale(.6)}to{opacity:0;transform:translate(-50%,-50%)scale(1.8)}}.touch-marker{pointer-events:none;background:#ffffff8c;border:3px solid #3b2a208c;border-radius:50%;width:44px;height:44px;position:absolute;transform:translate(-50%,-50%)}.touch-marker[data-released]{animation:.32s ease-out forwards touch-ripple}@media (prefers-reduced-motion:reduce){.menu-start-card,.menu-dock[data-view=drawer]>.menu-start-card{transition:none}.tab-badge,.card-pop,.count-pop,.star,.unlock-panel,.splash-logo,.menu-title,.menu-logo,.menu-drawer,.name-scrim,.pause-scrim,.ghost-finger,.swirl-arrow{animation:none!important}.ghost-finger{opacity:.85}html[data-coach-button=on] [data-testid=advance-step]:enabled{box-shadow:0 5px 0 var(--coral-deep), 0 0 0 5px #ffd166bf;animation:none}}.redo-button{color:var(--ink-soft,#6b5a4e);white-space:nowrap;background:#3b2a2014;border-radius:14px}.redo-button[data-solid]{color:var(--ink);background:var(--card);box-shadow:0 3px #3b2a201a,0 8px 18px #20608c29}.redo-button[data-bad]{color:#fff;background:var(--teal)}.redo-button[data-armed]{color:#fff;background:var(--coral)}.app-store-button{color:#fff;background:#000;border-radius:999px;text-decoration:none;box-shadow:inset 0 0 0 1px #a6a6a6}.menu-credit{color:var(--ink-soft);font-size:12px;line-height:18px}@media (min-aspect-ratio:1) and (max-height:520px){.coach-row{justify-content:flex-start;max-width:56vw}.ticket-rail~.coach-row[data-line^=milk-pick],.ticket-rail~.coach-row[data-line^=milk-fill],.coach-row[data-line^=milk-pick],.coach-row[data-line^=milk-fill]{top:auto;bottom:calc(var(--safe-bottom,0px) + 6px);justify-content:flex-end;max-width:50vw;left:auto;right:0}.ticket-rail~.coach-row[data-line=machine-lesson-leverMachine],.coach-row[data-line=machine-lesson-leverMachine]{inset-inline-start:auto;justify-content:flex-end;max-width:50vw;left:auto;right:0}}.swirl-arrow[data-counter]{animation-direction:reverse}.skip-button{color:var(--ink-soft);background:#fffdf8d9;border-radius:16px}.frame-panel{left:12px;right:12px;top:calc(var(--safe-top) + 84px);font-variant-numeric:tabular-nums;background:#fffdf8f5;border-radius:14px;padding:10px 12px;font-size:12px;line-height:18px;box-shadow:0 8px 18px #20608c33}.frame-panel table{text-align:right;width:100%}.frame-panel th:first-child,.frame-panel td:first-child{text-align:left}.frame-panel tr[data-bad] td:last-child{color:var(--coral-deep);font-weight:600}.frame-worst{color:var(--coral-deep);margin:6px 0}.frame-actions{gap:6px;margin-top:8px;display:flex}.frame-actions button{background:#3b2a2014;border-radius:10px;flex:1;height:34px;font-weight:600}.carton-button{-webkit-tap-highlight-color:transparent;background:0 0;border-radius:18px;justify-content:center;align-items:flex-end;display:flex}.carton-button:focus-visible{outline:3px solid var(--teal);outline-offset:-3px}.carton-button:active{background:#fffdf82e}.cup-button{-webkit-tap-highlight-color:transparent;background:0 0;border-radius:18px;overflow:visible}.cup-button:focus-visible{outline:3px solid var(--teal);outline-offset:-3px}.cup-tag{white-space:nowrap;align-items:center;height:22px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex;position:absolute;transform:translate(-50%,2px)}.cup-button:active .cup-tag{background:var(--butter)}@media (min-aspect-ratio:1),(max-width:339px){.cup-tag{height:20px;padding:0 7px;font-size:11px}}.cup-tag.cup-tag-small{height:20px;padding:0 7px;font-size:11px}@media (min-aspect-ratio:1){.cup-card{max-width:300px}}.cup-ring{border:3px solid var(--coral);pointer-events:none;border-radius:50%;animation:1.4s ease-in-out infinite cup-ring;position:absolute;inset:2% 6% 12%}@keyframes cup-ring{0%,to{opacity:.95;transform:scale(1)}50%{opacity:.45;transform:scale(1.06)}}@media (prefers-reduced-motion:reduce){.cup-ring{animation:none}}[data-testid=cup-hint][data-tone=bad]{color:var(--coral-deep);font-weight:600}.carton-tag{white-space:nowrap;pointer-events:none;align-items:center;gap:3px;margin-bottom:9%;padding:1px 9px;font-size:12px;font-weight:600;display:inline-flex}.carton-button[data-locked] .carton-tag{color:var(--ink-soft);font-weight:500}.milk-badge{font-family:var(--font-sans);background:#fbf3e6;border:2px solid;border-radius:7px;box-shadow:0 1px #3b2a202e}.milk-chip{white-space:nowrap}.score-card:has(.wrong-milk-stamp){padding-top:1.9rem}.wrong-milk-stamp{z-index:3;border:3px solid var(--coral-deep);color:var(--coral-deep);letter-spacing:.06em;text-transform:uppercase;pointer-events:none;background:#fffdf8d9;border-radius:10px;padding:3px 10px;font-size:15px;font-weight:700;animation:.38s cubic-bezier(.2,1.6,.5,1) 2.9s both stamp-in;position:absolute;top:-14px;right:18px;transform:rotate(6deg)}@keyframes stamp-in{0%{opacity:0;transform:rotate(6deg)scale(1.8)}to{opacity:1;transform:rotate(6deg)scale(1)}}@media (prefers-reduced-motion:reduce){.wrong-milk-stamp{animation:none}}.player-bar{background:var(--card);border-radius:22px;margin-bottom:8px;padding:8px 12px 10px 8px;box-shadow:0 4px #3b2a201a,0 12px 26px #20608c2e}.profile-chip{color:var(--ink);text-align:left;border-radius:999px;position:relative}.rank-medal{background:var(--butter);color:var(--ink);box-shadow:inset 0 0 0 2px #3b2a202e,0 2px #3b2a201f}.tips-pill,.icon-button{color:var(--ink);background:#3b2a200f;border-radius:999px;position:relative}.tips-pill:active,.icon-button:active,.profile-chip:active{transform:scale(.96)}.icon-button:after,.tips-pill:after{content:"";position:absolute;inset:-6px -3px}.level-compact{padding-left:4px}.tab-bar{background:var(--card);border-radius:24px;height:60px;margin-top:8px;padding:4px;box-shadow:0 4px #3b2a201a,0 12px 26px #20608c2e}.tab-bar ul{height:100%}.tab-button{color:var(--ink-soft);border-radius:20px}.tab-button[aria-current=page]{color:var(--ink)}.tab-button[aria-current=page] .tab-icon{background:var(--butter)}.tab-label{white-space:nowrap}.tab-badge{background:var(--coral);min-width:19px;height:19px;color:var(--ink);text-align:center;box-shadow:0 0 0 2px var(--card);border-radius:999px;padding:0 5px;font-size:11px;font-weight:700;line-height:19px;animation:.42s cubic-bezier(.34,1.56,.64,1) badge-pop;position:absolute;top:-5px;right:0}@keyframes badge-pop{0%{opacity:0;transform:scale(.2)}}.new-tag{background:var(--butter);color:var(--ink);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;flex-shrink:0;padding:1px 6px;font-size:10px;font-weight:700;line-height:14px;display:inline-block}.sub-dot{background:var(--coral);border-radius:50%;flex-shrink:0;width:8px;height:8px}.start-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--teal-ink);font-size:12px;font-weight:600}.start-line{color:var(--ink-soft);font-size:15px;line-height:1.3}.start-primary{height:3.75rem}.fact{height:28px;color:var(--ink);white-space:nowrap;background:#2fbfb824;border-radius:999px;align-items:center;gap:5px;padding:0 10px;font-size:13px;font-weight:600;display:inline-flex}.fact svg{color:var(--teal-ink)}.panel-title:focus{outline:none}.panel-title:focus-visible{outline:3px solid var(--ink);outline-offset:2px;border-radius:8px}.settings-row{background:#3b2a200d;border-radius:16px}.switch{background:#3b2a202e;border-radius:999px;flex-shrink:0;width:46px;height:28px;transition:background .15s ease-out;position:relative}.switch i{background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .15s ease-out;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #3b2a204d}.switch[data-on]{background:var(--teal)}.switch[data-on] i{transform:translate(18px)}.rung-mark{color:var(--ink-soft);background:#3b2a2014}.rung[data-state=done] .rung-mark{background:var(--teal);color:var(--ink)}.rung[data-state=current] .rung-mark{background:var(--butter);color:var(--ink);box-shadow:inset 0 0 0 2px #3b2a202e}.rung{border-radius:14px;padding:4px 6px}.rung[data-state=current]{background:#ffd16638}.rung[data-state=locked] .rung-opens{opacity:.8}.profile-stats>div{background:#3b2a200d;border-radius:14px;padding:8px 10px}.profile-stats dt{color:var(--ink-soft);font-size:12px}.profile-stats dd{font-variant-numeric:tabular-nums;font-size:16px;font-weight:600}.app-store-compact{pointer-events:auto}@media (max-aspect-ratio:1){.menu-frame[data-chrome] .menu-logo img{max-height:24dvh}}@media (max-aspect-ratio:1) and (max-height:740px){.menu-frame[data-chrome] .menu-tagline{display:none}.menu-frame[data-chrome] .menu-logo img{max-height:16dvh}}.pours-empty-frames i{width:54px;height:54px;color:var(--teal-ink);background:#3b2a200a;border:2px dashed #3b2a2033;border-radius:50%;justify-content:center;align-items:center;display:flex}.pours-empty-frames i:nth-child(2){background:#2fbfb81f;border-style:solid;border-color:#2fbfb873;width:72px;height:72px}@media (min-aspect-ratio:1) and (max-height:520px){.kiosk[data-view]:not([data-view=home]) .level-compact{display:none}.kiosk[data-view]:not([data-view=home]) .player-bar{padding-bottom:8px}.kiosk .tab-bar{height:50px;margin-top:6px}.kiosk .tab-icon{height:1.5rem}.kiosk .player-bar{margin-bottom:6px}}@media (max-aspect-ratio:1){.kiosk:not([data-chrome]) .menu-brand{margin-top:44px}}.player-name{-webkit-line-clamp:3;line-clamp:3;overflow-wrap:anywhere;text-align:left;-webkit-box-orient:vertical;padding-bottom:1px;line-height:1.15;display:-webkit-box;overflow:hidden}@media (max-width:359px){.profile-chevron{display:none}.tips-pill{gap:4px;padding-right:10px}}.design-picker{background:var(--card);border-radius:22px;flex-direction:column;gap:2px;width:100%;padding:7px 10px 6px;display:flex;box-shadow:0 4px #3b2a201a,0 12px 26px #20608c2e}.design-picker-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 8px;padding:0 4px;display:flex}.design-picker-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--teal-ink);font-size:12px;font-weight:600}.design-picker-note{background:var(--butter);color:var(--ink);white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:700}.design-picker-row{justify-content:center;align-items:flex-start;gap:2px;display:flex}.design-picker[data-count="6"] .design-picker-row,.design-picker[data-count="7"] .design-picker-row{scrollbar-width:none;justify-content:flex-start;overflow-x:auto}.design-pick{color:var(--ink);background:0 0;border-radius:16px;flex-direction:column;flex:0 0 64px;align-items:center;gap:3px;padding:5px 0 0;display:flex}.design-pick-plate{border-radius:50%;width:44px;height:44px;padding:3px;transition:box-shadow .12s ease-out,transform .12s ease-out;display:block;position:relative;box-shadow:inset 0 0 0 2px #3b2a201f}.design-pick[data-selected] .design-pick-plate,.design-picker-single .design-pick-plate{box-shadow:inset 0 0 0 3px var(--teal), 0 0 0 3px #2fbfb840}.design-pick[data-selected] .design-pick-plate{transform:scale(1.06)}.design-pick:focus-visible{outline:2px solid var(--teal-ink);outline-offset:-2px}.design-pick-glyph{width:100%;height:100%;display:block}.design-pick-asked{background:var(--butter);color:var(--ink);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:0 5px;font-size:9px;font-weight:700;line-height:13px;position:absolute;top:-7px;left:50%;transform:translate(-50%)}.design-pick-label{text-align:center;max-width:64px;font-size:12px;font-weight:500;line-height:1.1}.design-pick[data-selected] .design-pick-label{font-weight:700}.picker-tier{gap:2px}.picker-tier i{width:5px;height:5px}.design-picker-single{flex-direction:row;align-items:center;gap:12px;padding:10px 16px}.design-picker-single .design-pick-plate{flex:none}.design-picker-single-text{flex-direction:column;line-height:1.2;display:flex}.design-picker-single-name{font-size:16px;font-weight:700}.design-picker-more{color:var(--ink-soft);font-size:12px}@media (prefers-reduced-motion:reduce){.design-pick-plate{transition:none}}@media (min-aspect-ratio:1){.design-picker:not(.design-picker-single){width:auto;max-width:196px;padding:6px 8px}.design-picker:not(.design-picker-single) .design-picker-eyebrow{display:none}.design-picker-head:not(:has(.design-picker-note)){display:none}.design-picker:not(.design-picker-single) .design-picker-row{grid-template-columns:repeat(3,58px);gap:2px;display:grid;overflow:visible}.design-pick{gap:3px;padding-top:5px}.design-pick-plate{width:40px;height:40px}.design-pick-label{font-size:11px}}.rail-half-tip{background:var(--butter);color:var(--ink);white-space:nowrap;border-radius:999px;padding:0 7px;font-size:11px;font-weight:700;line-height:18px}.start-small{height:52px;padding:0 8px}@media (min-aspect-ratio:1) and (max-height:520px){:is(.menu-starts:has(>.start-pair)>.start-primary,.menu-starts>.start-pair){grid-column:1/-1}.menu-starts>.start-pair{height:auto}.start-pair .start-small{white-space:nowrap;height:2.75rem;padding:0 12px}}.practice-header{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"back title mute""rail rail.";align-items:center;gap:12px 8px;display:grid}.practice-header>[data-testid=practice-back]{grid-area:back}.practice-header>.practice-title{grid-area:title;justify-self:center}.practice-header>.pause-button{grid-area:mute}.practice-rail{grid-area:rail}@media (min-aspect-ratio:1){.practice-header{grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-areas:"back rail title mute"}.practice-rail{flex-wrap:nowrap}}.practice-switch{height:36px;color:var(--ink);padding:0 12px 0 8px}.practice-switch-knob{background:#3b2a202e;border-radius:999px;width:26px;height:16px;transition:background-color .12s ease-out;position:relative}.practice-switch-knob:after{content:"";background:var(--card);border-radius:50%;width:12px;height:12px;transition:transform .12s ease-out;position:absolute;top:2px;left:2px}.practice-switch[data-on] .practice-switch-knob{background:var(--teal)}.practice-switch[data-on] .practice-switch-knob:after{transform:translate(10px)}.practice-switch:focus-visible,.cup-chip:focus-visible{outline:2px solid var(--teal-ink);outline-offset:2px}.design-picker[data-practice] .design-picker-row{justify-content:center;overflow:visible}.design-picker[data-practice] .design-pick{flex:1 1 0;min-width:0;max-width:64px}.design-picker[data-practice] .design-pick-plate{aspect-ratio:1;width:min(44px,100%);height:auto}.design-picker[data-practice] .design-pick-label{overflow-wrap:anywhere;max-width:100%}.picker-tier-none{height:5px}.design-picker[data-practice] .design-picker-row[data-scroll]{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;justify-content:flex-start;overflow-x:auto}.design-picker[data-practice] .design-picker-row[data-scroll] .design-pick{scroll-snap-align:start;flex:0 0 60px;max-width:60px}.design-picker-rule{flex:0 0 18px;align-self:stretch;margin:6px 2px 4px;position:relative}.design-picker-rule:before{content:"";border-left:1.5px dashed #3b2a2038;position:absolute;inset:0 auto 0 50%}.design-picker-rule span{background:var(--card);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--ink-soft);padding:1px 4px;font-size:9px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-90deg)}.design-pick-glyph[data-testid=motif-glyph]{object-fit:cover}.cup-chip{height:28px;color:var(--teal-ink);white-space:nowrap;background:#2fbfb824;border-radius:999px;align-items:center;gap:4px;margin:-4px -2px -2px 0;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.design-picker[data-cups] .cup-chip-chevron{transform:rotate(180deg)}.cup-pick-plate{background:#3b2a200d;justify-content:center;align-items:center;display:flex}.cup-pick-canvas{aspect-ratio:1;background:#965626;border-radius:50%;display:block;box-shadow:inset 0 0 0 2px #fffaf0b3}.cup-pick-meta{flex-direction:column;align-items:center;gap:3px;display:flex}.cup-picker-row{gap:6px}.cup-pick .design-pick-label{white-space:nowrap;overflow-wrap:normal;font-size:11px}@media (max-width:359px){.cup-picker-row{gap:2px}.cup-pick .design-pick-label{font-size:10px}}.cup-pick-ml{white-space:nowrap;color:var(--ink-soft);font-size:10px;line-height:1}.cup-pick-takes{flex-wrap:wrap;justify-content:center;gap:1px;max-width:100%;display:flex}.cup-pick-glyph{width:11px;height:11px}.practice-draw-row:has(>:only-child){justify-content:center}.practice-result{border-radius:24px;max-width:24rem;padding:12px 16px 14px}.practice-art-wait{background:#3b2a2014}.practice-measures{gap:3px;margin-top:8px;font-size:13px;line-height:1.25;display:grid}.practice-measure{grid-template-columns:4.6rem 1fr;align-items:center;gap:8px;display:grid}.practice-measure dt{color:var(--ink-soft)}.practice-measure dd{align-items:center;gap:8px;min-width:0;display:flex}.practice-dots i{width:7px;height:7px}.practice-dots i[data-on]{background:var(--teal)}.practice-lines li{padding-left:14px;position:relative}.practice-lines li:before{content:"";background:var(--teal);border-radius:50%;width:6px;height:6px;position:absolute;top:.5em;left:2px}.practice-free-head{color:var(--teal-ink)}.practice-new-best{background:var(--butter);color:var(--ink);border-radius:999px;padding:1px 8px;font-weight:700}@media (min-aspect-ratio:1){.design-picker:not(.design-picker-single){max-width:min(196px, var(--picker-room,196px))}.design-picker:not(.design-picker-single) .design-picker-row{grid-template-columns:repeat(var(--picker-cols,3), minmax(0, 52px))}.design-picker:not(.design-picker-single) .design-pick,.design-pick-label{max-width:52px}.design-picker[data-practice]:not(.design-picker-single) .design-picker-row[data-scroll]{display:flex;overflow-x:auto}.design-picker[data-practice] .design-picker-row[data-scroll] .design-pick{flex:0 0 52px;max-width:52px}.design-picker[data-practice] .design-picker-head{justify-content:flex-start;display:flex}.hud-dock:has(.practice-result){justify-content:flex-end}.pour-dock:has(.practice-result){align-items:flex-end}.practice-result{max-width:min(22rem, var(--result-room,352px));max-height:calc(var(--hud-height) - var(--safe-top) - var(--safe-bottom) - 112px);padding:10px 14px 0;overflow-y:auto}.practice-again{margin-bottom:12px;position:sticky;bottom:0}.practice-measure{grid-template-columns:auto 1fr;gap:0 8px}.practice-measure dd{display:contents}.practice-measure .practice-dots{justify-self:end}.practice-measure .practice-words{grid-column:1/-1;line-height:1.2}.practice-measures{gap:5px}}@media (min-aspect-ratio:1) and (max-height:400px){.design-picker:not(.design-picker-single) .design-pick-plate{width:36px;height:36px}.design-picker:not(.design-picker-single) .design-pick:not([data-selected]) .design-pick-label,.practice-head>.practice-art,.practice-lines li:nth-child(n+2){display:none}.practice-result .star{width:17px;height:17px}.practice-measures{margin-top:4px;font-size:12px}.practice-again{height:44px;font-size:16px}}@media (min-aspect-ratio:1){.design-picker[data-practice]{max-height:calc(var(--hud-height) - var(--safe-top) - var(--safe-bottom) - 72px);scrollbar-width:none;overflow-y:auto}.design-picker[data-practice] .design-pick:not([data-selected]) .design-pick-label{display:block}.design-picker[data-practice] .design-pick-label{font-size:10.5px}.design-picker[data-practice] .cup-picker-row{flex-direction:column;gap:2px;display:flex}.design-picker[data-practice] .cup-pick{text-align:left;flex:none;grid-template-columns:32px minmax(0,1fr);grid-template-areas:"plate name""plate meta";align-items:center;gap:1px 8px;max-width:none;padding:3px 6px 3px 2px;display:grid}.design-picker[data-practice] .cup-pick .design-pick-plate{grid-area:plate;width:32px;height:32px}.design-picker[data-practice] .cup-pick .design-pick-label{text-align:left;grid-area:name;max-width:none;font-size:12px;display:block}.design-picker[data-practice] .cup-pick-meta{flex-flow:wrap;grid-area:meta;align-items:center;gap:6px;display:flex}.design-picker[data-practice] .cup-pick-takes{justify-content:flex-start}.practice-draw-row{width:min(180px, var(--picker-room,180px));flex-direction:column}.practice-draw-row>button{flex:none;width:100%}.practice-finish-more{display:none}}.best-shot-empty{background:#fffdf899;border:2px dashed #3b2a2033}.crank-plate{-webkit-backdrop-filter:blur(5px)saturate(.9);background:radial-gradient(circle,#fffaf09e 0%,#fff6e680 70%,#fff6e657 100%);border:2px solid #ffffffb3;border-radius:9999px;transition:opacity .22s;box-shadow:0 6px 18px #2b25222e}.crank-knob{transition:opacity .22s}.crank-plate[data-hidden],.crank-knob[data-hidden]{opacity:0}.crank-track{fill:none;stroke:#2b252261;stroke-width:3px;stroke-dasharray:2 10;stroke-linecap:round}.crank-arrow{fill:none;stroke:#2b25228c;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.crank-arm{stroke:#2b2522bf;stroke-width:7px;stroke-linecap:round}.crank-hub{fill:#c3cfd8;stroke:#2b2522bf;stroke-width:3px}.crank-handle{fill:#8a5a3b;stroke:#fff;stroke-width:3px}.crank-shine{fill:#ffffff47}.crank-strain{fill:none;stroke:#0000;stroke-width:5px;transition:stroke .12s}.crank-knob[data-strain] .crank-strain{stroke:var(--coral)}.crank-guide{fill:var(--butter);stroke:#fff;stroke-width:3px}.crank-trail{fill:none;stroke:#ffd166b3;stroke-width:6px;stroke-linecap:round}.weight-switch{background:#fffdf8eb;border-radius:14px;box-shadow:0 3px #3b2a201a}.weight-option{color:var(--ink-soft);border-radius:10px}.weight-option[aria-checked=true]{background:var(--butter);color:var(--ink);box-shadow:0 2px #3b2a2033}.weight-option:disabled{opacity:.7}@media (max-width:360px){.shop-chips{scrollbar-width:none;overflow-x:auto}.shop-chips .menu-tab{flex:1 0 auto;gap:4px;padding-left:9px;padding-right:9px}}.tap-start{background:var(--butter);color:var(--ink);border:3px solid #fff;border-radius:9999px;animation:1.4s ease-in-out infinite tap-start-pulse;box-shadow:0 4px 12px #2b252238}@keyframes tap-start-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){.tap-start{animation:none}}.side-tick{z-index:1;background:#3b2a2059;border-radius:1px;height:2px;position:absolute;left:3px;right:3px}.bag-button{outline-offset:2px;background:0 0;border-radius:14px}.bag-button[data-ring]{box-shadow:0 0 0 3px var(--butter,#ffd166);animation:1.2s ease-in-out infinite bag-ring}.bag-button:disabled{cursor:not-allowed}@keyframes bag-ring{50%{box-shadow:0 0 0 6px #ffd1668c}}.bag-tag{color:var(--ink);white-space:nowrap;background:#fffdf8f0;border-radius:9px;padding:1px 8px;font-size:12px;font-weight:600;line-height:18px;position:absolute;top:12%;left:50%;transform:translate(-50%,-100%);box-shadow:0 2px #3b2a201a}.bag-tag[data-decaf]{background:var(--teal-ink);color:#fff}.hopper-chip{min-height:32px;color:var(--ink);background:#fffdf8f0;border-radius:16px;align-self:flex-start;align-items:center;gap:6px;padding:3px 10px 3px 8px;font-size:13px;font-weight:600;display:inline-flex;box-shadow:0 2px #3b2a201a}.hopper-chip[data-decaf]{background:var(--teal-ink);color:#fff}.hopper-chip[data-dry]{box-shadow:0 0 0 3px var(--coral,#ff7a66);animation:.9s ease-in-out infinite bag-ring}.dial-pack{background:var(--ink);color:#fff;white-space:nowrap;pointer-events:none;border-radius:7px;justify-content:center;align-items:center;gap:2px;padding:0 2px;font-size:11px;font-weight:700;line-height:16px;display:flex;position:absolute;left:4px;right:4px;transform:translateY(50%)}.dial-pack[data-decaf],.dial-pack[data-matched]{background:var(--teal-ink)}.serve-caddy{background:var(--card);border-radius:22px;flex-direction:column;gap:2px;width:100%;padding:6px 8px 4px;display:flex;box-shadow:0 4px #3b2a201a,0 12px 26px #20608c2e}.serve-caddy-head{letter-spacing:.12em;text-transform:uppercase;color:var(--teal-ink);padding:0 6px;font-size:11px;font-weight:600}.serve-caddy-row{justify-content:center;gap:2px;display:flex}.serve-caddy-tile{min-height:48px;color:var(--ink);background:0 0;border-radius:16px;flex-direction:column;flex:0 0 62px;align-items:center;gap:2px;padding:2px 0 0;display:flex}.serve-caddy-plate{background:#3b2a2024;border-radius:50%;place-items:center;width:48px;height:48px;padding:2px;transition:background-color .12s ease-out,box-shadow .12s ease-out,transform .12s ease-out;display:grid}.serve-caddy-thumb{object-fit:cover;border-radius:50%;width:100%;height:100%}.serve-caddy-label{color:var(--ink-soft);font-size:11px;font-weight:600;line-height:1.1}.serve-caddy-tile[data-placed] .serve-caddy-plate{background:var(--teal);padding:3px;transform:scale(1.06);box-shadow:0 0 0 3px #2fbfb840}.serve-caddy-tile[data-placed] .serve-caddy-label{color:var(--teal-ink)}.serve-caddy-tile[data-lesson] .serve-caddy-plate{animation:1.2s ease-in-out infinite caddy-ring}@keyframes caddy-ring{0%,to{background:#ff7a668c;box-shadow:0 0 #ff7a6699}50%{background:var(--coral);box-shadow:0 0 0 6px #ff7a6640}}@media (prefers-reduced-motion:reduce){.serve-caddy-tile[data-lesson] .serve-caddy-plate{background:var(--coral);animation:none}}.serve-caddy-tile:focus-visible{outline:2px solid var(--teal-ink);outline-offset:-2px}@media (orientation:landscape) and (max-height:560px){.serve-caddy-row{gap:0}.serve-caddy-tile{flex-basis:54px}.serve-caddy-plate{width:44px;height:44px}}.extra-chip{width:24px;height:24px;color:var(--ink);box-shadow:0 0 0 2px var(--coral);background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.side-gauge[data-lit=off]{opacity:.55}.side-gauge[data-lit=on] .side-track{box-shadow:0 0 0 3px #fff,0 2px 8px #3b2a2040}.side-gauge[data-lit=on] .side-label{background:var(--ink);color:#fff}.side-flag-line{background:var(--ink);z-index:1;height:3px;margin-bottom:-1px;position:absolute;left:0;right:0}.side-flag{background:var(--ink);color:#fff;white-space:nowrap;border-radius:6px;padding:0 4px;font-size:10px;font-weight:600;line-height:14px;position:absolute;right:calc(50% + 12px);transform:translateY(50%)}.hint-eyebrow{background:var(--ink);color:#fff;letter-spacing:.08em;text-transform:uppercase;vertical-align:1px;border-radius:8px;margin-right:6px;padding:0 6px;font-size:10px;font-weight:700;line-height:16px}.espresso-hint[data-pop]{animation:.35s ease-out hint-pop}@keyframes hint-pop{0%{transform:translate(-50%,-100%)scale(.92)}}.jug-target{z-index:1;background:#ffd1668c;border:2px dashed #fff;border-radius:6px;position:absolute;box-shadow:0 0 0 2px #3b2a2059}.jug-target[data-beat=spin]{background:#2fbfb88c}.jug-target[data-hidden]{display:none}.jug-gauge[data-guided] .jug-band{opacity:.45}.jug-deep{color:#fff;text-shadow:0 1px 3px #3b2a20cc;background:#966e5040;align-items:flex-start;padding:3px 0 0 8px;font-size:11px;font-weight:600;display:flex;position:absolute;left:0;right:0}.jug-tip[data-in]{background:var(--teal);z-index:2;border-color:#fff;box-shadow:0 0 0 4px #2fbfb873,0 0 14px 4px #2fbfb8b3}.steam-nudge{background:var(--ink);color:#fff;opacity:0;will-change:transform;border-radius:50%;place-items:center;width:40px;height:40px;margin:-20px 0 0 -20px;font-size:18px;line-height:1;transition:opacity .15s;display:grid;position:absolute;top:0;left:0;box-shadow:0 3px 10px #3b2a204d}.steam-nudge[data-on]{opacity:1}.steam-demo-thumb{z-index:20;will-change:transform;opacity:.6;filter:drop-shadow(0 6px 8px #3b2a2059);width:44px;height:64px;margin:-16px 0 0 -22px;transition:opacity .2s;position:absolute;top:0;left:0}.steam-demo-thumb-shape{transform-origin:50% 25%;width:100%;height:100%;transition:transform .2s;transform:rotate(-14deg)scale(1.12)}.steam-demo-thumb-shape path{fill:#ffecd6eb;stroke:var(--ink);stroke-width:2.5px}.steam-demo-thumb-shape .nail{fill:#ffffffd9;stroke-width:1.5px}.steam-demo-thumb[data-pressed]{opacity:.95}.steam-demo-thumb[data-button]{transition:opacity .2s,transform .3s ease-out}.steam-demo-thumb[data-pressed] .steam-demo-thumb-shape{transform:rotate(-14deg)}.steam-hold-spot{background:#ffffff38;border:3px dashed #fffffff2;border-radius:50%;width:50px;height:50px;margin:-25px 0 0 -25px;animation:1.5s ease-in-out infinite ghost-hold;box-shadow:0 2px 10px #3b2a2040}.action-button[data-demo-call]:disabled{background:var(--coral);box-shadow:0 5px 0 var(--coral-deep);color:var(--ink);animation:1s ease-in-out infinite button-call}[data-testid=advance-step][data-ghost]{box-shadow:0 1px 0 var(--coral-deep);animation:none;transform:translateY(4px)}.steam-nudge[data-urgent]{background:var(--coral-deep);animation:.7s ease-in-out infinite nudge-urgent}@keyframes nudge-urgent{50%{scale:1.18}}.show-me{flex:none;align-items:center;gap:4px;padding:0 12px;display:inline-flex}[data-testid=advance-step][data-call]:enabled{animation:1s ease-in-out infinite button-call}.steam-stills{z-index:3;gap:6px;padding:8px;display:flex}.steam-still{text-align:center;flex-direction:column;flex:1;align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}.steam-still svg{width:100%;max-width:84px;height:auto}@media (prefers-reduced-motion:reduce){.espresso-hint[data-pop],[data-testid=advance-step][data-call]:enabled{animation:none}.steam-nudge,.steam-demo-thumb{transition:none}.steam-nudge[data-urgent],.steam-hold-spot,.action-button[data-demo-call]:disabled{animation:none}}:root{--bronze:#d9925a;--bronze-deep:#a8643a;--silver:#dfe4ea;--silver-deep:#9aa7b2;--gold:#ffd166;--gold-deep:#d99a1f;--plank:#d9925a;--plank-top:#f2b880}.summary-card{flex-direction:column;flex-shrink:1;min-height:0;display:flex}.summary-news-scroll{overscroll-behavior:contain;touch-action:pan-y;min-height:0;padding-bottom:12px;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 16px),#0000);mask-image:linear-gradient(#000 calc(100% - 16px),#0000)}.summary-card>.score-side{flex-shrink:0}@media (min-aspect-ratio:1){.summary-card{grid-template-rows:minmax(0,1fr);display:grid}}.profile-badge{top:-7px;left:-8px;right:auto}.medal-stars{background:var(--gold-deep);color:#fffdf8;white-space:nowrap;box-shadow:0 0 0 1.5px var(--card);border-radius:999px;padding:0 4px;font-size:10px;font-weight:700;line-height:13px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.player-title{max-width:100%;color:var(--ink-soft);font-size:11px;font-weight:600;line-height:1.1}.level-card,.badge-card,.news-box{background:#3b2a200d;border-radius:16px;box-shadow:inset 0 0 0 2px #3b2a200f}.news-box{background:#ffd16659;animation:.32s cubic-bezier(.34,1.56,.64,1) .3s backwards card-pop}.title-chip{color:var(--ink);background:#3b2a200f;border-radius:999px}.title-chip[aria-checked=true]{background:var(--teal);color:#fffdf8}.badge-plank{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:2px 4px 10px;position:relative}.badge-plank:after{content:"";background:linear-gradient(var(--plank-top) 0 45%, var(--plank) 45% 100%);z-index:0;border-radius:4px;height:12px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 3px #3b2a202e}.badge-slot{z-index:1;border-radius:14px;min-height:96px;position:relative}.badge-slot[aria-pressed=true]{background:#2fbfb824}.badge-slot:active{transform:scale(.96)}.badge-name{overflow-wrap:anywhere}@media (min-aspect-ratio:1){.badge-plank{grid-template-columns:repeat(5,minmax(0,1fr))}.badge-slot{min-height:0}.badge-slot .medallion{width:2.75rem;height:2.75rem}}@media (min-aspect-ratio:1) and (max-height:480px){[data-testid=profile-panel] .segments .segment,[data-testid=designs-panel] .segments .segment{height:40px}.badge-plank{grid-template-columns:repeat(6,minmax(0,1fr))}}.jug-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.jug-slot{background:#3b2a200a;border-radius:14px;min-height:72px}.jug-slot[data-using]{box-shadow:inset 0 0 0 2.5px var(--teal);background:#2fbfb81a}.jug-in-use{background:var(--teal);color:#fffdf8;border-radius:999px;padding:0 6px;font-size:10px;font-weight:700;line-height:15px}.jug-slot:disabled{color:var(--ink-soft)}.jug-locked{filter:grayscale(.9)opacity(.45)}.jug-locked-book{filter:saturate(.8)opacity(.6)}@media (min-aspect-ratio:1){.jug-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}.medal-ring{background:#3b2a200f;padding:4px;box-shadow:inset 0 0 0 2px #3b2a201f}.medal-ring:not([data-medal]){box-shadow:none;outline-offset:-3px;background:0 0;outline:2px dashed #3b2a2038}.medal-ring[data-medal=bronze]{background:linear-gradient(160deg, #f2b880, var(--bronze) 55%, var(--bronze-deep))}.medal-ring[data-medal=silver]{background:linear-gradient(160deg, #fff, var(--silver) 55%, var(--silver-deep))}.medal-ring[data-medal=gold]{background:linear-gradient(160deg, #ffe7a8, var(--gold) 55%, var(--gold-deep))}.medal-ring[data-dim]{opacity:.45}.medal-pip{background:var(--card);width:14px;height:14px;box-shadow:inset 0 0 0 3px var(--teal);border-radius:50%;position:absolute;bottom:-1px;right:-1px}.medal-ring[data-medal=bronze] .medal-pip{box-shadow:inset 0 0 0 4px var(--bronze-deep)}.medal-ring[data-medal=silver] .medal-pip{box-shadow:inset 0 0 0 4px var(--silver-deep)}.medal-ring[data-medal=gold] .medal-pip{box-shadow:inset 0 0 0 4px var(--gold-deep)}.book-cell{border-radius:999px;min-width:52px;min-height:52px}.book-glyph-empty{opacity:.5}.title-badge{color:var(--ink-soft);background:#3b2a2014;border-radius:999px;flex-shrink:0;padding:1px 8px;font-size:11px;font-weight:600;line-height:18px}.title-badge[data-medal=bronze]{background:var(--bronze);color:var(--ink)}.title-badge[data-medal=silver]{background:var(--silver);color:var(--ink)}.title-badge[data-medal=gold]{background:var(--gold);color:var(--ink)}.design-medal{background:#3b2a200f;border-radius:999px}.design-medal-empty{box-shadow:inset 0 0 0 2px #3b2a2038}.news-chip{max-width:100%;color:var(--ink);background:#ffd16673;border-radius:999px}.summary-badge{background:#fffdf8bf;border-radius:999px}.practice-badge-dot{background:var(--teal)}@media (prefers-reduced-motion:reduce){.news-box{animation:none}}.regular-chip{color:var(--teal-ink);letter-spacing:.04em;background:#2fbfb824;border-radius:999px;padding:1px 8px 1px 6px}.ticket-last-pic{object-fit:cover;border-radius:999px;width:24px;height:24px;box-shadow:0 0 0 1.5px #3b2a2024}.queue-regular{background:var(--teal);color:#fff}@media (max-aspect-ratio:1) and (max-height:700px){.score-card{--score-least:386px;padding-top:12px;padding-bottom:14px}.score-card .art-plate{width:6rem;height:6rem}.score-card .customer-line,.score-card [data-testid=verdict-comments]{font-size:.875rem}.ticket-last-pic{width:22px;height:22px}}.matcha-ghost{border:3px solid var(--teal);opacity:0;will-change:transform;background:#fffdf8b3;border-radius:9999px;width:44px;height:44px;transition:opacity .15s;box-shadow:0 2px 8px #3b2a2040}.matcha-trail path{stroke:#fffdf88c;stroke-dasharray:24 18;animation:.6s linear infinite matcha-trail}@keyframes matcha-trail{to{stroke-dashoffset:-42px}}@media (prefers-reduced-motion:reduce){.matcha-trail path{animation:none}}.matcha-stills{flex-wrap:wrap;justify-content:center}.cup-guide{color:#fff0d69e}.cup-pour-guide{position:absolute;inset:0}.cup-pour-guide .pour-guide-svg{width:100%;height:100%;overflow:visible}.cup-pour-guide .pour-guide-trace{stroke-dasharray:.05 .045}.cup-pour-guide .pour-guide-trace[data-trace=hidden]{opacity:0}.cup-pour-guide .pour-guide-trace[data-trace=faint]{opacity:.55}.cup-pour-guide .pour-guide-dot{fill:var(--coral);stroke:#fff;stroke-width:.02px}.cup-pour-guide .pour-guide-trail{stroke:var(--coral);opacity:.7}.draw-cursor{will-change:transform;width:0;height:0;transition:opacity 90ms}.draw-cursor:before{content:"";border:2px solid #fff;border-radius:50%;width:26px;height:26px;position:absolute;top:-13px;left:-13px;box-shadow:0 0 0 1px #2e1c108c,inset 0 0 0 1px #2e1c1059}.draw-cursor:after{content:"";width:var(--stream,6px);height:var(--stream,6px);left:calc(var(--stream,6px) / -2);top:calc(var(--stream,6px) / -2);background:#fffaf0;border-radius:50%;position:absolute;box-shadow:0 0 0 1px #2e1c1059}.draw-cursor[data-tool=pick]:before{border-color:var(--coral)}.draw-cursor[data-tool=pick]:after{background:var(--ink);width:6px;height:6px;top:-3px;left:-3px;box-shadow:0 0 0 1px #fff}.draw-tools[data-landscape]{flex-wrap:wrap}.draw-tools[data-landscape] .draw-milk{flex-basis:100%;height:28px}.draw-tool{color:var(--ink-soft)}.draw-tool[aria-pressed=true]{background:var(--teal);color:#fff}.draw-milk-fill{background:var(--teal);transform-origin:0;transition:transform .2s linear}.draw-milk-fill[data-low]{background:var(--coral)}.cup-pour-guide .pour-guide-trace circle{fill:none}.cup-pour-guide [data-testid=guide-step-mark]{transform-box:fill-box;transform-origin:50%;opacity:.85;transform:scale(.62)}.cup-pour-guide .pour-guide-trace[data-trace=shown]{opacity:.6}.cup-guide{transition:opacity .18s}.cup-guide[data-pouring]{opacity:.45}.cup-guide[data-pouring] [data-testid=guide-step-mark]{opacity:0}.cup-pour-guide [data-turn]{transition:opacity .2s}.cup-pour-guide [data-turn=drawn]{opacity:0}.cup-pour-guide [data-turn=later]{opacity:.4}.draw-cursor[data-tool=cut]:before{border-color:var(--coral);border-style:dashed}.draw-cursor[data-tool=cut]:after{background:var(--coral);border-radius:1px;width:2px;height:22px;top:-11px;left:-1px;box-shadow:0 0 0 1px #fff}@media (min-aspect-ratio:1){.hud-frame:has(.pour-dock[data-step=draw]) .ticket-rail{padding-left:calc(var(--safe-left) + 12px);justify-content:flex-start}.hud-dock:has(.pour-dock[data-on-cup]){justify-content:flex-end}.pour-dock[data-on-cup]{max-width:var(--draw-room,220px)}}.score-card{--score-least:416px;max-height:max(calc(52dvh - var(--safe-bottom) - 12px), var(--score-least));flex-direction:column;display:flex}.score-main{flex:none;min-width:0}.score-side{flex-direction:column;flex:auto;min-height:0;display:flex}.score-more{overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:0 auto;min-height:0;margin-top:8px;overflow-y:auto}.score-more>:first-child{margin-top:0}.score-more[data-above]{-webkit-mask-image:linear-gradient(#0000,#000 18px);mask-image:linear-gradient(#0000,#000 18px)}.score-more[data-above][data-more]{-webkit-mask-image:linear-gradient(#0000,#000 18px calc(100% - 28px),#0000);mask-image:linear-gradient(#0000,#000 18px calc(100% - 28px),#0000)}.score-more:empty{margin-top:0}.score-more::-webkit-scrollbar{display:none}.score-more[data-more]{-webkit-mask-image:linear-gradient(#000 calc(100% - 28px),#0000);mask-image:linear-gradient(#000 calc(100% - 28px),#0000)}@media (min-aspect-ratio:1) and (max-height:520px){.score-card{max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 68px);grid-template-rows:minmax(0,1fr);display:grid}.score-main{min-height:0;overflow:hidden}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-x-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}