/* Original pizza-on-board scene detail; the surrounding Kitchen illustration stays intact. */
.connected-root .room-scene-kitchen{position:relative;container-type:inline-size}
.connected-root .kitchen-pizza-board{position:absolute;left:14%;top:51%;width:27%;height:43%;min-width:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:22%;background:transparent;box-shadow:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transform:rotate(-3deg)}
.kitchen-pizza-board>svg{width:100%;height:100%;display:block;filter:drop-shadow(0 4px 2px #604b3533);pointer-events:none}
.connected-root .kitchen-pizza-board:focus-visible{outline:3px solid #355f3b;outline-offset:0;background:#f1f7e636}
.pizza-hotspot-glimmer{position:absolute;top:3%;right:12%;font-size:20px;color:#fffbea;text-shadow:0 1px 3px #355f3b;opacity:0;transition:opacity .18s;pointer-events:none}
.kitchen-pizza-board:hover .pizza-hotspot-glimmer,.kitchen-pizza-board:focus-visible .pizza-hotspot-glimmer{opacity:1}
@supports(width:1cqw){.connected-root .kitchen-pizza-board{top:calc(50% + .4cqw);height:18cqw}}
.pizza-game{--pizza-ink:#35533e;position:fixed;inset:0;z-index:10000;box-sizing:border-box;width:100vw;width:100dvw;max-width:none;height:100%;height:100dvh;max-height:none;margin:0;padding:max(18px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));border:0;background:radial-gradient(ellipse at 38% 18%,#fbfcf4,#edf3e5 75%);color:var(--pizza-ink);overflow:auto;overscroll-behavior:contain;font-family:var(--room-display,ui-rounded,"Arial Rounded MT Bold","Trebuchet MS",system-ui,sans-serif)}
.pizza-game::backdrop{background:#304a36bd}
.pizza-game[open]{display:flex;align-items:center;justify-content:center}
.pizza-game *{box-sizing:border-box}
.pizza-shell{width:100%;max-width:820px;min-width:0;margin:auto}
.pizza-header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.pizza-eyebrow{display:block;font-size:9px;line-height:1.4;font-weight:800;letter-spacing:.13em;color:#4c684e}
.pizza-game h2{margin:4px 0 0;font-size:clamp(25px,6vw,34px);line-height:1.1;font-weight:850;letter-spacing:-.8px}
.pizza-intro{font-size:13px;line-height:1.5;margin:12px 0 17px;color:#4b664e;max-width:58ch}
.pizza-game button{appearance:none;min-width:44px;min-height:44px;border:1px solid #a9b99b;border-radius:14px;background:#fbfcf4;color:var(--pizza-ink);padding:10px 13px;font:750 12px/1.3 var(--room-display,ui-rounded,system-ui,sans-serif);box-shadow:inset 0 2px 0 #fff,0 3px 0 #c4cfb3;cursor:pointer;touch-action:manipulation}
.pizza-game button:focus-visible,.pizza-game summary:focus-visible{outline:3px solid #355f3b;outline-offset:3px}
.pizza-game button:disabled{cursor:default;box-shadow:inset 0 1px 0 #fff;color:#536a4e;background:#eef1e8;border-color:#bbc7ad}
.pizza-game .pizza-close{padding:9px 11px;white-space:nowrap;background:#ffffffb3}
.pizza-close span{font-size:20px;vertical-align:-1px;margin-left:4px}
.pizza-workspace{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:24px;align-items:start}
.pizza-game[data-phase="memorize"] .pizza-workspace{grid-template-columns:1fr;max-width:440px;margin:auto;gap:0}
.pizza-game[data-phase="memorize"] .pizza-shell{max-width:540px}
.pizza-stage{border:1px solid #b99063;border-radius:24px;padding:13px 13px 10px;overflow:hidden;background:repeating-linear-gradient(1deg,transparent 0 78px,#86562e13 80px,transparent 82px),linear-gradient(120deg,#e6c399,#f0d1a9 35%,#dcb386);box-shadow:inset 0 3px 0 #ffecd0,0 5px 0 #b8a083}
.pizza-stage-top{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:44px}
.pizza-stage-label{font-size:13px;margin:0;color:#5a3d23;line-height:1.35}
.pizza-timer-panel{display:flex;align-items:center;gap:6px;flex-shrink:0}
.pizza-timer{font-size:21px;font-weight:850;color:#5a3d23;min-width:42px;text-align:center;font-variant-numeric:tabular-nums}
.pizza-game [data-pizza-control="pause"]{font-size:11px;padding:8px 9px;max-width:136px;background:#fff4dc;border-color:#b58c5d;color:#5a3d23;box-shadow:inset 0 2px 0 #fff9e8,0 2px 0 #ba926b}
.pizza-meter{display:block;appearance:none;width:100%;height:6px;border:0;border-radius:5px;overflow:hidden;background:#ae835766;color:#65846a;margin:6px 0 0}
.pizza-meter::-webkit-progress-bar{background:#ae835766;border-radius:5px}.pizza-meter::-webkit-progress-value{background:#5d8065;border-radius:5px}.pizza-meter::-moz-progress-bar{background:#5d8065;border-radius:5px}
.pizza-board{position:relative;aspect-ratio:1;width:100%;max-width:380px;margin:0 auto}
.pizza-art-wrap,.pizza-art{display:block;position:absolute;inset:0;width:100%;height:100%}
.pizza-art{filter:drop-shadow(0 3px 2px #764c3222)}
.pizza-zones{position:absolute;inset:0}
.pizza-game [data-pizza-zone]{position:absolute;left:var(--zone-x);top:var(--zone-y);transform:translate(-50%,-50%);width:25%;height:25%;padding:0;border:2px dashed #71502c88;border-radius:38%;background:#fff6db20;box-shadow:none;display:flex;justify-content:flex-start;align-items:flex-end;font-size:10px;color:#523f28}
.pizza-game [data-pizza-zone]>span{border-radius:6px;background:#fff8e5eb;border:1px solid #bd9c66;padding:2px 4px;margin:0 0 1px 1px;line-height:1.3;pointer-events:none}
.pizza-game [data-pizza-zone]:disabled{background:transparent;border-color:#71502c55;color:#523f28;box-shadow:none}
.pizza-game [data-pizza-zone]:not(:disabled):hover{background:#fff8db55;border-color:#487555;border-style:solid}
.pizza-game [data-pizza-zone]:focus-visible{outline-color:#2f634e;outline-offset:2px;border-style:solid;background:#fff8db55}
.pizza-count{font-size:11px;line-height:1.4;color:#5a3d23;text-align:center;margin:0 0 2px;font-weight:750}
.pizza-towel{position:absolute;inset:10%;display:grid;place-items:center;text-align:center;border-radius:17px;transform:rotate(-4deg);background:repeating-linear-gradient(0deg,#fff9e040 0 18px,#5e96ad32 18px 36px),repeating-linear-gradient(90deg,#f8fcf4 0 18px,#acd3db 18px 36px);box-shadow:0 7px 7px #76563133,inset 0 0 0 5px #f3f5e7;border:1px solid #a6bac1}
.pizza-towel span{font-size:13px;line-height:1.5;font-weight:750;background:#fbfcf0e8;padding:12px 15px;border:1px solid #9ab6bf;border-radius:10px;max-width:80%}
.pizza-prep{min-width:0}
.pizza-ingredients h3{font-size:12px;line-height:1.4;margin:0 0 8px;font-weight:800}
.pizza-ingredients h3:not(:first-child){margin-top:18px}
.pizza-base-tray,.pizza-topping-tray{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}
.pizza-topping-tray{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.pizza-game :is([data-pizza-base],[data-pizza-ingredient]){display:flex;align-items:center;flex-direction:column;min-height:96px;padding:7px 4px 8px;border-radius:16px;font-size:11px;background:#fffdf5;border-color:#c6bc99;box-shadow:inset 0 2px 0 #fff,0 3px 0 #cec4a8}
.pizza-game :is([data-pizza-base],[data-pizza-ingredient])>svg{width:43px;height:43px;display:block;filter:drop-shadow(0 1px 1px #6c4e2b19);pointer-events:none}
.pizza-game :is([data-pizza-base],[data-pizza-ingredient])>small{font-size:9px;margin-top:3px;line-height:1.3;font-weight:600;color:#51694f}
.pizza-game :is([data-pizza-base],[data-pizza-ingredient])[aria-pressed="true"]{border:2px solid #47785d;background:#eef6e7;padding:6px 3px 7px;box-shadow:inset 0 2px 0 #fff,0 3px 0 #abc5a7}
.pizza-game :is([data-pizza-base],[data-pizza-ingredient]):disabled{background:#f3f3ed;color:#536a4e;box-shadow:inset 0 1px 0 #fff;border-color:#bcc9ad}
.pizza-game [data-pizza-base][aria-pressed="true"]{color:#355e49;background:#eef6e7;border-color:#739981}
.pizza-placement-note{font-size:11px;line-height:1.5;color:#4d674c;margin:12px 0 0}
.pizza-footer{margin:18px 0 0;text-align:center}
.pizza-status{font-size:12px;line-height:1.5;min-height:38px;margin:0 0 12px;font-weight:650}
.pizza-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.pizza-game [data-pizza-control="check"]{background:#3c7159;border-color:#305a47;color:#fff;box-shadow:inset 0 2px 0 #ffffff22,0 3px 0 #294c3e;width:100%}
.pizza-game [data-pizza-control="reset"]{font-size:11px;flex-basis:100%;box-shadow:none;border-color:transparent;background:transparent;text-decoration:underline;text-underline-offset:3px;min-height:44px}
.pizza-help{font-size:10px;line-height:1.55;color:#4d674c;margin:9px 0 0}
.pizza-result{padding:16px 14px;background:#fbfcf4;border:1px solid #b3c5a3;border-radius:20px;box-shadow:inset 0 2px 0 #fff,0 4px 0 #ccd9ba}
.pizza-result-label{font-size:21px;line-height:1.25;letter-spacing:-.5px;margin:0}
.pizza-result-detail{font-size:12px;line-height:1.5;margin:10px 0}
.pizza-answer-details{font-size:11px;line-height:1.5;color:#456542}
.pizza-answer-details summary{cursor:pointer;min-height:44px;padding:12px 3px;font-weight:750;touch-action:manipulation}
.pizza-answer-art{position:relative;aspect-ratio:1;max-width:230px;margin:0 auto}
.pizza-answer>p{margin:9px 0 0;font-size:11px;line-height:1.6}
.pizza-save-status{font-size:12px;line-height:1.5;margin:5px 0 12px}
.pizza-game .pizza-retry{margin:0 0 12px;max-width:100%}
.pizza-game [hidden]{display:none!important}
@media(max-width:650px){.pizza-shell{max-width:440px}.pizza-workspace{grid-template-columns:1fr;gap:20px}.pizza-intro{margin:9px 0 12px}.pizza-stage{padding:8px 10px 9px}.pizza-board{max-width:290px}.pizza-stage-top{min-height:38px}.pizza-ingredients h3:not(:first-child){margin-top:13px}.pizza-game :is([data-pizza-base],[data-pizza-ingredient]){min-height:81px;padding:4px 3px 6px}.pizza-game :is([data-pizza-base],[data-pizza-ingredient])>svg{width:35px;height:35px}.pizza-game :is([data-pizza-base],[data-pizza-ingredient])[aria-pressed="true"]{padding:3px 2px 5px}.pizza-footer{margin-top:14px}.pizza-game[data-phase="memorize"] .pizza-board{max-width:350px}@supports(width:1cqw){.connected-root .kitchen-pizza-board{top:calc(58% - 2.94cqw)}}}
@media(max-width:350px){.pizza-game{padding-left:10px;padding-right:10px}.pizza-game h2{font-size:24px}.pizza-eyebrow{font-size:8px}.pizza-base-tray,.pizza-topping-tray{gap:5px}.pizza-game :is([data-pizza-base],[data-pizza-ingredient]){font-size:10px}.pizza-stage-label{font-size:12px}.pizza-board{max-width:260px}.pizza-result-label{font-size:19px}}
@media(max-height:560px) and (min-width:651px){.pizza-game{padding-top:12px;padding-bottom:12px}.pizza-game[data-phase="memorize"] .pizza-shell{max-width:800px}.pizza-game[data-phase="memorize"] .pizza-workspace{grid-template-columns:1fr 1fr;max-width:none;gap:22px;align-items:center}.pizza-board{max-width:280px}.pizza-intro{margin:8px 0 10px}.pizza-footer{margin-top:9px}.pizza-ingredients h3:not(:first-child){margin-top:12px}.pizza-game :is([data-pizza-base],[data-pizza-ingredient]){min-height:83px}.pizza-game :is([data-pizza-base],[data-pizza-ingredient])>svg{width:34px;height:34px}}
@media(prefers-reduced-motion:reduce){.pizza-hotspot-glimmer{transition:none}.pizza-game *{scroll-behavior:auto}}
@media(forced-colors:active){.connected-root .room-scene-kitchen:has(>.kitchen-pizza-board){display:block!important;background:Canvas;border:2px solid CanvasText;min-height:112px}.connected-root .kitchen-pizza-board{top:15%;left:25%;width:50%;height:70%;border:2px solid ButtonText;background:ButtonFace;color:ButtonText;transform:none}.kitchen-pizza-board>svg,.pizza-hotspot-glimmer{display:none}.kitchen-pizza-board::after{content:"Play pizza memory";font:700 14px system-ui}.pizza-game,.pizza-stage,.pizza-result,.pizza-towel{background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none}.pizza-game :is(h2,h3,p,span,small,summary){color:CanvasText}.pizza-game button,.pizza-game button:disabled,.pizza-game [data-pizza-control="check"],.pizza-game [data-pizza-control="pause"]{background:ButtonFace;color:ButtonText;border:2px solid ButtonText;box-shadow:none}.pizza-game button:focus-visible,.pizza-game summary:focus-visible{outline-color:Highlight}.pizza-game :is([data-pizza-base],[data-pizza-ingredient])[aria-pressed="true"]{border-color:Highlight;background:Canvas;color:CanvasText;box-shadow:none}.pizza-art,.pizza-game button>svg{forced-color-adjust:none}.pizza-game [data-pizza-zone],.pizza-game [data-pizza-zone]:disabled{border:2px dashed ButtonText;background:transparent;color:ButtonText}.pizza-game [data-pizza-zone]>span,.pizza-towel span{background:Canvas;color:CanvasText;border-color:CanvasText}.pizza-game [data-pizza-control="reset"]{background:ButtonFace;border-color:ButtonText;color:ButtonText}.pizza-meter{border:1px solid CanvasText}}