:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:#d9c9a8;justify-content:center;min-height:100svh;margin:0;font-family:Hiragino Maru Gothic ProN,Yu Gothic,"Rounded Mplus 1c",system-ui,sans-serif;display:flex}#root{justify-content:center;width:100%;min-height:100svh;display:flex}h1,h2,h3,p{margin:0}button{cursor:pointer;font-family:inherit}.app-frame{background:linear-gradient(#f7ecd4 0%,#efdcb3 100%);flex-direction:column;width:100%;max-width:390px;min-height:100svh;display:flex;position:relative;overflow-x:hidden;box-shadow:0 0 40px #00000040}.app-header{color:#fff9ec;z-index:5;background:#6b4226;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;box-shadow:0 2px 6px #00000040}.app-header__title{font-size:18px;font-weight:700}.app-header__dex-button{color:#4a2e0a;background:#f2b705;border:none;border-radius:999px;min-height:44px;padding:8px 12px;font-size:13px;font-weight:700}.dialogue-area{flex-direction:column;gap:8px;min-height:84px;padding:10px 12px;display:flex}.dialogue-box{align-items:flex-start;gap:8px;display:flex}.dialogue-box--blue{text-align:right;flex-direction:row-reverse}.dialogue-box__portrait{object-fit:cover;border:2px solid #fff;border-radius:50%;flex-shrink:0;width:48px;height:48px;box-shadow:0 1px 4px #0000004d}.dialogue-box__bubble{background:#fff;border-radius:14px;max-width:260px;padding:8px 12px;box-shadow:0 1px 3px #00000026}.dialogue-box__name{color:#a1662f;font-size:11px;font-weight:700;display:block}.dialogue-box__text{color:#3a2a1a;font-size:13.5px;line-height:1.4}.pizza-stage{justify-content:center;align-items:center;padding:8px 16px;display:flex}.pizza-dough{--dough-border-width:10px;border:var(--dough-border-width) solid #c99b56;background:radial-gradient(circle at 40% 35%,#f3d9a4,#e2b876 85%);border-radius:50%;width:min(78vw,300px);height:min(78vw,300px);transition:filter .4s;position:relative;box-shadow:inset 0 0 20px #78461459,0 6px 14px #00000040}.pizza-dough--interactive{cursor:pointer;touch-action:none}.pizza-dough--raw{filter:saturate(.85)brightness(1.03);background:radial-gradient(circle at 40% 35%,#faf1dc,#f0e2bc 85%);border-color:#ecd9a3;transition:filter .4s,border-color .4s}.pizza-dough--perfect{filter:saturate(1.12)brightness(.99);background:radial-gradient(circle at 40% 35%,#eec27a,#c9863c 85%);border-color:#a06a2b;transition:filter .4s,border-color .4s}.pizza-dough--burnt{filter:saturate(.85)brightness(.88)contrast(1.12);background:radial-gradient(circle at 40% 35%,#8f6236,#4d2f16 85%);border-color:#3a2211;transition:filter .4s,border-color .4s}.pizza-dough--raw .pizza-topping{filter:brightness(1.02)saturate(.92)}.pizza-dough--perfect .pizza-topping{filter:brightness(1.02)saturate(1.06)sepia(.05)}.pizza-dough--burnt .pizza-topping{filter:brightness(.62)saturate(.7)sepia(.25)}.pizza-dough--raw .pizza-sauce-layer:not(.pizza-sauce-layer--oil){filter:saturate(1.18)brightness(1.06)}.pizza-dough--perfect .pizza-sauce-layer:not(.pizza-sauce-layer--oil){filter:saturate(1.08)brightness(.95)hue-rotate(-6deg)}.pizza-dough--raw .pizza-sauce-layer--oil{filter:brightness(1.04)}.pizza-dough--perfect .pizza-sauce-layer--oil{filter:brightness(.97)saturate(1.08)}.pizza-char-spots{pointer-events:none;background-image:radial-gradient(circle at 24% 28%,#140a058c 0 5%,#0000 6%),radial-gradient(circle at 60% 20%,#140a0580 0 4%,#0000 5%),radial-gradient(circle at 72% 58%,#140a058c 0 6%,#0000 7%),radial-gradient(circle at 33% 70%,#140a0580 0 4.5%,#0000 5.5%),radial-gradient(circle at 52% 46%,#140a0566 0 3.5%,#0000 4.5%),radial-gradient(circle at 18% 52%,#140a0566 0 3%,#0000 4%);border-radius:50%;position:absolute;inset:0}.pizza-sauce-layer{border-radius:50%;transition:opacity .3s,filter .4s;animation:.38s linear both sauce-spread;position:absolute;inset:6%}@keyframes sauce-spread{0%{clip-path:circle(0% at var(--sauce-origin-x,50%) var(--sauce-origin-y,50%));opacity:.55}to{clip-path:circle(150% at var(--sauce-origin-x,50%) var(--sauce-origin-y,50%));opacity:1}}.pizza-sauce-layer--oil{background:radial-gradient(circle at 30% 24%,#fffff0bf 0%,#fffff02e 15%,#0000 27%),radial-gradient(circle at 70% 64%,#fffff099 0%,#fffff01f 13%,#0000 24%),radial-gradient(circle,#d6ba5829 0%,#9a7a2833 78%,#785a183d 100%);box-shadow:inset 0 0 10px #5a441238}.pizza-paint-trail{inset:calc(-1 * var(--dough-border-width));pointer-events:none;clip-path:circle(48%);z-index:3;position:absolute}.pizza-paint-trail__stroke{fill:none;stroke-width:5px;stroke-linecap:round;stroke-linejoin:round;opacity:.85;transition:opacity .26s}.pizza-paint-trail__stroke--fade{opacity:0}.pizza-topping{pointer-events:none;transition:filter .3s;animation:.22s linear both topping-land;position:absolute;transform:translate(-50%,-50%)}.pizza-topping__emoji{filter:drop-shadow(0 2px 2px #0000004d);font-size:28px;display:block}.pizza-cheese{background:var(--cheese-color,#f0d9a0);border-radius:50%;width:20px;height:20px;transition:transform .3s,filter .3s;display:block;box-shadow:0 2px 3px #1e10044d,0 0 0 1.5px #fffc}.pizza-cheese--mozzarella{background:radial-gradient(circle at 35% 30%,#fffdf5,#f3ead0 65%,#e6d8ae 100%);border-radius:55% 45% 48% 52%/55% 50% 50% 45%;width:28px;height:23px;box-shadow:0 2px 3px #1e10044d,0 0 0 1.5px #fffc,inset 0 -3px 4px #ffffff8c}.pizza-cheese--gorgonzola{background:radial-gradient(circle at 28% 30%,#4b7684f2 0 2.2px,#0000 3.2px),radial-gradient(circle at 66% 52%,#4b7684f2 0 1.8px,#0000 2.8px),radial-gradient(circle at 45% 72%,#4b7684d9 0 1.5px,#0000 2.5px),radial-gradient(circle at 78% 26%,#4b7684bf 0 1.3px,#0000 2.3px),linear-gradient(135deg,#f6efd6,#e6dcbc);border-radius:42% 58% 55% 45%/50% 45% 55% 50%;width:19px;height:17px;box-shadow:0 2px 3px #1e10044d,0 0 0 1.5px #fffc}.pizza-cheese--parmigiano{background:linear-gradient(160deg,#fff6d8,#e7d182);border-radius:2px;width:21px;height:9px;transform:rotate(-18deg);box-shadow:0 2px 2px #1e100459,0 0 0 1.3px #fffc}.pizza-cheese--fontina{background:radial-gradient(circle at 35% 30%,#ffc873,#dc7f1f 70%,#b8631a 100%);border-radius:50%;width:22px;height:20px;box-shadow:0 2px 3px #1e10044d,0 0 0 1.5px #fffc,inset 0 -2px 3px #ffffff59}.pizza-cheese--melted{filter:brightness(1.06)saturate(1.05);transform:scale(1.16)}.pizza-cheese--parmigiano.pizza-cheese--melted{transform:rotate(-18deg)scale(1.16)}.pizza-cheese--melted.pizza-cheese--toasted{filter:brightness(1.06)saturate(1.12)sepia(.14)}.pizza-cheese--charred{filter:brightness(.6)saturate(.75)sepia(.25)}@keyframes topping-land{0%{opacity:0;transform:translate(-50%,calc(-50% - 14px))scale(.6)}55%{opacity:1;transform:translate(-50%,-50%)scale(1.12)}80%{transform:translate(-50%,-50%)scale(.95)}to{transform:translate(-50%,-50%)scale(1)}}.pizza-bake-overlay{pointer-events:none;border-radius:50%;transition:opacity .3s,background .3s;position:absolute;inset:0}.pizza-bake-overlay--raw{opacity:.5;background:radial-gradient(circle,#fff6 0%,#ffffff0d 70%)}.pizza-bake-overlay--perfect{background:radial-gradient(circle,#0000 30%,#935a1f 100%)}.pizza-bake-overlay--burnt{opacity:.85;background:radial-gradient(circle,#321a0c38 18%,#140a0599 100%)}.pizza-perfect-glow{pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle,#ffe096d9 0%,#ffc86e66 55%,#0000 78%);border-radius:50%;animation:.7s ease-out both perfect-glow;position:absolute;inset:-10px}@keyframes perfect-glow{0%{opacity:0;transform:scale(.85)}35%{opacity:1;transform:scale(1.06)}to{opacity:0;transform:scale(1.2)}}.pizza-reject-mark{color:#e4372e;pointer-events:none;font-size:26px;font-weight:900;animation:.55s ease-out forwards reject-pulse;position:absolute;transform:translate(-50%,-50%)}@keyframes reject-pulse{0%{opacity:1;transform:translate(-50%,-50%)scale(.4)}60%{opacity:1;transform:translate(-50%,-50%)scale(1.3)}to{opacity:0;transform:translate(-50%,-50%)scale(1.1)}}.pizza-smoke{pointer-events:none;font-size:20px;animation:1.6s ease-out infinite smoke-rise;position:absolute}.pizza-smoke--delay{animation-delay:.7s}@keyframes smoke-rise{0%{opacity:.85;transform:translate(-50%)scale(.6)}to{opacity:0;transform:translate(-50%,-46px)scale(1.4)}}.ingredient-panel{padding:4px 12px 0}.category-tabs{gap:6px;margin-bottom:8px;display:flex}.category-tab{color:#6b4226;background:#e6d5ae;border:none;border-radius:10px 10px 0 0;flex:1;min-height:44px;padding:10px 4px;font-size:13px;font-weight:700}.category-tab--active.category-tab--sauce{color:#fff;background:#e4572e}.category-tab--active.category-tab--cheese{color:#4a2e0a;background:#f2b705}.category-tab--active.category-tab--topping{color:#fff;background:#4c9a2a}.ingredient-tray{gap:10px;padding-bottom:8px;display:flex;overflow-x:auto}.ingredient-chip{background:#fff8ea;border:2px solid #0000;border-radius:12px;flex-direction:column;flex-shrink:0;align-items:center;gap:4px;min-width:72px;min-height:72px;padding:8px 6px;display:flex}.ingredient-chip--selected{background:#fff1de;border-color:#e4572e}.ingredient-chip__emoji{font-size:26px}.ingredient-chip__cheese-slot{justify-content:center;align-items:center;height:26px;display:flex}.ingredient-chip__name{color:#4a2e0a;white-space:nowrap;font-size:11px;font-weight:600}.action-row{justify-content:center;align-items:center;gap:10px;margin-top:auto;padding:12px 16px 20px;display:flex}.action-row--column{flex-direction:column}.cta-button{border:none;border-radius:999px;min-height:48px;padding:12px 20px;font-size:15px;font-weight:700}.cta-button--primary{color:#fff;background:linear-gradient(#ff8a4c,#e4572e);flex:1;box-shadow:0 4px 10px #e4572e66}.cta-button--bake{color:#fff;background:linear-gradient(#ff5722,#b3260a);flex:1.4;font-size:17px;box-shadow:0 4px 12px #b3260a80}.cta-button--glow{box-shadow:0 0 0 4px #ffd264b3,0 4px 12px #b3260a80}.secondary-button{color:#6b4226;background:#fff8ea;border:2px solid #c99b56;border-radius:999px;min-height:44px;padding:10px 14px;font-size:13px;font-weight:700}.bake-overlay{flex-direction:column;align-items:center;gap:14px;padding:8px 24px 24px;display:flex}.bake-oven{flex-direction:column;align-items:center;gap:4px;display:flex}.bake-oven__flame{font-size:40px;animation:.6s ease-in-out infinite alternate flicker}@keyframes flicker{0%{transform:scale(1)}to{transform:scale(1.15)rotate(-3deg)}}.bake-oven__caption-row{align-items:center;gap:6px;display:flex}.bake-oven__caption-avatar{object-fit:cover;border-radius:50%;width:22px;height:22px;box-shadow:0 0 0 1.5px #fff9ec}.bake-oven__caption{color:#6b4226;font-size:13px;font-weight:600}.bake-gauge{background:#e6d5ae;border-radius:999px;width:100%;height:18px;position:relative;overflow:hidden}.bake-gauge__target{background:#4c9a2a73;position:absolute;top:0;bottom:0}.bake-gauge__zone{position:absolute;top:0;bottom:0}.bake-gauge__zone--raw{background:#5b8bd647;left:0}.bake-gauge__zone--burnt{background:#24120966;right:0}.bake-gauge__needle{border-radius:3px;width:6px;height:26px;transition:background-color .2s;position:absolute;top:-4px;transform:translate(-50%)}.result-panel{flex-direction:column;align-items:center;gap:12px;padding:4px 20px 20px;display:flex}.result-panel__headline{flex-direction:column;align-items:center;gap:2px;display:flex}.result-panel__stars{letter-spacing:1px;color:#f2b705;font-size:30px}.result-panel__stars-empty{color:#e0d0ac}.result-panel__score{color:#6b4226;font-size:22px;font-weight:800}.result-panel__bake-badge{color:#6b4226;background:#f5ecd8;border-radius:999px;padding:4px 12px;font-size:12.5px;font-weight:700}.result-panel__bake-badge--raw{color:#2f5590;background:#dfeaf9}.result-panel__bake-badge--perfect{color:#3d6b1f;background:#e6f2da}.result-panel__bake-badge--burnt{color:#6b2f18;background:#e9d9d2}.result-panel__bars{flex-direction:column;gap:8px;width:100%;display:flex}.score-bar{align-items:center;gap:8px;display:flex}.score-bar__label{color:#6b4226;flex-shrink:0;width:88px;font-size:12px;font-weight:600}.score-bar__track{background:#e6d5ae;border-radius:999px;flex:1;height:10px;overflow:hidden}.score-bar__fill{background:linear-gradient(90deg,#f2b705,#4c9a2a);height:100%}.score-bar__value{text-align:right;color:#4a2e0a;width:28px;font-size:12px}.discovered-banner{color:#a1662f;font-size:14px;font-weight:700}.discovered-banner--best{color:#b8860b}.dex-overlay{z-index:20;background:#1e12088c;align-items:flex-end;display:flex;position:absolute;inset:0}.dex-overlay__panel{background:#fff8ea;border-radius:20px 20px 0 0;width:100%;max-height:80%;padding:16px;overflow-y:auto}.dex-overlay__header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.dex-overlay__close{background:#e6d5ae;border:none;border-radius:999px;min-height:40px;padding:8px 14px;font-weight:700}.dex-overlay__progress{background:#f5ecd8;border-radius:12px;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:12px;padding:8px 14px;display:flex}.dex-overlay__progress--complete{background:#fdecc8}.dex-overlay__progress-count{color:#6b4226;font-size:16px;font-weight:800}.dex-overlay__progress-sub{color:#a1662f;font-size:12px;font-weight:700}.dex-overlay__list{flex-direction:column;gap:10px;display:flex}.dex-overlay__footer{margin-top:14px}.dex-overlay__footer .cta-button{width:100%}.dex-card{background:#fff;border-radius:12px;padding:12px;box-shadow:0 1px 3px #0000001f}.dex-card--locked{opacity:.6;align-items:center;gap:10px;padding:8px 12px;display:flex}.dex-card__lock-icon{font-size:18px}.dex-card__lock-text{flex-direction:column;display:flex}.dex-card__lock-label{color:#6b4226;font-size:13px;font-weight:700}.dex-card__lock-hint{color:#8a6a45;font-size:11px}.dex-card--new{border:2px solid #f2b705;animation:1.4s ease-in-out infinite alternate dex-new-glow}@keyframes dex-new-glow{0%{box-shadow:0 1px 3px #0000001f}to{box-shadow:0 0 0 4px #f2b70559,0 1px 3px #0000001f}}.dex-card h3{color:#6b4226;align-items:center;gap:6px;margin-bottom:4px;font-size:15px;display:flex}.dex-card__badge{color:#fff;letter-spacing:.5px;background:#e4572e;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:800}.dex-card__badge--best{color:#4a2e0a;background:#f2b705}.dex-card p{color:#4a2e0a;font-size:12.5px;line-height:1.4}.dex-card__ingredients{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.dex-card__ingredient{background:#f5ecd8;border-radius:999px;padding:4px 8px;font-size:11px}.dex-card__mastery{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.dex-card__best-stars{color:#f2b705;letter-spacing:1px;font-size:13px}.dex-card__best-score{color:#6b4226;font-size:11px;font-weight:700}.dex-card__times-made{color:#8a6a45;font-size:11px}