/* Snack alone shares the illustrated shell; Cookie and Juice retain their worlds. */
.snack-exemplar .scene-art.snack {position:relative;height:100%;min-height:0;border-radius:24px;isolation:isolate;overflow:hidden;background:#f5e5ce;animation:none;}
.snack-exemplar .snack-world {position:absolute;inset:0;background:#f5e5ce url('../assets/snack/counter-world.webp') center/cover;}
.snack-exemplar .snack-dispenser {position:absolute;height:82%;width:85%;left:50%;bottom:3%;transform:translateX(-50%);overflow:visible;filter:drop-shadow(0 5px 4px #76553914);}
.snack-exemplar .snack-offer-target,.snack-exemplar .snack-door-target {position:absolute;z-index:2;display:grid;place-items:end;border:3px dashed #fff8d7;border-radius:50%;padding:4px;background:#fff8d71a;box-shadow:0 0 0 4px #356f6480;cursor:pointer;color:#214e4c;}
.snack-exemplar .snack-offer-target {left:48%;top:45%;transform:translate(-50%,-50%);width:27%;height:32%;min-width:64px;min-height:64px;}
.snack-exemplar .snack-door-target {left:48%;top:80%;transform:translate(-50%,-50%);width:37%;height:18%;min-width:88px;min-height:64px;border-radius:18px;border-style:solid;background:#ffe5a454;box-shadow:0 0 0 5px #fff2bdc2;}
.snack-exemplar .snack-offer-target span,.snack-exemplar .snack-door-target span {display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fff8da;color:#245a55;font-size:21px;line-height:1;}
.snack-exemplar .snack-offer-target[hidden],.snack-exemplar .snack-door-target[hidden] {display:none;}
.snack-exemplar .snack-offer-target:focus-visible,.snack-exemplar .snack-door-target:focus-visible {outline:4px solid #174d4e;outline-offset:5px;}
.snack-exemplar .snack-selection,.snack-exemplar .snack-guide,.snack-exemplar .snack-stop {opacity:0;}
.snack-exemplar [data-snack-response='select'] .snack-selection,.snack-exemplar [data-snack-response='help'] .snack-guide,.snack-exemplar [data-snack-response='stop'] .snack-stop {opacity:1;}
.snack-exemplar .snack-card-art {width:100%;height:100%;}
.snack-exemplar .tone-pink {background:#f6ddcd;}
.snack-exemplar .scene-art.pulse,.snack-exemplar .scene-art.is-opened {animation:none;}
.snack-exemplar .action-row {grid-template-columns:2fr 1fr;}
.snack-exemplar .launch-button {grid-column:1;}
.snack-exemplar .next-button {grid-column:2;}
.snack-exemplar .again-button {grid-column:1;}
.snack-exemplar .remix-strip details {width:100%;}
.snack-exemplar .remix-strip summary {cursor:pointer;width:max-content;min-height:44px;padding:12px 2px;color:#526c71;font-weight:650;}
.snack-exemplar .remix-strip .phrase-button {display:inline-flex;margin:5px;min-height:64px;max-width:100%;font-size:1rem;padding:10px;}
.snack-exemplar .remix-strip .snack-card-art {width:50px;height:50px;}
@media(max-width:760px){
 .snack-exemplar .scene-art.snack {height:clamp(190px,calc(100svh - 430px - env(safe-area-inset-top) - env(safe-area-inset-bottom)),360px);border-radius:20px;}
 .snack-exemplar .snack-dispenser {height:83%;width:90%;}
}
@media(max-width:760px) and (max-height:700px){.snack-exemplar .scene-art.snack {height:clamp(190px,calc(100svh - 400px - env(safe-area-inset-top) - env(safe-area-inset-bottom)),360px);}}
@media(prefers-reduced-motion:reduce){.snack-exemplar .scene-art *,.snack-exemplar .phrase-button {animation:none!important;transition:none!important;}}
.snack-exemplar.quiet-mode .scene-art *,.snack-exemplar.quiet-mode .phrase-button {animation:none!important;transition:none!important;}

.snack-exemplar .game-shell {grid-template-areas:"header header" "scene prompt" "scene phrases" "scene action" "agency agency" "words words" "progress progress" "levels levels";grid-template-rows:auto 32px minmax(240px,min(420px,calc(100svh - 380px))) 64px auto auto auto auto;}
.snack-exemplar .remix-strip {grid-area:words;}
@media(max-width:760px){.snack-exemplar .game-shell {grid-template-areas:"header" "scene" "prompt" "phrases" "action" "agency" "words" "progress" "levels";grid-template-rows:auto auto auto 108px 62px auto auto auto auto;}}
@media(max-width:760px) and (max-height:700px){.snack-exemplar .game-shell {grid-template-rows:auto auto auto 96px 48px auto auto auto auto;}}