/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-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{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{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}}:root{--green:#15a92f;--deep-green:#087a20;--yellow:#ffd341;--cream:#fff7da;--ink:#15311d}*{box-sizing:border-box}html,body{min-height:100%;margin:0;overflow:hidden}button{font:inherit;-webkit-tap-highlight-color:transparent}body{color:var(--ink);background:radial-gradient(circle at 18% 20%,#36bd5240,#0000 30%),radial-gradient(circle at 85% 80%,#ffd5432e,#0000 32%),#102719;font-family:Arial Rounded MT Bold,PingFang SC,Microsoft YaHei,sans-serif}.page-stage{place-items:center;width:100vw;height:100dvh;display:grid;position:relative;overflow:hidden}.game{isolation:isolate;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:#d9ddd4;width:min(100vw,46.25dvh);max-width:592px;height:100dvh;max-height:1280px;position:relative;overflow:hidden;box-shadow:0 0 0 2px #ffffff26,0 28px 90px #0000008c}.aisle{z-index:-2;background:linear-gradient(90deg,#0000 8%,#ffffff85 9%,#0000 10% 88%,#ffffff59 89%,#0000 91%),repeating-linear-gradient(#0000 0 14.5%,#552f19eb 14.8% 16.2%,#c6854eeb 16.5% 17%,#0000 17.3% 32%),repeating-linear-gradient(115deg,#fff3 0 24px,#707d771c 25px 60px),linear-gradient(90deg,#cfd2c9,#f5f5ef 45%,#c6cbc5);position:absolute;inset:0}.aisle:after{content:"";-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:radial-gradient(at 50% 36%,#0000 18%,#25322a14 70%),linear-gradient(#ffffff24,#0000 32%);position:absolute;inset:0}.topbar{z-index:80;justify-content:space-between;align-items:center;display:flex;position:absolute;top:2%;left:3%;right:3%}.round-button,.sound-button{color:#fff;cursor:pointer;background:linear-gradient(#d7a269,#9b613b);border:2px solid #ffffffbf;border-radius:10px;width:34px;height:34px;font-weight:900;box-shadow:0 2px #6a422c,inset 0 1px 3px #ffffff8c}.sound-button{background:#232624a6;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff2e}.level-chip{color:#fff;text-shadow:0 1px 2px #000;background:#262a26bf;border-radius:18px;padding:7px 18px;font-size:clamp(12px,2.8dvh,17px);box-shadow:inset 0 1px #ffffff2e}.tutorial-banner{z-index:70;text-align:center;color:#fff;text-shadow:0 2px 2px #16456c;background:linear-gradient(#1681db,#0961af);border-block:3px solid #ffffff94;padding:8px 0 9px;font-size:clamp(16px,2.8dvh,24px);font-weight:900;line-height:1.15;position:absolute;top:6.5%;left:0;right:0;box-shadow:0 3px 8px #0000003d}.timer{z-index:70;color:#fff;letter-spacing:1px;text-shadow:0 2px 2px #111;background:#323633b8;border-radius:18px;min-width:102px;padding:5px 13px;font-size:clamp(15px,2.8dvh,22px);font-weight:900;position:absolute;top:7.3%;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #ffffff4d}.clock{color:#ffc933;margin-right:7px}.progress-track{z-index:70;background:#1e282261;border-radius:9px;height:7px;position:absolute;top:11.7%;left:15%;right:15%;overflow:hidden;box-shadow:inset 0 1px 2px #00000073}.progress-track i{border-radius:inherit;background:linear-gradient(90deg,#ffe944,#7af055);height:100%;transition:width .3s;display:block}.basket-wrap{z-index:10;transform-origin:50% 55%;height:51%;position:absolute;top:14%;left:3%;right:3%}.basket-back,.basket-front{border:clamp(8px,2dvh,15px) solid #19ad36;position:absolute;left:0;right:0;box-shadow:inset 0 0 0 3px #ffffff2e,0 5px 7px #00000047}.basket-back{background:repeating-linear-gradient(90deg,#0000 0 9%,#046c18a6 9% 12%,#0000 12% 20%),repeating-linear-gradient(0deg,#0000 0 13%,#046c188c 13% 16%,#0000 16% 25%),#4bb14e3b;border-radius:16px 16px 22px 22px;height:88%;top:5%;transform:perspective(500px)rotateX(-7deg)}.basket-board{z-index:2;border-radius:12px 12px 24px 24px;position:absolute;inset:8% 4.5% 4%}.basket-front{z-index:65;pointer-events:none;opacity:.84;clip-path:polygon(0 28%,100% 28%,96% 100%,4% 100%);background:repeating-linear-gradient(90deg,#05801c80 0 5%,#0000 5% 13%),linear-gradient(#1bac348c,#0d8521c7);border-top-width:13px;border-radius:5px 5px 23px 23px;height:23%;bottom:0}.board-item{aspect-ratio:1;cursor:pointer;transform-origin:50%;filter:drop-shadow(0 5px 3px #0006);background:0 0;border:0;width:28%;padding:0;transition:filter .15s,opacity .15s;position:absolute}.board-item:focus-visible{outline-offset:-8px;border-radius:50%;outline:4px solid #ffe037}.board-item:active{filter:drop-shadow(0 2px 1px #0006)brightness(1.15)}.board-item.is-covered{cursor:not-allowed}.level-2 .board-item{width:35%}.sprite{background-image:url(/assets/grocery-atlas.png);background-repeat:no-repeat;background-size:400% 300%;width:100%;height:100%;display:block}.available-count{z-index:68;color:#fff;background:#045014b8;border-radius:10px;padding:3px 7px;font-size:10px;position:absolute;bottom:0;right:1%}.tray{z-index:80;background:linear-gradient(#cbd0ce,#9fa7a5);border:4px solid #fff;border-radius:12px;grid-template-columns:repeat(7,1fr);gap:3px;height:7.5%;padding:5px;display:grid;position:absolute;top:68.5%;left:2%;right:2%;box-shadow:0 4px #414141a6,inset 0 2px 4px #00000040}.tray-slot{background:linear-gradient(145deg,#45514f4d,#ffffff40);border-radius:7px;position:relative;box-shadow:inset 0 2px 4px #16231f66}.tray-slot.occupied{animation:.32s cubic-bezier(.2,1.8,.4,1) slotPop}.sprite--compact{filter:drop-shadow(0 2px 1px #00000040);width:128%;height:128%;position:absolute;inset:-14%}.match-flash{color:#fff;text-shadow:0 2px 3px #b74610;background:#ffcb2580;border-radius:14px;place-items:center;font-size:24px;font-weight:900;animation:.38s flash;display:grid;position:absolute;inset:-8px}.toast{z-index:100;color:#fff;text-align:center;text-shadow:0 2px 3px #163b20,0 0 6px #163b20;width:90%;min-height:24px;font-size:clamp(11px,2dvh,15px);font-weight:800;position:absolute;top:77%;left:50%;transform:translate(-50%)}.tools{z-index:90;grid-template-columns:repeat(3,1fr);gap:5%;display:grid;position:absolute;bottom:5.2%;left:5%;right:5%}.tools button{color:#7b501d;cursor:pointer;background:linear-gradient(#fff78a 0 16%,#ffd43d 35%,#ffbd2c);border:3px solid #d99824;border-radius:12px;min-height:60px;position:relative;box-shadow:0 5px #a96520,inset 0 2px #ffffffbf}.tools button:active{transform:translateY(3px);box-shadow:0 2px #a96520}.tools button:disabled{cursor:not-allowed;filter:grayscale(.7);opacity:.58;transform:none;box-shadow:0 3px #8d7b68}.tools b{margin-top:-1px;font-size:clamp(11px,2dvh,16px);display:block}.tools em{color:#fff;background:#65706e;border:2px solid #fff;border-radius:50%;width:22px;height:22px;font-style:normal;font-weight:900;line-height:18px;position:absolute;top:-9px;right:-7px}.tools em.zero{background:#9b5e5e}.tool-icon{text-shadow:0 2px #0000002e;height:28px;font-size:31px;font-weight:1000;line-height:30px;display:block}.undo{color:#29c93f;transform:rotate(-25deg)}.magnet{color:#ef4c68;-webkit-text-stroke:5px #625cf2;paint-order:stroke fill}.shuffle{color:#aa4cc9}.bottom-note{z-index:95;color:#ffffffeb;text-align:center;text-shadow:0 1px 3px #422b1b;font-size:11px;font-weight:700;position:absolute;bottom:1.2%;left:0;right:0}.modal-layer{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0b1e1194;place-items:center;padding:8%;display:grid;position:absolute;inset:0}.modal-card{text-align:center;background:linear-gradient(#dff8ff 0 19%,#fffde8 19% 100%);border:5px solid #fff;border-radius:22px;width:100%;padding:28px 22px 22px;animation:.38s cubic-bezier(.2,1.4,.35,1) modalIn;position:relative;box-shadow:0 10px #167a91,0 18px 40px #00000073}.modal-card h2{color:#e94d2e;text-shadow:0 2px #fff;margin:12px 0 8px;font-size:clamp(23px,4.2dvh,34px)}.modal-card p{color:#5c4c34;margin:0 0 18px;font-size:clamp(13px,2.2dvh,17px);line-height:1.6}.modal-card>button{color:#fff;cursor:pointer;background:linear-gradient(#45e160,#13b235);border:3px solid #11982f;border-radius:12px;width:88%;margin:5px 0;padding:12px 10px;font-size:18px;font-weight:900;box-shadow:0 4px #087421}.modal-card>button.secondary{color:#725e3f;background:#fff2b8;border-color:#d8b96c;box-shadow:0 4px #b58d3c}.modal-goose{aspect-ratio:1;width:42%;margin:-12px auto -10px}.modal-goose.tired{filter:grayscale(.2);transform:rotate(8deg)}.goose-parade{justify-content:center;height:112px;margin-top:-12px;display:flex}.goose-parade .sprite{width:34%;height:110px;margin:0 -10px}.desktop-copy{display:none}@keyframes slotPop{0%{transform:scale(.35)translateY(-25px)}70%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes flash{0%{opacity:0;transform:scale(.7)}50%{opacity:1}to{opacity:0;transform:scale(1.18)}}@keyframes modalIn{0%{opacity:0;transform:scale(.72)translateY(30px)}to{opacity:1;transform:none}}.shake-1{animation:.35s basketShake}@keyframes basketShake{25%{transform:translate(-5px)rotate(-1deg)}55%{transform:translate(5px)rotate(1deg)}80%{transform:translate(-2px)}}@media (aspect-ratio>=4/3) and (width>=900px){.page-stage{grid-template-columns:1fr auto 1fr;gap:6vw}.game{grid-column:2}.desktop-copy{color:#f5ffe9;grid-column:3;justify-self:start;max-width:340px;display:block}.desktop-copy span{color:#89e97c;letter-spacing:.38em;font-size:12px;font-weight:900}.desktop-copy h1{letter-spacing:-.07em;margin:8px 0 12px;font-size:clamp(50px,6vw,88px);line-height:.95}.desktop-copy p{color:#cee1d0;font-size:20px;line-height:1.65}.desktop-copy i{color:#ffdc58;letter-spacing:.2em;border-top:1px solid #ffffff40;margin-top:18px;padding-top:18px;font-style:normal;display:inline-block}}@media (height<=700px){.tools button{min-height:48px}.tool-icon{height:22px;font-size:24px;line-height:22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@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}
