/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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-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}::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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-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:-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-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-display:"Fredoka", "Nunito", ui-rounded, system-ui, sans-serif;--font-body:"Nunito", ui-rounded, system-ui, sans-serif}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%;background:var(--bg-bottom)}body{font-family:var(--font-body);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;margin:0}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0}button:disabled{cursor:default}img{-webkit-user-drag:none}:focus-visible{outline:3px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 80%, white)}}:focus-visible{outline-offset:2px}}@layer components{.screen{background:linear-gradient(180deg, var(--bg-top), var(--bg-bottom));flex-direction:column;height:100%;transition:background-color .4s;display:flex;position:relative;overflow:hidden}.bgfx{pointer-events:none;background:radial-gradient(60% 40% at 12% 8%, var(--light), transparent 70%), radial-gradient(50% 35% at 100% 70%, var(--glow), transparent 70%), repeating-linear-gradient(90deg, #ffffff29 0 22px, transparent 22px 44px);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.bgfx{background:radial-gradient(60% 40% at 12% 8%, color-mix(in srgb, var(--light) 85%, transparent), transparent 70%), radial-gradient(50% 35% at 100% 70%, color-mix(in srgb, var(--glow) 35%, transparent), transparent 70%), repeating-linear-gradient(90deg, #ffffff29 0 22px, transparent 22px 44px)}}[data-pack=rainy-evening] .bgfx{background:radial-gradient(55% 32% at 50% 52%,#ffc47e47,#0000 70%),radial-gradient(40% 25% at 85% 5%,#ffc47e38,#0000 70%),repeating-linear-gradient(104deg,#bec8f012 0 1.5px,#0000 1.5px 23px),repeating-linear-gradient(98deg,#bec8f00d 0 1px,#0000 1px 37px)}.safe-x{padding-left:max(env(safe-area-inset-left), 0px);padding-right:max(env(safe-area-inset-right), 0px)}.safe-top{padding-top:max(env(safe-area-inset-top), 10px)}.safe-bottom{padding-bottom:max(env(safe-area-inset-bottom), 12px)}.card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft), inset 0 0 0 1px var(--surface-line)}[data-pack=rainy-evening] .card{box-shadow:0 10px 30px #0a0c1e59, inset 0 0 0 1px var(--surface-line)}.eyebrow{font:800 11px/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-text)}.h1{font:600 26px/1.05 var(--font-display);letter-spacing:.005em}.label{font:700 12px/1.1 var(--font-body);color:var(--text-muted);letter-spacing:.02em}.label-sm{font-size:11px}.star{color:var(--star-empty)}.star.on{color:var(--star);filter:drop-shadow(0 1.5px #b4781e59)}.icon-btn{background:var(--btn);width:44px;height:44px;color:var(--btn-text);box-shadow:var(--shadow-soft), inset 0 0 0 1px var(--surface-line);border-radius:16px;flex:none;place-items:center;transition:transform .15s;display:grid}.icon-btn:active{transform:scale(.94)}.icon-btn[aria-pressed=false]{color:var(--text-muted)}.pill{background:var(--surface);height:32px;box-shadow:var(--shadow-soft), inset 0 0 0 1px var(--surface-line);font:600 14px var(--font-display);white-space:nowrap;border-radius:99px;align-items:center;gap:4px;padding:0 12px;display:flex}.divider{background:var(--surface-line);width:1px;height:34px}.tool{width:96px;height:62px;font:600 13px var(--font-display);color:var(--btn-text);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:5px;transition:transform .15s,opacity .2s,background-color .2s;display:flex;position:relative}.tool:active:not(:disabled){transform:scale(.95)}.tool:disabled{opacity:.4}.tool.hint{color:#4a3427;background:linear-gradient(#ffe29a,#f2c25a);box-shadow:0 3px #d9a23e,0 6px 14px #f2b54459}.tool.hint:active{transform:translateY(2px);box-shadow:0 1px #d9a23e,0 4px 10px #f2b54459}.tool.row{background:var(--btn);width:100%;height:60px;box-shadow:var(--shadow-soft), inset 0 0 0 1px var(--surface-line);flex-direction:row;justify-content:flex-start;gap:14px;padding:0 20px;font-size:17px}.tool.row.hint{background:linear-gradient(#ffe29a,#f2c25a);box-shadow:0 3px #d9a23e,0 8px 18px #f2b54459}.tool.row.compact{gap:10px;height:52px;padding:0 16px;font-size:15px}kbd.key{font:700 12px var(--font-body);color:var(--text-muted);border:1.5px solid var(--surface-line);border-radius:8px;margin-left:auto;padding:3px 8px}@media (hover:none){kbd.key{display:none}}.tool.hint kbd.key{color:#7a5a2a;border-color:#7a5a2a4d}.btn-primary{background:var(--btn-primary);height:58px;color:var(--btn-primary-text);font:600 19px var(--font-display);box-shadow:0 4px 0 var(--btn-primary), 0 10px 22px #5b3a2440;border-radius:22px;justify-content:center;align-items:center;gap:10px;padding:0 28px;display:flex}@supports (color:color-mix(in lab, red, red)){.btn-primary{box-shadow:0 4px 0 color-mix(in srgb, var(--btn-primary) 70%, black), 0 10px 22px #5b3a2440}}.btn-primary{transition:transform .15s,box-shadow .15s}.btn-primary:active{box-shadow:0 1px 0 var(--btn-primary), 0 6px 14px #5b3a2440;transform:translateY(3px)}@supports (color:color-mix(in lab, red, red)){.btn-primary:active{box-shadow:0 1px 0 color-mix(in srgb, var(--btn-primary) 70%, black), 0 6px 14px #5b3a2440}}.btn-secondary{background:var(--btn);height:52px;color:var(--btn-text);font:600 16px var(--font-display);box-shadow:var(--shadow-soft), inset 0 0 0 1px var(--surface-line);border-radius:20px;justify-content:center;align-items:center;gap:8px;padding:0 22px;transition:transform .15s;display:flex}.btn-secondary:active{transform:scale(.97)}.meter{font:700 12px var(--font-body);color:var(--text-muted);justify-content:center;gap:16px;display:flex}.meter>span{align-items:center;gap:1px;display:flex}.meter>span svg:last-of-type{margin-right:4px}.order{background:var(--surface);border-radius:20px;align-items:center;gap:12px;padding:10px 14px;display:flex}@supports (color:color-mix(in lab, red, red)){.order{background:color-mix(in srgb, var(--surface) 55%, transparent)}}.order{border:1.5px dashed var(--text-muted)}@supports (color:color-mix(in lab, red, red)){.order{border:1.5px dashed color-mix(in srgb, var(--text-muted) 35%, transparent)}}.bubble{font:600 15px/1.45 var(--font-body);background:var(--board);color:var(--text);border-radius:18px 18px 18px 6px;padding:12px 16px}[data-pack=rainy-evening] .bubble{color:#4a3427}.dots{grid-template-columns:repeat(10,1fr);gap:8px;display:grid}.dots i{aspect-ratio:1;background:var(--board-slot);border-radius:50%}.dots i.done{background:var(--star)}.dots i.cur{background:var(--c-teacup-coral);box-shadow:0 0 0 3px var(--c-teacup-coral)}@supports (color:color-mix(in lab, red, red)){.dots i.cur{box-shadow:0 0 0 3px color-mix(in srgb, var(--c-teacup-coral) 30%, transparent)}}.lv{background:var(--surface);height:72px;box-shadow:0 3px 0 var(--surface-line), 0 6px 14px #5b3a2414;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:4px;transition:transform .15s;display:flex}.lv:active:not(:disabled){transform:translateY(2px)scale(.98)}.lv .n{font:600 24px/1 var(--font-display)}.lv .s{gap:1px;display:flex}.lv .s.dim{opacity:.7}.lv.cur{color:#fff;outline-offset:-6px;background:linear-gradient(#f6a08c,#ec836f);outline:3px solid #ffffffe6;box-shadow:0 3px #c9614f,0 8px 18px #ec836f66}.lv.cur .now{font:700 11px var(--font-body);letter-spacing:.1em;text-transform:uppercase;background:#ffffff40;border-radius:8px;padding:2px 8px}.lv.lock{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.lv.lock{background:color-mix(in srgb, var(--surface) 45%, transparent)}}.lv.lock{box-shadow:inset 0 0 0 1.5px var(--surface-line);color:var(--text-muted)}.bar{background:var(--board-slot);border-radius:6px;height:12px}@supports (color:color-mix(in lab, red, red)){.bar{background:color-mix(in srgb, var(--board-slot) 80%, transparent)}}.bar{overflow:hidden;box-shadow:inset 0 1px 2px #5b3a241f}.bar i{background:linear-gradient(90deg,#f6c46a,#ec836f);border-radius:6px;height:100%;display:block}.pk{font:600 14px var(--font-display);color:var(--text-muted);border-radius:18px;flex:1;justify-content:center;align-items:center;gap:7px;display:flex;position:relative}.pk i{border-radius:50%;width:14px;height:14px;box-shadow:inset 0 0 0 1.5px #4a342733}.pk.on{color:var(--btn-primary-text)}.switch{background:var(--board-slot);border-radius:16px;flex:none;width:52px;height:32px;transition:background-color .2s;position:relative;box-shadow:inset 0 1px 3px #5b3a242e}.switch[aria-checked=true]{background:var(--c-mint)}.switch>span{width:26px;height:26px;transition:transform .22s var(--ease-slide);background:#fffaf3;border-radius:13px;position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #5b3a2440}.switch[aria-checked=true]>span{transform:translate(20px)}.seg{background:var(--board-slot);border-radius:16px;gap:4px;padding:4px;display:flex}.seg button{height:34px;font:600 13px var(--font-display);color:var(--text-muted);border-radius:12px;flex:1;transition:background-color .2s,color .2s}.seg button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-soft)}.stage{touch-action:none;position:relative}.stage>.abs{position:absolute;top:0;left:0}.counter-img{filter:drop-shadow(0 18px 22px #5b3a2438)drop-shadow(0 4px 6px #5b3a241f)}[data-pack=rainy-evening] .counter-img{filter:drop-shadow(0 22px 28px #080a1e80)drop-shadow(0 4px 6px #080a1e4d)}.customer-img{filter:drop-shadow(0 6px 8px #5b3a2426)}.piece{touch-action:none;cursor:grab;will-change:transform;outline:none;position:absolute;top:0;left:0}.piece:active{cursor:grabbing}.piece img{width:100%;height:100%;filter:var(--piece-filter);pointer-events:none;position:absolute;inset:0}.piece.target img{filter:var(--piece-filter) drop-shadow(0 0 10px #ec836f59)}.piece .lift{opacity:0;pointer-events:none;border-radius:18%;position:absolute;inset:6%;box-shadow:0 8px 16px #5b3a2438,0 18px 30px #5b3a242e}.piece .glow{pointer-events:none;opacity:0;position:absolute;inset:4%;box-shadow:0 0 0 3px #f2b544,0 0 18px 4px #f2b544bf}.piece:focus-visible .focus{border:3px solid var(--accent);pointer-events:none;position:absolute;inset:2%}.ghost{pointer-events:none;background:#ffe7a847;border:3px dashed #f2b544;position:absolute;top:0;left:0}.dusk{display:none}[data-pack=rainy-evening] .dusk{background:radial-gradient(75% 75% at 42% 38%,#ffc88c14 0%,#ffc88c00 45%,#1e1a464d 100%);display:block}[data-pack=afternoon-tea] .dusk{background:linear-gradient(120deg,#ffd6962e,#ffd69600 55%,#c86e6e14);display:block}}@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:0}.inset-x-0{inset-inline:0}.inset-x-\[5\%\]{inset-inline:5%}.top-0{top:0}.top-\[12\%\]{top:12%}.top-\[30\%\]{top:30%}.right-4{right:calc(var(--spacing) * 4)}.right-\[1\%\]{right:1%}.bottom-\[-1\%\]{bottom:-1%}.bottom-\[4\%\]{bottom:4%}.bottom-\[12\%\]{bottom:12%}.bottom-\[16\.5\%\]{bottom:16.5%}.left-1\/2{left:50%}.left-5{left:calc(var(--spacing) * 5)}.left-\[1\%\]{left:1%}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.col-span-2{grid-column:span 2/span 2}.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-4{margin-inline:calc(var(--spacing) * 4)}.mx-5{margin-inline:calc(var(--spacing) * 5)}.mx-6{margin-inline:calc(var(--spacing) * 6)}.mx-auto{margin-inline:auto}.my-4{margin-block:calc(var(--spacing) * 4)}.my-5{margin-block: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-\[3px\]{margin-top:3px}.mb-1{margin-bottom:var(--spacing)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.\!hidden{display:none!important}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-grid{display:inline-grid}.table{display:table}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-\[72px\]{width:72px;height:72px}.size-\[78px\]{width:78px;height:78px}.size-\[92px\]{width:92px;height:92px}.\!h-10{height:calc(var(--spacing) * 10)!important}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-10{height:calc(var(--spacing) * 10)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-\[2px\]{height:2px}.h-\[30\%\]{height:30%}.h-\[62px\]{height:62px}.h-\[64px\]{height:64px}.h-\[78px\]{height:78px}.h-\[92px\]{height:92px}.h-full{height:100%}.min-h-0{min-height:0}.min-h-\[22px\]{min-height:22px}.w-11{width:calc(var(--spacing) * 11)}.w-14{width:calc(var(--spacing) * 14)}.w-\[17\%\]{width:17%}.w-\[29\%\]{width:29%}.w-\[30\%\]{width:30%}.w-\[31\%\]{width:31%}.w-\[50\%\]{width:50%}.w-\[86px\]{width:86px}.w-\[170px\]{width:170px}.w-\[190px\]{width:190px}.w-full{width:100%}.max-w-\[55\%\]{max-width:55%}.max-w-\[170px\]{max-width:170px}.max-w-\[300px\]{max-width:300px}.max-w-\[320px\]{max-width:320px}.max-w-\[340px\]{max-width:340px}.max-w-\[360px\]{max-width:360px}.max-w-\[520px\]{max-width:520px}.max-w-\[560px\]{max-width:560px}.max-w-\[600px\]{max-width:600px}.min-w-0{min-width:0}.flex-1{flex:1}.flex-none{flex:none}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-\[46\%\]{--tw-translate-x:calc(46% * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-rotate-3{rotate:-3deg}.rotate-2{rotate:2deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-3\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-7{gap:calc(var(--spacing) * 7)}.gap-\[5px\]{gap:5px}.gap-\[18px\]{gap:18px}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-y-1{row-gap:var(--spacing)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-\[var\(--surface-line\)\]>:not(:last-child)){border-color:var(--surface-line)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.rounded-\[14px\]{border-radius:14px}.rounded-\[18px\]{border-radius:18px}.rounded-\[24px\]{border-radius:24px}.rounded-\[26px\]{border-radius:26px}.rounded-\[30px\]{border-radius:30px}.rounded-full{border-radius:2147483647px}.bg-white\/25{background-color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.bg-white\/25{background-color:color-mix(in oklab, var(--color-white) 25%, transparent)}}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-\[7px\]{padding:7px}.p-\[22px\]{padding:22px}.\!px-4{padding-inline:calc(var(--spacing) * 4)!important}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-10{padding-inline:calc(var(--spacing) * 10)}.px-\[22px\]{padding-inline:22px}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.pt-12{padding-top:calc(var(--spacing) * 12)}.pt-14{padding-top:calc(var(--spacing) * 14)}.pr-1{padding-right:var(--spacing)}.pb-1{padding-bottom:var(--spacing)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-12{padding-bottom:calc(var(--spacing) * 12)}.pl-3{padding-left:calc(var(--spacing) * 3)}.text-center{text-align:center}.font-display{font-family:var(--font-display)}.\!text-\[14px\]{font-size:14px!important}.text-\[12\.5px\]{font-size:12.5px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[19px\]{font-size:19px}.text-\[24px\]{font-size:24px}.text-\[26px\]{font-size:26px}.text-\[40px\]{font-size:40px}.text-\[52px\]{font-size:52px}.text-\[64px\]{font-size:64px}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.005em\]{--tw-tracking:.005em;letter-spacing:.005em}.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)}.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))}@media (min-width:64rem){.lg\:max-w-\[400px\]{max-width:400px}}}:root{--font-display:"Fredoka", "Nunito", ui-rounded, system-ui, sans-serif;--font-body:"Nunito", ui-rounded, system-ui, sans-serif;--c-cream:#fbf3e6;--c-foam:#fffaf3;--c-linen:#f3e6d3;--c-linen-slot:#eadac3;--c-counter-wood:#d6a06d;--c-wood-deep:#a9764e;--c-wood-light:#e8c197;--c-espresso:#4a3427;--c-cocoa:#7a5a47;--c-teacup-coral:#ec836f;--c-coral-deep:#b5503f;--c-mocha:#6b4634;--c-honey:#f2b544;--c-honey-pale:#e2cdb3;--c-mint:#a9dcbf;--c-mint-deep:#24563d;--piece-coral:#ec836f;--piece-coral-top:#f6a08c;--piece-coral-deep:#c9614f;--piece-blush:#f3bdb3;--piece-blush-top:#f9d6cf;--piece-blush-deep:#da968b;--piece-sky:#b3d5e8;--piece-sky-top:#cce4f1;--piece-sky-deep:#8bb5ce;--piece-sage:#b6d1ac;--piece-sage-top:#cde1c5;--piece-sage-deep:#8fb285;--piece-lavender:#d1c3ea;--piece-lavender-top:#e2d9f2;--piece-lavender-deep:#ad9cd2;--piece-butter:#f4d893;--piece-butter-top:#fae8b9;--piece-butter-deep:#dbb66a;--piece-peach:#f7cba2;--piece-peach-top:#fbe0c6;--piece-peach-deep:#e0a676;--bg-top:#fff6e6;--bg-bottom:#fde2c6;--surface:#fffaf3;--surface-line:#f0dfcb;--text:#4a3427;--text-muted:#7a5a47;--accent:#e98a3a;--accent-text:#a0521a;--glow:#ffe7a8;--light:#fff4cf;--wood:#d6a06d;--wood-light:#e8c197;--wood-deep:#a9764e;--board:#f3e6d3;--board-slot:#eadac3;--exit:#ec836f;--btn:#fffaf3;--btn-text:#4a3427;--btn-primary:#6b4634;--btn-primary-text:#fffaf3;--piece-filter:none;--success:var(--c-mint);--success-text:var(--c-mint-deep);--star:var(--c-honey);--star-empty:var(--c-honey-pale);--target:var(--c-teacup-coral);--radius-sm:12px;--radius-md:18px;--radius-lg:26px;--radius-xl:34px;--shadow-soft:0 2px 4px #5b3a2414, 0 8px 22px #5b3a241f;--shadow-lift:0 4px 10px #5b3a2424, 0 16px 34px #5b3a242e;--grid-unit:100px;--ease-slide:cubic-bezier(.2,.9,.25,1.15)}[data-pack=morning-rush]{--bg-top:#fff6e6;--bg-bottom:#fde2c6;--surface:#fffaf3;--surface-line:#f0dfcb;--text:#4a3427;--text-muted:#7a5a47;--accent:#e98a3a;--accent-text:#a0521a;--glow:#ffe7a8;--light:#fff4cf;--wood:#d6a06d;--wood-light:#e8c197;--wood-deep:#a9764e;--board:#f3e6d3;--board-slot:#eadac3;--exit:#ec836f;--btn:#fffaf3;--btn-text:#4a3427;--btn-primary:#6b4634;--btn-primary-text:#fffaf3;--piece-filter:none}[data-pack=afternoon-tea]{--bg-top:#fbe8d8;--bg-bottom:#f2cdbf;--surface:#fff7f0;--surface-line:#eed6c8;--text:#4a3029;--text-muted:#7d5650;--accent:#d9788a;--accent-text:#a23f55;--glow:#ffd9a0;--light:#ffe3b8;--wood:#c98f60;--wood-light:#deb083;--wood-deep:#9a6643;--board:#f1e0cf;--board-slot:#e8d2bf;--exit:#d9788a;--btn:#fff7f0;--btn-text:#4a3029;--btn-primary:#7a3f45;--btn-primary-text:#fff7f0;--piece-filter:saturate(1.05)}[data-pack=rainy-evening]{--bg-top:#2b3150;--bg-bottom:#48466e;--surface:#3a3f64;--surface-line:#4e5482;--text:#f7ede0;--text-muted:#c9c2dd;--accent:#ffc47e;--accent-text:#ffd49e;--glow:#ffc47e;--light:#ffc47e;--wood:#9c6b4e;--wood-light:#b98663;--wood-deep:#6e4532;--board:#e3d3c0;--board-slot:#d6c3ad;--exit:#ffb46a;--btn:#454a73;--btn-text:#f7ede0;--btn-primary:#ffc47e;--btn-primary-text:#3a2a22;--piece-filter:brightness(.94) saturate(.92) sepia(.06);--star-empty:#5a5f8c}@keyframes steam{0%{opacity:0;transform:translateY(6px)scaleY(.8)}30%{opacity:.9}to{opacity:0;transform:translateY(-14px)scaleY(1.1)}}.steam path{transform-box:fill-box;transform-origin:50% 100%;animation:2.4s ease-out infinite steam}.steam path:nth-child(2){animation-delay:1.1s}@keyframes breathe{0%,to{transform:translateY(0)scaleY(1)}50%{transform:translateY(-1.5%)scaleY(1.012)}}.breathe{transform-origin:50% 100%;animation:4.2s ease-in-out infinite breathe}@keyframes bob{0%,to{translate:0}50%{translate:var(--bx,0) var(--by,0)}}.bob{animation:1.1s ease-in-out infinite bob}@keyframes pulse-glow{0%,to{opacity:.55}50%{opacity:1}}.pulse{animation:1.4s ease-in-out infinite pulse-glow}.reduced .breathe,.reduced .bob,.reduced .steam path,.reduced .pulse{animation:none}.reduced .pulse{opacity:1}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-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-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}
