:root{--cream: #fff6e9;--cream-deep: #ffe9c4;--surface: #fffdf7;--ink: #4a2e1e;--ink-soft: #6d5442;--tomato: #e04a2f;--tomato-deep: #b93a26;--basil: #4c9a5b;--cheese: #ffcf6b;--crust: #e8b06a;--dough: #f7e1c2;--outline: 3px solid var(--ink);--radius-lg: 30px;--radius-md: 18px;--shadow-sticker: 0 5px 0 var(--ink);--shadow-sticker-sm: 0 3px 0 var(--ink);--tap: 56px;--font: "Baloo 2", "Trebuchet MS", "Segoe UI", "Noto Sans Thai", "Leelawadee UI", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--cream);color:var(--ink);font-family:var(--font);font-weight:600;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;overscroll-behavior:none}[hidden]{display:none!important}img{-webkit-user-drag:none;user-select:none}.app{position:relative;display:flex;flex-direction:column;width:100%;max-width:480px;height:100dvh;min-height:100svh;margin:0 auto;padding:calc(8px + env(safe-area-inset-top)) 14px calc(10px + env(safe-area-inset-bottom));overflow:hidden}.topbar{display:flex;align-items:center;gap:10px;padding-right:72px;padding-bottom:8px}.steps{display:flex;flex:1;gap:6px;margin:0;padding:0;list-style:none}.step-chip{flex:1 1 0;display:grid;place-items:center;min-height:40px;border:var(--outline);border-radius:14px;background:var(--surface);color:var(--ink-soft);font-size:.95rem;font-weight:800;line-height:1}.step-chip[data-state=active]{background:var(--cheese);color:var(--ink);box-shadow:var(--shadow-sticker-sm)}.step-chip[data-state=done]{background:var(--basil);border-color:var(--ink);color:#fff}.lang.sound{right:84px;font-size:1.05rem;padding:0 10px}.lang{position:absolute;top:calc(10px + env(safe-area-inset-top));right:14px;z-index:20;min-width:var(--tap);min-height:44px;padding:0 12px;border:var(--outline);border-radius:14px;background:var(--surface);color:var(--ink);font:inherit;font-weight:800;letter-spacing:.04em}.stage{position:relative;flex:1 1 auto;min-height:0;border:var(--outline);border-radius:var(--radius-lg);background:var(--cream-deep);overflow:hidden}.game{position:absolute;inset:0}.game canvas{display:block;width:100%;height:100%}.hud{display:flex;flex-direction:column;gap:10px;padding-top:12px}.hint{margin:0;min-height:2.6em;text-align:center;font-size:1.05rem;font-weight:800;line-height:1.3;color:var(--ink)}.actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:var(--tap);padding:0 26px;border:var(--outline);border-radius:999px;background:var(--tomato);color:#fff;font:inherit;font-size:1.2rem;font-weight:800;box-shadow:var(--shadow-sticker);cursor:pointer;transition:transform 90ms ease,box-shadow 90ms ease,background .12s ease}.btn:active{transform:translateY(4px);box-shadow:0 1px 0 var(--ink)}.btn:focus-visible,.lang:focus-visible,.topping:focus-visible{outline:4px solid var(--basil);outline-offset:3px}.btn[disabled]{background:#e3d3bf;color:#8b7461;box-shadow:none;transform:translateY(3px);cursor:default}.btn--play{min-width:210px;font-size:1.45rem;padding:0 34px}.btn--again{background:var(--basil)}.btn--ghost{background:var(--surface);color:var(--ink)}.btn__icon{font-size:1rem}.topping{display:inline-flex;flex-direction:column;align-items:center;gap:2px;min-width:78px;min-height:var(--tap);padding:5px 12px;border:var(--outline);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);font:inherit;font-size:.92rem;font-weight:800;box-shadow:var(--shadow-sticker-sm);cursor:pointer}.topping[aria-pressed=true]{background:var(--cheese)}.topping__icon{width:28px;height:28px;object-fit:contain}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:26px 22px calc(26px + env(safe-area-inset-bottom));background:var(--cream);text-align:center;z-index:12}.screen--title{padding:0;overflow:hidden;background:var(--ink)}.title-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.title-inner{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;width:calc(100% - 36px);max-width:420px;padding:22px 20px 20px;border:var(--outline);border-radius:34px;background:var(--cream);box-shadow:0 8px #4a2e1e47}.eyebrow{margin:0;padding:5px 14px;border:var(--outline);border-radius:999px;background:var(--cheese);font-size:.82rem;font-weight:800;letter-spacing:.08em}.wordmark{display:flex;flex-direction:column;gap:0;margin:0;font-size:clamp(2.7rem,13vw,3.6rem);line-height:.9;letter-spacing:-.02em;font-weight:800}.wordmark__pizza{color:var(--tomato);transform:rotate(-2.5deg)}.wordmark__time{color:var(--ink);transform:rotate(1.5deg)}.tagline{margin:4px 0 0;max-width:22ch;font-size:1rem;color:var(--ink-soft)}.title-chef{width:42%;max-width:168px;height:auto;margin:2px 0 0}.footnote{margin:10px 0 0;font-size:.82rem;color:var(--ink-soft)}.screen--result{inset:auto 0 0;height:40%;justify-content:center;gap:4px;padding:16px 22px calc(16px + env(safe-area-inset-bottom));border-top:var(--outline);border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--cream);box-shadow:0 -6px #4a2e1e14;z-index:14}.result-emoji{margin:0;font-size:2rem;line-height:1}.result-title{margin:0;font-size:1.6rem;font-weight:800;color:var(--tomato-deep)}.stars{display:flex;gap:10px;margin:2px 0 0;font-size:2.4rem;line-height:1;color:var(--cheese)}.stars__slot{filter:drop-shadow(0 3px 0 var(--ink))}.stars__slot[data-on=false]{color:var(--cream-deep);-webkit-text-stroke:3px var(--ink);filter:none}.result-line{margin:4px 0 0;font-size:1.1rem;font-weight:800}.result-sub{margin:0;font-size:.88rem;color:var(--ink-soft)}@media(max-height:720px){.title-chef{width:32%;max-width:132px}.wordmark{font-size:clamp(2.3rem,11vw,3rem)}.title-inner{gap:6px;padding:18px 18px 16px}}@media(prefers-reduced-motion:reduce){.btn,.step-chip,.wordmark__pizza,.wordmark__time{transition:none;animation:none}}