/* 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}}
/* Photographic game skin. All buttons remain the original gameplay controls. */
.pizza-game{--pizza-ink:#fff7e7;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(24px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));border:0;background:linear-gradient(180deg,#140d09b3,#1e120d8c 48%,#1c100cc9),url('./cooking-art/pizza-kitchen.webp') center/cover fixed;color:var(--pizza-ink);overflow:auto;overscroll-behavior:contain;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color-scheme:dark}
.pizza-game::backdrop{background:#160e09e8}
.pizza-game[open]{display:flex;align-items:flex-start;justify-content:center}
.pizza-game *{box-sizing:border-box}
.pizza-shell{width:100%;max-width:1000px;min-width:0;margin:auto}
.pizza-header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.pizza-eyebrow{display:block;font-size:10px;line-height:1.4;font-weight:750;letter-spacing:.16em;color:#eadcc9}
.pizza-game h2{margin:5px 0 0;font:700 clamp(30px,5.7vw,48px)/1.06 Georgia,"Times New Roman",serif;letter-spacing:-.6px}
.pizza-intro{font-size:15px;line-height:1.55;margin:14px 0 20px;color:#f3e7d4;max-width:58ch;text-shadow:0 2px 8px #000}
.pizza-game button{appearance:none;min-width:44px;min-height:44px;border:1px solid #ba9b7399;border-radius:19px;background:linear-gradient(145deg,#6a4329db,#2a1d15ed);color:var(--pizza-ink);padding:11px 15px;font:650 13px/1.3 system-ui,-apple-system,"Segoe UI",sans-serif;box-shadow:inset 0 1px 1px #fff5d528,0 3px 6px #0004;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.pizza-game button:focus-visible,.pizza-game summary:focus-visible{outline:3px solid #f6e8b6;outline-offset:3px}
.pizza-game button:disabled{cursor:default;opacity:.55;box-shadow:none}
.pizza-game .pizza-close{padding:11px 16px;white-space:nowrap;border-radius:999px;background:linear-gradient(145deg,#5c3319e8,#28170fe8);border:1px solid #d6c3a896;min-height:48px}
.pizza-close span{font-size:24px;vertical-align:-2px;margin-left:7px;font-weight:400}
.pizza-workspace{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,1fr);gap:22px;align-items:start}
.pizza-game[data-phase="memorize"] .pizza-workspace{grid-template-columns:1fr;max-width:540px;margin:auto;gap:0}
.pizza-game[data-phase="memorize"] .pizza-shell{max-width:660px}
.pizza-stage{border:1px solid #d0b28c91;border-radius:25px;padding:14px 12px 12px;overflow:hidden;background:#20160fd6;box-shadow:inset 0 1px 1px #fff2d02b,0 16px 45px #0005}
.pizza-stage-top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:46px;padding:0 4px}
.pizza-stage-label{font:700 clamp(19px,3.5vw,25px)/1.2 Georgia,"Times New Roman",serif;margin:0;color:#fff6e5}
.pizza-timer-panel{display:flex;align-items:center;gap:8px;flex-shrink:0}
.pizza-timer{font-size:27px;font-weight:700;color:#fff3d5;min-width:47px;text-align:center;font-variant-numeric:tabular-nums}
.pizza-game [data-pizza-control="pause"]{font-size:12px;padding:8px 12px;max-width:136px;background:linear-gradient(145deg,#a85c29,#51280f);border-color:#dcac7680;min-height:44px}
.pizza-meter{display:block;appearance:none;width:100%;height:8px;border:0;border-radius:9px;overflow:hidden;background:#d7bf983d;color:#b0c581;margin:10px 0 9px}
.pizza-meter::-webkit-progress-bar{background:#d7bf983d;border-radius:9px}.pizza-meter::-webkit-progress-value{background:#b0c581;border-radius:9px}.pizza-meter::-moz-progress-bar{background:#b0c581;border-radius:9px}
.pizza-board{position:relative;aspect-ratio:1;width:100%;max-width:510px;margin:0 auto 8px;border-radius:16px;background:url('./cooking-art/pizza-kitchen.webp') center bottom/110% auto;isolation:isolate}
.pizza-art-wrap,.pizza-art{display:block;position:absolute;inset:0;width:100%;height:100%}
.pizza-art{filter:drop-shadow(0 5px 3px #190c0866)}
.pizza-art svg{overflow:hidden}
.pizza-art image{pointer-events:none}
.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%;min-width:44px;min-height:44px;padding:0;border:1px dashed #fff1bda8;border-radius:38%;background:#3d270a18;box-shadow:none;display:flex;justify-content:flex-start;align-items:flex-end;font-size:10px;color:#fff8e8}
.pizza-game [data-pizza-zone]>span{border-radius:7px;background:#241b11e6;border:1px solid #e4cca26e;padding:3px 5px;margin:0 0 1px 1px;line-height:1.3;pointer-events:none}
.pizza-game [data-pizza-zone]:disabled{background:transparent;border-color:#fff2c65c;opacity:.8}
.pizza-game [data-pizza-zone]:not(:disabled):hover{background:#fff1c22e;border-color:#fff2c5;border-style:solid}
.pizza-game [data-pizza-zone]:focus-visible{outline-color:#fff2c5;outline-offset:2px;border-style:solid;background:#fff1c22e}
.pizza-count{font-size:12px;line-height:1.4;color:#f7ead2;text-align:center;margin:0 auto;padding:9px 12px;font-weight:600;border:1px solid #ccb18c70;border-radius:999px;background:#342317cb;width:fit-content;max-width:100%}
.pizza-towel{position:absolute;inset:0;display:grid;place-items:center;text-align:center;border-radius:16px;background:#201b15;box-shadow:inset 0 0 50px #0008;border:1px solid #bca37f88}
.pizza-towel span{font-size:17px;line-height:1.5;font-weight:650;color:#f1e5cf;padding:18px;max-width:80%}
.pizza-prep{min-width:0}
.pizza-ingredients{padding:18px;border:1px solid #c8ad847d;border-radius:24px;background:#251c13de;box-shadow:inset 0 1px 1px #fff4da20,0 10px 30px #0004}
.pizza-ingredients h3{font-size:16px;line-height:1.35;margin:0 0 10px;font-weight:650}
.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:7px}
.pizza-game :is([data-pizza-base],[data-pizza-ingredient]){display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:108px;padding:8px 4px;border-radius:17px;font-size:12px;background:linear-gradient(145deg,#65503942,#302519b8);border-color:#b2a18a8c;box-shadow:inset 0 1px 1px #fff8dc1c}
.pizza-ingredient-photo{display:block;width:62px;max-width:95%;height:58px;filter:drop-shadow(0 3px 3px #0007);pointer-events:none}
.pizza-ingredient-photo>svg{display:block;width:100%;height:100%;overflow:hidden}
.pizza-game :is([data-pizza-base],[data-pizza-ingredient])>small{font-size:10px;margin-top:4px;line-height:1.3;font-weight:500;color:#e1d4b9}
.pizza-game :is([data-pizza-base],[data-pizza-ingredient])[aria-pressed="true"]{border:2px solid #d2dda4;background:#65763a5c;padding:7px 3px;box-shadow:inset 0 0 0 1px #f8f1cf6b;opacity:1}
.pizza-game [data-pizza-base][aria-pressed="true"]{color:#fff5d9}
.pizza-placement-note{font-size:12px;line-height:1.5;color:#e4d7c0;margin:13px 0 0}
.pizza-footer{margin:17px 0 0;text-align:center;padding:0 3px}
.pizza-status{font-size:14px;line-height:1.5;min-height:42px;margin:0 0 14px;font-weight:550;text-shadow:0 2px 8px #000}
.pizza-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.pizza-game [data-pizza-control="check"]{background:linear-gradient(145deg,#748344,#3a461f);border-color:#c4ce8da8;color:#fff9e9;box-shadow:inset 0 1px 1px #fff5cf66,0 4px 0 #18210eee;width:100%;min-height:54px;font-size:16px;border-radius:999px;margin-bottom:3px}
.pizza-game [data-pizza-control="reset"]{font-size:13px;flex-basis:100%;border-color:#b7aa8973;background:#38281bda;min-height:48px;margin-top:4px}
.pizza-help{font-size:11px;line-height:1.55;color:#e6d8bf;margin:13px 0 0;text-shadow:0 1px 3px #000}
.pizza-result{padding:20px 18px;background:#2c2319ed;border:1px solid #d5bc9180;border-radius:23px;box-shadow:inset 0 1px 1px #ffedca33,0 10px 25px #0005}
.pizza-result-label{font:700 25px/1.25 Georgia,"Times New Roman",serif;letter-spacing:-.3px;margin:0}
.pizza-result-detail{font-size:14px;line-height:1.5;margin:12px 0}
.pizza-answer-details{font-size:13px;line-height:1.5;color:#f0e5ca}
.pizza-answer-details summary{cursor:pointer;min-height:44px;padding:12px 3px;font-weight:650;touch-action:manipulation}
.pizza-answer-art{position:relative;aspect-ratio:1;max-width:280px;margin:0 auto;border-radius:16px;background:url('./cooking-art/pizza-kitchen.webp') center bottom/110% auto}
.pizza-answer>p{margin:9px 0 0;font-size:12px;line-height:1.6}
.pizza-save-status{font-size:13px;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:700px){.pizza-shell,.pizza-game[data-phase="memorize"] .pizza-shell{max-width:500px}.pizza-workspace{grid-template-columns:1fr;gap:18px}.pizza-intro{margin:12px 0 16px}.pizza-stage{padding:10px 9px 12px}.pizza-stage-top{min-height:44px}.pizza-ingredients{padding:15px 12px}.pizza-ingredients h3:not(:first-child){margin-top:16px}.pizza-game :is([data-pizza-base],[data-pizza-ingredient]){min-height:99px;font-size:11px}.pizza-ingredient-photo{height:53px;width:57px}.pizza-footer{margin-top:15px}}
@media(max-width:360px){.pizza-game{padding-left:10px;padding-right:10px}.pizza-game h2{font-size:29px}.pizza-eyebrow{font-size:8px}.pizza-game .pizza-close{padding:9px 11px;font-size:12px}.pizza-stage-label{font-size:18px}.pizza-timer-panel{gap:3px}.pizza-game [data-pizza-control="pause"]{padding:8px}.pizza-timer{font-size:23px;min-width:40px}.pizza-ingredients{padding:13px 9px}.pizza-base-tray,.pizza-topping-tray{gap:5px}.pizza-game :is([data-pizza-base],[data-pizza-ingredient]){font-size:10px}.pizza-ingredient-photo{width:50px;height:48px}}
@media(max-height:560px) and (min-width:701px){.pizza-game{padding-top:14px;padding-bottom:14px}.pizza-game[data-phase="memorize"] .pizza-shell{max-width:850px}.pizza-game[data-phase="memorize"] .pizza-workspace{grid-template-columns:1fr 1fr;max-width:none;gap:22px;align-items:center}.pizza-board{max-width:320px}.pizza-intro{margin:10px 0}.pizza-footer{margin-top:10px}}
@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%;transform:none;border:2px solid ButtonText;background:ButtonFace;color:ButtonText}.kitchen-pizza-board>svg{display:none}.kitchen-pizza-board::after{content:"Pizza memory game";font:700 13px system-ui}.pizza-game,.pizza-stage,.pizza-ingredients,.pizza-result,.pizza-board,.pizza-answer-art,.pizza-towel{background:Canvas;color:CanvasText}.pizza-stage,.pizza-ingredients,.pizza-result{border:2px solid CanvasText;box-shadow:none}.pizza-game :is(h2,h3,p,label,small,span,summary){color:CanvasText;text-shadow:none}.pizza-game button,.pizza-game [data-pizza-control="check"],.pizza-game [data-pizza-control="pause"],.pizza-game [data-pizza-control="reset"]{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 button[aria-pressed="true"]{background:Highlight;color:HighlightText}.pizza-game [data-pizza-zone]>span{background:Canvas;color:CanvasText;border-color:CanvasText}.pizza-ingredient-photo,.pizza-art{forced-color-adjust:none}.pizza-meter{color:Highlight}.pizza-meter::-webkit-progress-value{background:Highlight}.pizza-meter::-moz-progress-bar{background:Highlight}}