@charset "UTF-8";

.pizzeria-standalone { margin: 0; color: #283447; background: #f4f5f1; font-family: "Segoe UI", Arial, sans-serif; }
.pizzeria-standalone main { max-width: 1250px; margin: 0 auto; padding: 0 24px 32px; }
.pizzeria-demo-note { box-sizing: border-box; max-width: 1250px; padding: 18px 27px; margin: auto; display: flex; align-items: center; gap: 24px; color: #5b6363; font-size: 12px; line-height: 1.5; }
.pizzeria-demo-note a { color: #373169; font-size: 16px; font-weight: 800; white-space: nowrap; text-decoration: none; }
.pizzeria-demo-note a:focus-visible { outline: 3px solid #6250b0; outline-offset: 4px; }
.pizzeria-game { --pz-ink: #27364b; --pz-muted: #63726d; --pz-green: #27745e; --pz-coral: #dc6044; --pz-line: #e5dcc6; container-type: inline-size; color: var(--pz-ink); font: 15px/1.5 "Segoe UI", Arial, sans-serif; text-align: left; isolation: isolate; }
.pizzeria-game *, .pizzeria-game *::before, .pizzeria-game *::after { box-sizing: border-box; }
.pizzeria-game [hidden] { display: none !important; }
.pizzeria-game h1, .pizzeria-game h2, .pizzeria-game h3, .pizzeria-game p { margin: 0; }
.pizzeria-game button { font: inherit; color: inherit; cursor: pointer; touch-action: manipulation; }
.pizzeria-game button:disabled { cursor: default; }
.pizzeria-game button:focus-visible, .pizzeria-game [tabindex="-1"]:focus-visible { outline: 3px solid #594297; outline-offset: 4px; }
.pizzeria-game svg { display: block; }
.pizzeria-game button svg { flex: 0 0 auto; }
.pizzeria-shell { overflow: hidden; border: 1px solid #dfdecf; border-radius: 28px; background: #fffcf3; box-shadow: 0 18px 55px #3948310d; }
.pizzeria-topbar { min-height: 68px; padding: 13px 26px; display: flex; align-items: center; justify-content: space-between; gap: 18px; border-bottom: 1px solid #e5e6d6; background: #fffef9; }
.pizzeria-brand { font-size: 23px; font-weight: 850; color: #263047; letter-spacing: -.7px; white-space: nowrap; }
.pizzeria-brand b { color: #7761be; }
.pizzeria-brand > span { font-size: 12px; margin-left: 6px; letter-spacing: 0; color: #697b70; }
.pizzeria-button { border: 0; border-radius: 13px; padding: 11px 17px; min-height: 44px; display: inline-flex; justify-content: center; align-items: center; gap: 9px; font-size: 14px; font-weight: 700; line-height: 1.4; transition: transform .16s, background .16s, box-shadow .16s; }
.pizzeria-button:active { transform: translateY(2px); }
.pizzeria-back { padding: 8px 0; background: transparent; font-size: 13px; color: #4d665b !important; }
.pizzeria-prepared { font-size: 11px; font-weight: 650; color: #596f60; background: #edf3e6; padding: 6px 13px; border-radius: 30px; }
.pizzeria-motion { border: 1px solid #e0e4d8; padding: 8px 12px; background: #fffef9; color: #5e6c63 !important; font-size: 11px; font-weight: 600; }
.pizzeria-motion strong { min-width: 26px; padding: 1px 4px; background: #ecebf3; color: #62558d; border-radius: 5px; }
.pizzeria-signboard { display: flex; align-items: center; justify-content: center; position: relative; min-height: 190px; padding: 24px 25px 30px; background: radial-gradient(ellipse at 49% 110%, #fff6d7 0, #fff6d780 36%, transparent 60%), linear-gradient(#deeee7, #eff5dc); }
.pizzeria-village { position: absolute; inset: auto 0 0; width: 100%; height: 152px; pointer-events: none; opacity: .68; }
.pizzeria-title { position: relative; text-align: center; padding: 8px 26px; background: radial-gradient(ellipse, #fff7de 45%, #fff7de00 73%); }
.pizzeria-eyebrow { color: #447565; font-size: 10px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; }
.pizzeria-title h1 { margin: 6px 0 7px; color: #343546; font-size: clamp(29px, 4cqw, 46px); font-weight: 850; letter-spacing: -1.6px; line-height: 1.07; }
.pizzeria-title h1 span { display: block; color: #a64f39; }
.pizzeria-title p { color: #6c6955; font-size: 13px; }
.pizzeria-shift { position: absolute; right: 33px; top: 29px; padding: 13px 17px; min-width: 127px; display: flex; flex-direction: column; align-items: center; border: 1px solid #e5dbc1; border-radius: 16px; background: #fffceded; box-shadow: 0 6px 14px #52633d0c; transform: rotate(3deg); }
.pizzeria-shift > span { font-size: 10px; color: #61735d; }
.pizzeria-shift > strong { font-size: 34px; line-height: 1.25; color: #38694e; }
.pizzeria-shift strong span { font-size: 19px; font-weight: 600; color: #9c9d80; }
.pizzeria-awning { position: relative; height: 28px; background: repeating-linear-gradient(90deg, #dc7760 0 48px, #fff8df 48px 96px); box-shadow: inset 0 3px 0 #8d4c2822, 0 6px 9px #7c654511; border-bottom: 4px solid #9a6a3333; z-index: 1; }
.pizzeria-awning::after { content: ""; position: absolute; inset: 7px 0 0; background: linear-gradient(transparent, #7c46211c); }
.pizzeria-kitchen { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(280px, .85fr); align-items: start; column-gap: 30px; row-gap: 22px; padding: 28px 32px 20px; background: radial-gradient(ellipse at 22% 19%, #fff9e9, transparent 58%), #fcf8ee; }
.pizzeria-workbench { min-width: 0; }
.pizzeria-steps { display: flex; list-style: none; padding: 0 0 17px; margin: 0 0 20px; border-bottom: 1px solid #e5dbc9; gap: 25px; }
.pizzeria-steps li { display: flex; align-items: center; gap: 7px; color: #797a6f; font-size: 12px; font-weight: 650; }
.pizzeria-steps li > span { display: grid; place-items: center; height: 25px; width: 25px; border-radius: 50%; background: #ebe9db; color: #707966; font-size: 12px; }
.pizzeria-steps .pizzeria-current { color: #8b4537; }
.pizzeria-steps .pizzeria-current > span { color: white; background: #be654b; box-shadow: 0 0 0 4px #f1e1cc; }
.pizzeria-steps .pizzeria-done { color: #2e735d; }
.pizzeria-steps .pizzeria-done > span { color: #2c745e; background: #dcece0; }
.pizzeria-work-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.pizzeria-work-heading h2 { color: #374338; font-size: 23px; letter-spacing: -.65px; line-height: 1.2; }
.pizzeria-work-heading p { color: #6c7366; font-size: 12px; margin-top: 5px; }
.pizzeria-order-badge { flex-shrink: 0; margin-top: 3px; font-size: 10px; font-weight: 750; padding: 5px 8px; border-radius: 6px; color: #776341; background: #f4e9d2; }
.pizzeria-pizza-scene { position: relative; min-height: 340px; display: flex; justify-content: center; align-items: center; }
.pizzeria-pizza-wrap { position: relative; width: min(100%, 365px); z-index: 1; }
.pizzeria-pizza { width: 100%; height: auto; overflow: visible; user-select: none; -webkit-user-select: none; touch-action: manipulation; }
.pizzeria-slice[role="button"] { cursor: pointer; outline: none; -webkit-tap-highlight-color: transparent; }
.pizzeria-slice[role="button"]:hover .pizzeria-slice-base { filter: brightness(1.07); }
.pizzeria-slice[aria-pressed="true"] .pizzeria-slice-base { filter: saturate(1.03); }
.pizzeria-slice[role="button"]:focus-visible .pizzeria-slice-outline { stroke: #493283; stroke-width: 6px; }
.pizzeria-slice[role="button"]:focus-visible circle { stroke: #493283; stroke-width: 4px; }
.pizzeria-baked { animation: pizzeria-bake .55s ease-out both; }
@keyframes pizzeria-bake { 0% { transform: scale(.94); filter: brightness(1.2); } 100% { transform: scale(1); filter: brightness(1); } }
.pizzeria-basil { position: absolute; left: -2px; bottom: 16%; transform: rotate(-14deg); display: flex; flex-direction: column; align-items: center; width: 71px; color: #4e754b; }
.pizzeria-basil svg { width: 41px; height: 41px; stroke-width: 1px; fill: #92b877; transform: rotate(15deg); }
.pizzeria-basil span { font-size: 8px; margin-top: 5px; white-space: nowrap; }
.pizzeria-flour { position: absolute; right: 0; top: 25px; width: 46px; height: 59px; background: linear-gradient(90deg, #e6dbbe, #fff9e1, #e6dbbe); border: 1px solid #c8b68e; transform: rotate(13deg); border-radius: 4px 4px 10px 10px; box-shadow: 0 5px 8px #796a3416; text-align: center; }
.pizzeria-flour::before { content: ""; height: 7px; position: absolute; top: -3px; left: -2px; right: -2px; border: 1px solid #c8b68e; border-radius: 3px; background: #efe6ca; }
.pizzeria-flour span { display: block; color: #8a7e5c; font-size: 8px; font-weight: 750; margin-top: 19px; }
.pizzeria-flour i { display: inline-block; width: 20px; height: 10px; border-bottom: 1px solid #bcaa78; border-radius: 50%; }
.pizzeria-selection { display: flex; align-items: center; justify-content: center; gap: 14px; background: #fffdf7; border: 1px solid #e6ddc8; border-radius: 16px; min-height: 74px; padding: 10px 17px; box-shadow: 0 3px 7px #8e79490a; color: #69755f; font-size: 12px; }
.pizzeria-fraction { display: inline-flex; flex-direction: column; align-items: stretch; text-align: center; min-width: 27px; color: #3f6954; font-size: 27px; font-weight: 750; line-height: 1.02; vertical-align: middle; }
.pizzeria-fraction > span { padding: 0 6px; }
.pizzeria-fraction > span:first-child { padding-bottom: 5px; border-bottom: 2px solid currentColor; }
.pizzeria-fraction > span:last-child { padding-top: 5px; }
.pizzeria-selection .pizzeria-fraction { font-size: 23px; }
.pizzeria-selection-words { border-left: 1px solid #e4dccb; padding-left: 15px; color: #78806c; font-size: 12px; }
.pizzeria-selection-words strong { display: block; color: #4f6551; font-size: 14px; }
.pizzeria-clear { min-height: 42px; padding: 8px 10px; color: #706047 !important; background: #f4eedf; font-size: 11px; margin-left: auto; }
.pizzeria-clear:hover { background: #ece2cb; }
.pizzeria-selection-check { margin-left: auto; display: grid; place-items: center; width: 29px; height: 29px; border-radius: 50%; background: #dff0df; color: #368066; }
.pizzeria-keyboard { padding: 11px 10px 0; text-align: center; font-size: 10px; line-height: 1.6; color: #777768; }
.pizzeria-order-column { display: flex; flex-direction: column; min-width: 0; }
.pizzeria-ticket { position: relative; padding: 19px 23px 23px; border: 1px solid #e7dbc2; border-bottom: 3px dashed #e0ccb0; border-radius: 13px 13px 3px 3px; background: linear-gradient(115deg, #fffef9, #fff8e9); box-shadow: 0 7px 17px #7d644311; }
.pizzeria-ticket::before { content: ""; position: absolute; top: -10px; left: calc(50% - 29px); width: 58px; height: 20px; background: #e5c79588; transform: rotate(-4deg); border-left: 1px dashed #cbb68066; border-right: 1px dashed #cbb68066; }
.pizzeria-ticket-top { display: flex; justify-content: space-between; font-size: 9px; font-weight: 750; color: #837459; text-transform: uppercase; letter-spacing: 1.3px; border-bottom: 1px dashed #ded2bc; padding-bottom: 12px; margin-bottom: 15px; }
.pizzeria-customer-row { display: flex; align-items: center; gap: 11px; }
.pizzeria-customer { width: 54px; height: 54px; flex: 0 0 auto; }
.pizzeria-customer-row h2 { color: #4e5040; font-size: 23px; letter-spacing: -.5px; line-height: 1.15; }
.pizzeria-customer-row p { color: #7b7c66; font-size: 10px; margin-top: 4px; }
.pizzeria-quote { font-size: 13px; line-height: 1.7; color: #756953; margin: 12px 0 15px !important; }
.pizzeria-request { border-radius: 13px; border: 1px solid #e7e1c6; background: #f7f3df; display: flex; align-items: center; gap: 18px; padding: 14px 17px; }
.pizzeria-request .pizzeria-fraction { font-size: 30px; color: #805c3f; }
.pizzeria-request strong { font-size: 17px; font-weight: 750; color: #71573c; letter-spacing: -.4px; }
.pizzeria-request > div > span { display: block; font-size: 10px; color: #7d7b60; margin-top: 4px; }
.pizzeria-oven-row { display: flex; align-items: center; gap: 13px; min-height: 108px; margin: 9px 0 0; }
.pizzeria-oven { width: 107px; height: 94px; flex: 0 0 auto; }
.pizzeria-oven-row strong { display: block; color: #726343; font-size: 13px; }
.pizzeria-oven-row span { display: block; color: #81765e; font-size: 11px; margin-top: 4px; max-width: 160px; }
.pizzeria-oven-ready .pizzeria-flame { transform-origin: 50% 85%; animation: pizzeria-fire .5s ease-in-out 2 alternate; }
@keyframes pizzeria-fire { to { transform: scaleY(.88); opacity: .85; } }
.pizzeria-feedback { padding: 13px 15px; border: 1px solid #cbdcc3; border-radius: 12px; background: #edf4e4; color: #486a4c; margin-bottom: 11px; }
.pizzeria-feedback strong { display: block; font-size: 13px; margin-bottom: 4px; }
.pizzeria-feedback p { font-size: 11px; line-height: 1.65; }
.pizzeria-feedback-retry { background: #fff2d6; border-color: #ebd29f; color: #7b5c27; }
.pizzeria-equivalence { display: flex; align-items: center; justify-content: center; gap: 20px; padding: 5px 0 15px; font-size: 24px; color: #6f7b56; }
.pizzeria-equivalence .pizzeria-fraction { font-size: 22px; }
.pizzeria-actions { display: grid; gap: 9px; margin-top: 3px; }
.pizzeria-primary { min-height: 51px; background: linear-gradient(#e27b54, #ca5c3c); color: white !important; border: 1px solid #b65a39; box-shadow: 0 4px 0 #a44f3330, inset 0 1px 0 #ffffff50; font-weight: 750; }
.pizzeria-primary:hover { background: linear-gradient(#e78961, #c55434); box-shadow: 0 4px 0 #a44f3340, 0 6px 15px #c579331b; }
.pizzeria-secondary { border: 1px solid #dcd2bd; background: #fffcf4; color: #726340 !important; font-size: 12px; }
.pizzeria-secondary:hover { background: #f7edd8; }
.pizzeria-chef-strip { grid-column: 1 / -1; position: relative; display: flex; align-items: center; min-height: 97px; padding: 16px 20px 16px 115px; gap: 22px; background: #eaf1df; border: 1px solid #d6e2c9; border-radius: 17px; margin-top: 1px; }
.pizzeria-chef-strip > .pizzeria-chef { position: absolute; left: 11px; bottom: 0; width: 91px; height: 108px; }
.pizzeria-chef-strip strong { display: block; color: #4d6850; font-size: 13px; margin-bottom: 3px; }
.pizzeria-chef-strip p { font-size: 11px; color: #6c7760; max-width: 430px; }
.pizzeria-help { flex-shrink: 0; margin-left: auto; border: 1px solid #bdcdb3; background: #f9fbef; color: #4b6d50 !important; font-size: 12px; }
.pizzeria-help:hover { background: #fffef7; }
.pizzeria-hint { grid-column: 1 / -1; margin-top: -11px; background: #fffef8; border: 1px solid #dedcc8; border-radius: 15px; padding: 20px 24px; color: #647057; font-size: 12px; }
.pizzeria-hint strong { font-size: 14px; color: #4d6a4e; }
.pizzeria-hint p { margin: 7px 0 14px; max-width: 780px; line-height: 1.7; }
.pizzeria-hint-groups { display: flex; gap: 13px; }
.pizzeria-hint-groups > span { display: flex; gap: 6px; padding: 9px; border-radius: 8px; border: 1px dashed #bebaa2; background: #f5f0df; }
.pizzeria-hint-groups i { width: 20px; height: 20px; border-radius: 50%; border: 2px solid #d3aa72; background: #f4d693; }
.pizzeria-hint-groups .pizzeria-hint-chosen { border: 2px solid #6a976c; padding: 8px; background: #edf5e4; }
.pizzeria-hint-chosen i { background: #dc7955; border-color: #c58d53; }
.pizzeria-hint-label { display: block; color: #707354; font-size: 10px; margin-top: 9px; }
.pizzeria-delivery-stamp { position: absolute; z-index: 2; bottom: 26px; right: 6%; color: #36765a; border: 2px solid #68a67b; background: #f1f7e7eb; padding: 9px 14px; font-size: 17px; font-weight: 750; border-radius: 10px; transform: rotate(-8deg); }
.pizzeria-footer { display: flex; justify-content: space-between; align-items: center; gap: 15px; padding: 13px 32px; background: #f5efdF; border-top: 1px solid #e8e0cf; color: #777962; font-size: 10px; }
.pizzeria-footer > span:first-child { font-style: italic; color: #6f845f; }
.pizzeria-complete { padding: 24px 30px 36px; text-align: center; background: radial-gradient(ellipse at 50% 10%, #eaf1d5, transparent 50%), #fffaf0; }
.pizzeria-complete-art { position: relative; width: 141px; margin: 0 auto 3px; }
.pizzeria-complete-art .pizzeria-chef { width: 141px; height: 157px; }
.pizzeria-complete-star { position: absolute; top: 23px; right: -18px; color: #d99641; font-size: 44px; transform: rotate(14deg); text-shadow: 0 2px #fcf2ac; }
.pizzeria-complete h2 { font-size: clamp(25px, 3cqw, 36px); letter-spacing: -1px; color: #4b6547; margin: 9px 0 12px; line-height: 1.15; }
.pizzeria-complete > p { color: #718061; font-size: 14px; line-height: 1.7; }
.pizzeria-receipts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 17px; max-width: 615px; margin: 25px auto; }
.pizzeria-receipt { padding: 17px; background: #fffdf6; border: 1px solid #dfdac2; border-bottom: 3px dashed #d9c8a9; border-radius: 12px 12px 3px 3px; box-shadow: 0 4px 12px #8e7b4610; }
.pizzeria-receipt .pizzeria-customer { margin: auto; width: 47px; height: 47px; }
.pizzeria-receipt > strong { display: block; color: #716d51; font-size: 13px; margin: 6px 0 12px; }
.pizzeria-receipt > div { display: flex; justify-content: center; align-items: center; gap: 13px; color: #77805c; }
.pizzeria-receipt .pizzeria-fraction { font-size: 23px; }
.pizzeria-receipt > span { display: block; margin-top: 13px; font-size: 10px; color: #538467; }
.pizzeria-complete-actions { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; }
.pizzeria-complete .pizzeria-complete-note { margin: 19px auto 0; max-width: 590px; font-size: 10px; color: #80816b; }
.pizzeria-save-warning { background: #fff0c9; padding: 14px 28px; font-size: 12px; color: #74552d; border-bottom: 1px solid #dfcc9d; }
.pizzeria-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.pizzeria-preferences { display: flex; align-items: flex-start; gap: 18px; padding: 13px 26px; border-bottom: 1px solid #e5dcc6; background: #f8f6e9; }
.pizzeria-preferences > button { flex-shrink: 0; }
.pizzeria-music-controls { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px; flex: 1; min-width: 0; }
.pizzeria-music-controls label { font-size: 12px; color: #514d3e; }
.pizzeria-music-controls input[type="range"] { width: 130px; min-height: 36px; margin: 0; accent-color: #396f59; cursor: pointer; }
.pizzeria-music-controls p { flex-basis: 100%; font-size: 12px; color: #595a49; }
.pizzeria-music-controls input:focus-visible, .pizzeria-text-slices input:focus-visible { outline: 3px solid #594297; outline-offset: 4px; }
.pizzeria-game .pizzeria-order-summary { margin: 12px 0; font-size: 13px; line-height: 1.65; color: #4a5845; }
.pizzeria-text-slices { min-width: 0; margin: 14px 0; padding: 14px; border: 1px solid #bfcbb4; border-radius: 13px; background: #fffdf5; }
.pizzeria-text-slices legend { padding: 0 6px; font-weight: 750; color: #3d644d; }
.pizzeria-text-slices p { font-size: 13px; color: #4a5845; line-height: 1.6; }
.pizzeria-text-slices > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 12px; }
.pizzeria-text-slices label { display: flex; align-items: center; gap: 9px; min-height: 44px; padding: 8px; border: 1px solid #d4d9c5; border-radius: 8px; font-size: 14px; cursor: pointer; }
.pizzeria-text-slices label:has(input:checked) { border-color: #3e755b; background: #e8f0de; }
.pizzeria-text-slices input { width: 20px; height: 20px; flex: 0 0 auto; margin: 0; accent-color: #396f59; }
.pizzeria-text-slices:disabled label { cursor: default; }
.pizzeria-game .pizzeria-text-summary { margin-top: 12px; font-size: 14px; color: #3c5743; line-height: 1.65; }

@container (max-width: 940px) {
  .pizzeria-kitchen { padding: 24px 24px 20px; column-gap: 22px; grid-template-columns: minmax(0, 1fr) minmax(265px, .8fr); }
  .pizzeria-shift { right: 22px; min-width: 111px; padding: 10px 12px; }
  .pizzeria-topbar { padding-inline: 20px; gap: 10px; }
  .pizzeria-prepared { font-size: 10px; padding-inline: 10px; }
  .pizzeria-work-heading { display: block; }
  .pizzeria-work-heading h2 { font-size: 21px; }
  .pizzeria-order-badge { display: inline-block; margin-top: 8px; }
  .pizzeria-pizza-scene { min-height: 300px; }
  .pizzeria-basil, .pizzeria-flour { display: none; }
  .pizzeria-steps { gap: 19px; }
  .pizzeria-ticket { padding-inline: 18px; }
  .pizzeria-selection { gap: 10px; padding-inline: 12px; }
  .pizzeria-selection > span:first-child { max-width: 38px; }
  .pizzeria-selection-words { padding-left: 10px; }
  .pizzeria-clear { padding-inline: 7px; font-size: 10px; }
  .pizzeria-chef-strip { gap: 15px; padding-left: 101px; }
  .pizzeria-chef-strip p { max-width: 350px; }
}
@container (max-width: 730px) {
  .pizzeria-topbar { flex-wrap: wrap; padding: 10px 17px; }
  .pizzeria-prepared { order: 3; width: 100%; text-align: center; padding: 3px 8px; }
  .pizzeria-signboard { justify-content: flex-start; min-height: 165px; padding-left: 12px; }
  .pizzeria-title { text-align: left; padding-inline: 15px; }
  .pizzeria-title h1 { font-size: 32px; }
  .pizzeria-title p { font-size: 11px; }
  .pizzeria-shift { top: 28px; right: 22px; min-width: 100px; }
  .pizzeria-kitchen { padding: 22px 17px 17px; grid-template-columns: minmax(0, 1fr) minmax(240px, .88fr); gap: 20px 17px; }
  .pizzeria-steps { gap: 12px; }
  .pizzeria-steps li { font-size: 10px; gap: 5px; }
  .pizzeria-steps li > span { width: 21px; height: 21px; font-size: 10px; }
  .pizzeria-work-heading h2 { font-size: 18px; }
  .pizzeria-pizza-scene { min-height: 260px; }
  .pizzeria-selection { flex-wrap: wrap; gap: 9px; padding: 10px; }
  .pizzeria-selection .pizzeria-clear { margin-left: 0; min-height: 36px; }
  .pizzeria-chef-strip { flex-wrap: wrap; gap: 10px; padding-left: 96px; }
  .pizzeria-chef-strip > .pizzeria-chef { width: 80px; height: 102px; }
  .pizzeria-help { margin-left: 0; padding: 7px 11px; }
}
@container (max-width: 570px) {
  .pizzeria-preferences { flex-direction: column; padding: 12px 16px; gap: 12px; }
  .pizzeria-music-controls { width: 100%; }
  .pizzeria-music-controls input[type="range"] { flex: 1; min-width: 85px; }
  .pizzeria-shell { border-radius: 18px; }
  .pizzeria-topbar { padding-inline: 12px; }
  .pizzeria-brand { font-size: 20px; }
  .pizzeria-motion { font-size: 10px; padding-inline: 8px; }
  .pizzeria-back { font-size: 11px; }
  .pizzeria-signboard { padding-left: 5px; min-height: 168px; }
  .pizzeria-title { padding-left: 13px; }
  .pizzeria-title h1 { font-size: 29px; letter-spacing: -1px; }
  .pizzeria-title p { max-width: 200px; font-size: 10px; }
  .pizzeria-eyebrow { font-size: 8px; letter-spacing: 1.3px; }
  .pizzeria-shift { top: 42px; right: 14px; min-width: 75px; padding: 9px; }
  .pizzeria-shift > span { font-size: 8px; }
  .pizzeria-shift > strong { font-size: 27px; }
  .pizzeria-shift strong span { font-size: 15px; }
  .pizzeria-awning { height: 22px; }
  .pizzeria-kitchen { display: flex; flex-direction: column; align-items: stretch; padding: 23px 16px 16px; gap: 19px; }
  .pizzeria-order-column { display: contents; }
  .pizzeria-ticket { order: 0; padding: 13px 16px 16px; }
  .pizzeria-ticket-top { margin-bottom: 11px; padding-bottom: 8px; }
  .pizzeria-customer-row { float: left; width: 58%; gap: 8px; }
  .pizzeria-customer-row h2 { font-size: 20px; }
  .pizzeria-customer-row p { max-width: 120px; font-size: 9px; }
  .pizzeria-customer { width: 42px; height: 42px; }
  .pizzeria-quote { display: none; }
  .pizzeria-request { margin-left: 60%; min-height: 59px; padding: 7px 8px; gap: 9px; }
  .pizzeria-request .pizzeria-fraction { font-size: 22px; min-width: 23px; }
  .pizzeria-request strong { font-size: 12px; line-height: 1.2; display: block; }
  .pizzeria-request > div > span { display: none; }
  .pizzeria-workbench { order: 1; }
  .pizzeria-work-heading { display: flex; align-items: center; }
  .pizzeria-work-heading h2 { font-size: 19px; }
  .pizzeria-order-badge { margin-top: 0; }
  .pizzeria-work-heading p { font-size: 11px; }
  .pizzeria-steps { justify-content: center; gap: 23px; margin-bottom: 15px; }
  .pizzeria-steps li { font-size: 12px; }
  .pizzeria-pizza-scene { min-height: 0; }
  .pizzeria-pizza-wrap { width: min(100%, 350px); }
  .pizzeria-selection { flex-wrap: nowrap; min-height: 70px; }
  .pizzeria-selection > span:first-child { max-width: none; }
  .pizzeria-selection .pizzeria-clear { margin-left: auto; }
  .pizzeria-oven-row { order: 2; min-height: 60px; margin: -10px 0 -9px; justify-content: center; }
  .pizzeria-oven { width: 80px; height: 70px; }
  .pizzeria-oven-row span { max-width: none; }
  .pizzeria-feedback { order: 3; margin-bottom: 0; }
  .pizzeria-equivalence { order: 4; padding-bottom: 0; }
  .pizzeria-actions { order: 5; }
  .pizzeria-chef-strip { order: 6; margin-top: 5px; }
  .pizzeria-hint { order: 7; margin-top: 0; padding: 16px; }
  .pizzeria-footer { padding: 12px 16px; font-size: 9px; }
  .pizzeria-receipts { gap: 8px; margin: 22px -3px; }
  .pizzeria-receipt { padding: 12px 6px; }
  .pizzeria-receipt > div { gap: 7px; }
  .pizzeria-receipt .pizzeria-fraction { font-size: 21px; }
  .pizzeria-complete { padding-inline: 20px; }
  .pizzeria-complete > p { font-size: 12px; }
  .pizzeria-complete h2 { font-size: 28px; }
}
@media (max-width: 620px) {
  .pizzeria-standalone main { padding: 0 10px 18px; }
  .pizzeria-demo-note { padding: 12px 16px; display: block; font-size: 10px; }
  .pizzeria-demo-note a { display: block; margin-bottom: 4px; font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .pizzeria-game *, .pizzeria-game *::before, .pizzeria-game *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
.pizzeria-game[data-reduced-motion="true"] *, .pizzeria-game[data-reduced-motion="true"] *::before, .pizzeria-game[data-reduced-motion="true"] *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }

/* Integration controls: finite save/retry/exit actions outside the game engine. */
.pizzeria-session-action{font:inherit;font-size:12px;padding:8px 11px;border:1px solid #baa88d;border-radius:9px;background:#fffaf0;color:#594737;cursor:pointer}.pizzeria-session-action[hidden]{display:none}.pizzeria-session-action:focus-visible{outline:3px solid #6f4db2;outline-offset:3px}.pizzeria-session-empty{padding:35px;max-width:740px;margin:30px auto;font-size:18px;line-height:1.6;color:#514333}.pizzeria-demo-note{flex-wrap:wrap}.pizzeria-demo-note span{flex:1;min-width:190px}