.pizza-peek-button[hidden],.pizza-peek-dialog [hidden]{display:none!important}
.pizza-peek-button{display:flex;align-items:center;gap:9px;max-width:100%;min-height:54px;width:fit-content;padding:3px 13px 3px 5px;margin-top:17px;border:1px solid #a9000840;border-radius:8px;background:#fff9ed;color:var(--red);font:700 12px/1.35 Arial,Helvetica,sans-serif;text-align:left;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}
.peek-chef{display:block;position:relative;flex:none}
.peek-bro{position:absolute;inset:auto 0 0;width:100%;height:72%;object-fit:contain;transform-origin:50% 100%}
.peek-dough-art{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.pizza-peek-button .peek-chef{width:62px;height:62px}
.pizza-peek-button .peek-bro{height:100%}
.pizza-peek-button .peek-dough-art{display:none}
.pizza-peek-button:hover{background:#fff;border-color:var(--red);box-shadow:2px 2px 0 #a9000825}
.pizza-peek-button:focus-visible,.pizza-peek-dialog button:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
.peek-arrow{display:inline-block;flex:none;vertical-align:middle;margin-left:3px;width:16px;height:16px}
.pizza-card .pizza-peek-button{margin:0 0 18px}
.pizza-peek-dialog{padding:16px;border:0;background:transparent;color:var(--ink);width:min(100%,672px);max-width:100vw;max-height:100vh;max-height:100dvh;overflow-y:auto;overscroll-behavior:contain;margin:auto}
.pizza-peek-dialog::backdrop{background:rgba(23,19,19,.78);backdrop-filter:blur(4px)}
.peek-shell{position:relative;background:var(--paper);border:2px solid var(--red);border-radius:14px;box-shadow:6px 6px 0 var(--red);overflow:hidden}
.peek-close{position:absolute;right:10px;top:10px;display:grid;place-items:center;width:44px;height:44px;border:1px solid #a9000833;background:var(--paper);color:var(--red);border-radius:50%;z-index:2;font:30px/1 Arial;cursor:pointer}
.peek-close:hover{background:var(--cream)}
.peek-heading{padding:27px 62px 23px 27px}
.peek-heading>p{color:var(--red);font:800 9px/1.5 Arial;letter-spacing:1.8px;margin:0 0 9px}
.peek-heading h2{color:var(--red);font:700 clamp(26px,5vw,38px)/1.1 var(--heading);letter-spacing:-1px;margin:0 0 10px}
.peek-details{font:700 11px/1.5 Arial;color:var(--muted)}
.peek-stage{position:relative;aspect-ratio:3/2;overflow:hidden;background:var(--cream);border-top:1px solid #a9000826;border-bottom:1px solid #a9000826;display:grid;place-items:center}
.peek-toss{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:4px 12px 16px}
.peek-toss .peek-chef{height:calc(100% - 25px);width:auto;aspect-ratio:190/230;max-width:70%;overflow:visible}
.peek-toss>span{font:italic 700 16px/1.3 var(--serif);color:var(--red);margin-top:0;text-align:center}
.peek-photo{display:block;width:100%;height:100%;object-fit:contain;position:absolute;inset:0}
.peek-special,.peek-error{text-align:center;padding:20px;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column}
.peek-surprise{font:italic 700 62px/1 var(--serif);color:var(--red);margin-bottom:5px}
.peek-special h3{font:700 25px/1.2 var(--heading);letter-spacing:-.8px;color:var(--red);margin:0 0 12px}
.peek-special p,.peek-error p{font:13px/1.65 Arial;margin:0}
.peek-special p+p{font-size:10px;color:var(--muted);margin-top:12px}
.peek-retry{margin-top:12px;padding:10px 18px;min-height:44px;border:1px solid var(--red);background:var(--red);color:var(--cream);font-weight:700;border-radius:4px;cursor:pointer}
.peek-footer{padding:20px 26px 24px;text-align:center}
.peek-status{font:11px/1.6 Arial;color:var(--muted);margin:0 0 17px}
.peek-done{display:flex;justify-content:center;align-items:center;gap:16px;width:100%;min-height:48px;padding:12px 20px;border:1px solid var(--red);border-radius:5px;background:var(--red);color:var(--paper);font:800 11px/1.4 Arial;letter-spacing:.9px;text-transform:uppercase;cursor:pointer;box-shadow:3px 3px 0 var(--ink)}
.peek-done:hover{background:#850007}
.peek-dough{transform-origin:95px 55px}
.is-tossing .peek-toss .peek-dough{animation:peek-dough-toss .9s ease-in-out both}
.is-tossing .peek-toss .peek-bro{animation:peek-bro-toss .9s ease-in-out both}
.is-revealed .peek-photo,.is-revealed .peek-special{animation:peek-photo-in .22s ease-out both}
@keyframes peek-dough-toss{0%{transform:translateY(0) rotate(0) scaleX(1)}18%{transform:translateY(8px) rotate(-8deg)}50%{transform:translateY(-40px) rotate(170deg) scaleX(.85)}72%{transform:translateY(-28px) rotate(290deg)}100%{transform:translateY(0) rotate(360deg) scaleX(1)}}
@keyframes peek-bro-toss{0%,100%{transform:translateY(0) scaleY(1)}18%{transform:translateY(4px) scaleY(.97)}40%,65%{transform:translateY(-5px) scaleY(1.02)}}
@keyframes peek-photo-in{from{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}
@media(max-width:420px){.pizza-peek-button{font-size:11px;padding-right:9px;gap:5px}.pizza-peek-button .peek-chef{width:56px;height:56px}.pizza-peek-dialog{padding:10px}.peek-heading{padding:23px 58px 20px 21px}.peek-details{font-size:10px}.peek-footer{padding:16px 21px 21px}.peek-toss>span{font-size:13px}.peek-special{padding:14px}.peek-surprise{font-size:40px}.peek-special h3{font-size:22px;margin-bottom:8px}.peek-special p{font-size:12px}.peek-special p+p{margin-top:8px}}
@media(prefers-reduced-motion:reduce){.pizza-peek-button,.pizza-peek-dialog *{animation:none!important;transition:none!important}}
/* POW gets its own three-second, two-Bro reveal. Standard peeks stay quick. */
.peek-performers{display:flex;align-items:flex-end;justify-content:center;height:calc(100% - 25px);width:100%;min-height:0}
.peek-toss .peek-performers>.peek-chef{height:100%}
.is-pow .peek-stage{min-height:275px;background:radial-gradient(ellipse at 50% 75%,#fff9ed 0%,#fbe6ba 100%)}
.is-pow .peek-performers{gap:1%;padding-top:20px}
.is-pow .peek-toss .peek-chef{width:49%;max-width:49%;aspect-ratio:auto}
.is-pow .peek-toss .peek-bro{height:75%}
.peek-drummer{position:relative;display:block;width:47%;height:79%;transform-origin:50% 100%}
.peek-drummer-art{position:absolute;bottom:0;left:0;width:100%;aspect-ratio:1;overflow:hidden;display:block}.peek-drummer-art img{display:block;width:200%;max-width:none;height:100%;object-fit:fill}
.peek-drum-hit{position:absolute;width:36%;height:12%;bottom:4%;left:32%;border-radius:50%;border:3px solid #d9a339;opacity:0;pointer-events:none}
.peek-countdown{position:absolute;top:12px;left:50%;transform:translateX(-50%);display:grid;place-items:center;width:66px;height:66px;border-radius:50%;border:2px solid var(--red);background:#fff9ed;color:var(--red);font:900 48px/1 var(--heading);box-shadow:3px 3px 0 var(--red);z-index:1}
.peek-boom{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;pointer-events:none;background:#fff1d5ed;color:var(--red);font:900 clamp(52px,11vw,85px)/1 var(--heading);text-shadow:3px 3px 0 #ffc861}
.peek-boom::before{content:'BOOM!';font:900 14px/1 Arial;letter-spacing:6px;color:var(--ink);text-shadow:none}
.is-booming .peek-boom{animation:pow-boom .85s ease-out both}
.peek-sound{display:block;margin:0 auto 14px;min-height:36px;padding:7px 13px;border:1px solid #a9000840;border-radius:20px;background:var(--cream);color:var(--red);font:700 11px/1.4 Arial;cursor:pointer}
.peek-sound::before{content:'♪';margin-right:6px;font-size:15px}.peek-sound[aria-pressed=false]::before{content:'×'}
.is-pow.is-tossing .peek-toss .peek-dough{animation:peek-dough-toss 1s ease-in-out infinite}
.is-pow.is-tossing .peek-toss .peek-bro{animation:peek-bro-toss 1s ease-in-out infinite}
.is-pow.is-tossing .peek-drummer-art img{animation:pow-drum-sticks .22s steps(1,end) infinite}
.is-pow.is-tossing .peek-drum-hit{animation:pow-drum-hit .22s ease-out infinite}
@keyframes pow-drum-sticks{0%{transform:translateX(0)}50%,100%{transform:translateX(-50%)}}
@keyframes pow-drum-hit{from{opacity:.65;transform:scale(.7)}to{opacity:0;transform:scale(1.4)}}
@keyframes pow-boom{0%{opacity:0;transform:scale(.7)}18%,65%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.08)}}
@media(max-width:420px){.is-pow .peek-stage{min-height:270px}.is-pow .peek-heading h2{font-size:25px}.peek-countdown{width:54px;height:54px;font-size:39px}.is-pow .peek-performers{padding-top:30px}.is-pow .peek-footer{padding-top:12px}.peek-sound{margin-bottom:10px}}

.peek-playback{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 0 14px}.peek-playback .peek-sound{margin:0}.peek-replay{min-height:36px;border:1px solid #a9000840;border-radius:20px;background:var(--cream);color:var(--red);padding:7px 13px;font:700 11px/1.4 Arial;cursor:pointer}.peek-audio-message{font:12px/1.5 Arial;color:var(--red);margin:0 0 12px}.peek-playback:has(.peek-sound[hidden]){display:none}