@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700&family=Nunito:wght@600;700;800&display=swap";:root{font-family:Nunito,sans-serif;color:#402a2c;background:#f7eee1;font-synthesis:none;--red: #d84b4b;--cream: #fff8ec;--ink: #402a2c;--mint: #9ddac4;--yellow: #f4c95d}*{box-sizing:border-box}html,body,#game{width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 50% 20%,#fffaf1 0,#f3e4d4 70%)}button,input{font:inherit}#scene{display:block;width:100%;height:100%;outline:none}.hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.control-dock{position:absolute;left:3vw;bottom:3.5vh;display:grid;grid-template-columns:auto auto;align-items:center;gap:1rem;pointer-events:auto;user-select:none;-webkit-user-select:none}.control-dock p{grid-column:1 / -1;margin:-.35rem 0 0;color:#402a2cb8;font-size:.72rem;font-weight:800;letter-spacing:.04em}.movement-pad{display:grid;grid-template:repeat(3,2.75rem) / repeat(3,2.75rem);gap:.2rem;padding:.55rem;border:2px solid rgba(255,255,255,.75);border-radius:27px;background:color-mix(in srgb,var(--cream) 80%,transparent);box-shadow:0 14px 34px #55322b29;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);touch-action:none}.move-button,.action-button{border:0;color:#73363a;background:#ffffffc7;box-shadow:inset 0 1px #fff,0 4px 10px #55322b1f;cursor:pointer;transition:transform .12s,background .12s,color .12s;touch-action:none}.move-button{border-radius:12px;font-size:1rem;font-weight:900}.move-button:active,.move-button.is-pressed,.action-button:active{color:#fff;background:var(--red);transform:scale(.92)}.move-up{grid-column:2;grid-row:1}.move-left{grid-column:1;grid-row:2}.move-center{grid-column:2;grid-row:2;border-radius:50%;background:#d84b4b2e}.move-right{grid-column:3;grid-row:2}.move-down{grid-column:2;grid-row:3}.action-button{display:grid;place-items:center;gap:.35rem;min-width:5.5rem;padding:.75rem 1rem;border:2px solid rgba(255,255,255,.75);border-radius:25px;font-weight:900;background:color-mix(in srgb,var(--cream) 86%,transparent)}.action-button span{display:grid;place-items:center;width:2.35rem;height:2.35rem;border-radius:50%;color:#fff;background:var(--red);box-shadow:0 4px #a9373c}.brand-chip,.shopping-panel,.interaction-prompt,.welcome-card,.pause-panel,.aisle-label{background:color-mix(in srgb,var(--cream) 90%,transparent);border:2px solid rgba(255,255,255,.82);box-shadow:0 18px 46px #55322b29,inset 0 1px #fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand-chip{position:absolute;top:3.5vh;left:3vw;display:flex;align-items:center;gap:.7rem;padding:.55rem 1rem .55rem .6rem;border-radius:999px;color:#7f3438;font-weight:800;letter-spacing:.02em}.brand-mark{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:50%;color:#fff;background:var(--red);font:700 1.3rem/1 "Baloo 2",cursive}.shopping-panel{position:absolute;top:3.5vh;right:3vw;width:clamp(260px,23vw,390px);padding:1.35rem 1.45rem 1.2rem;border-radius:28px}.eyebrow{margin:0 0 .2rem;color:var(--red);font-size:.74rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}h1,h2{margin:0;font-family:"Baloo 2",cursive;line-height:1;letter-spacing:-.025em}h1{font-size:clamp(1.65rem,2.1vw,2.35rem)}h2{font-size:clamp(2rem,3vw,3.2rem)}#shopping-list{display:grid;grid-template-columns:1fr 1fr;gap:.55rem .75rem;margin:1rem 0;padding:0;list-style:none}#shopping-list li{display:flex;align-items:center;gap:.45rem;font-size:clamp(.82rem,1.05vw,1rem);font-weight:800;transition:opacity .3s,transform .3s}#shopping-list li:before{content:"";width:.75rem;height:.75rem;flex:0 0 auto;border:2px solid #d9b8ad;border-radius:50%;background:#fff}#shopping-list li.done{opacity:.46;text-decoration:line-through;transform:translate(4px)}#shopping-list li.done:before{border-color:var(--mint);background:var(--mint);box-shadow:inset 0 0 0 2px #fff}.progress-track{height:9px;overflow:hidden;border-radius:99px;background:#eadbd0}#progress-fill{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--red),#ed8a67);transition:width .4s cubic-bezier(.2,.8,.2,1)}.aisle-label{position:absolute;left:50%;top:3.5vh;transform:translate(-50%);padding:.65rem 1.35rem;border-radius:999px;color:#843d40;font:700 clamp(1rem,1.4vw,1.3rem)/1 "Baloo 2",cursive}.interaction-prompt{position:absolute;left:50%;bottom:5.5vh;display:flex;align-items:center;gap:.8rem;transform:translate(-50%);padding:.7rem 1.25rem .7rem .7rem;border-radius:999px;font-weight:800;animation:prompt-in .25s ease-out}.button-glyph{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;color:#fff;background:var(--red);box-shadow:0 4px #a9373c}.welcome-card,.pause-panel{position:absolute;left:50%;top:50%;width:min(520px,calc(100vw - 2rem));transform:translate(-50%,-50%);padding:2rem 2.4rem;border-radius:34px;text-align:center;transition:opacity .4s,transform .4s}.welcome-card p:last-child,.pause-panel p:last-child{margin:.8rem auto 0;max-width:36ch;line-height:1.55}.welcome-card.dismissed{opacity:0;transform:translate(-50%,-45%) scale(.96)}[hidden]{display:none!important}@keyframes prompt-in{0%{opacity:0;transform:translate(-50%,12px) scale(.94)}}@media(max-width:760px){.brand-chip{display:none}.shopping-panel{top:1rem;right:1rem;width:min(300px,calc(100vw - 2rem));padding:1rem}.aisle-label{left:1rem;top:1rem;transform:none}.control-dock{left:1rem;bottom:1rem;transform:scale(.86);transform-origin:bottom left}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}