:root{color:#271a15;background:#fff5e9;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{min-width:280px;margin:0}button{font:inherit}#app{--snacktion-accent: #ff6b35;--snacktion-background: #fff5e9;--snacktion-surface: #ffffff;--snacktion-text: #271a15;display:grid;min-height:100vh;place-items:center;padding:20px;color:var(--snacktion-text);background:radial-gradient(circle at 10% 12%,color-mix(in srgb,var(--snacktion-accent) 23%,transparent) 0 24px,transparent 25px),radial-gradient(circle at 90% 86%,color-mix(in srgb,var(--snacktion-accent) 16%,transparent) 0 40px,transparent 41px),var(--snacktion-background)}.snacktion-game{width:min(100%,440px);padding:clamp(28px,7vw,48px);overflow:hidden;border:4px solid var(--snacktion-text);border-radius:28px 56px 32px 48px;box-shadow:10px 10px 0 var(--snacktion-text);background:var(--snacktion-surface)}.snacktion-eyebrow{margin:0 0 10px;color:var(--snacktion-accent);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.snacktion-game h1{margin:0;font-size:clamp(2rem,8vw,3.5rem);line-height:.95;letter-spacing:-.07em}.snacktion-instruction,.snacktion-error p{margin:20px 0 0;font-size:1rem;line-height:1.45}.snacktion-play-area{display:grid;min-height:132px;margin-top:30px;place-items:center;border:3px dashed var(--snacktion-text);border-radius:20px 36px 18px 30px;background:color-mix(in srgb,var(--snacktion-accent) 8%,var(--snacktion-surface))}.snacktion-start,.snacktion-snack{min-width:200px;padding:16px 24px;border:3px solid var(--snacktion-text);border-radius:999px;color:var(--snacktion-text);background:var(--snacktion-accent);box-shadow:4px 4px 0 var(--snacktion-text);font-weight:800;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.snacktion-start:hover,.snacktion-snack:hover{transform:translate(2px,2px) rotate(-2deg);box-shadow:2px 2px 0 var(--snacktion-text)}.snacktion-start:focus-visible,.snacktion-snack:focus-visible{outline:4px solid #2c77d4;outline-offset:4px}.snacktion-complete-mark{display:grid;width:100px;height:100px;place-items:center;border:3px solid var(--snacktion-text);border-radius:50%;color:var(--snacktion-surface);background:var(--snacktion-accent);font-size:1.35rem;font-weight:800;transform:rotate(-8deg)}.snacktion-error{border-color:#9b1c1c;box-shadow:10px 10px #9b1c1c}