/* Show the entire illustration and give each food icon a useful scale. */
.playing .app{max-width:1280px;align-items:center}
.playing #play{max-height:860px;background:#fffdf6;padding:12px;gap:8px}
.playing #bakery{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) 80px 52px;gap:12px;align-items:center}
.playing .bakery-scene{grid-column:1;grid-row:1;align-self:center;width:100%;height:auto;aspect-ratio:3/2;max-height:100%;border:0;background:#eddbc2;border-radius:20px;box-shadow:0 4px 0 #c9b99c;overflow:hidden}
.playing .bakery-art{object-fit:contain;object-position:center;width:100%;height:100%}
.playing .bakery-scene .order{top:14%;left:36%;width:32%;font-size:clamp(15px,2vw,23px);padding:9px 6px;border:2px solid #fff;border-radius:15px;box-shadow:0 3px 0 #c6ad81;line-height:1.2}
.playing .order-label{font-size:10px}.playing .bakery-scene .bear{left:19%;top:44%;width:15%;height:23%}
.playing .shelf{grid-column:2;grid-row:1;align-self:center;height:auto;max-height:100%;aspect-ratio:1.5;min-height:0;padding:8px;gap:9px;background:#39766e;border:0;border-radius:20px;box-shadow:0 4px 0 #20534d}
.playing .cake{position:relative;overflow:hidden;min-height:44px;padding:5px;gap:4px;font-size:clamp(12px,1.3vw,17px);font-weight:800;border-radius:15px;background:linear-gradient(#fffdf4,#ffedc8);box-shadow:0 3px 0 #b18e52;justify-content:center}
.playing .cake>.pastry{width:min(100%,clamp(55px,10vw,138px));height:auto;aspect-ratio:1;max-height:calc(100% - 24px);flex:0 1 auto}
.playing .tray{grid-column:1/-1;grid-row:2;width:100%;height:80px;padding:8px 14px;font-size:16px;gap:16px;border:2px solid #dfc497;background:#fff4dd;border-radius:17px;box-shadow:inset 0 3px 9px #bb945315}
.playing .tray-icons{display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:12px;min-height:0;padding:0;height:100%;overflow:hidden}
.playing .tray-item{display:flex;align-items:center;justify-content:center;gap:3px;width:auto;aspect-ratio:auto;flex:none;background:#fffdf4;border-radius:12px;padding:3px 6px;border:1px solid #e5cfaa}
.playing .tray-item .pastry{width:48px;height:48px;aspect-ratio:1}.tray-qty{font-size:18px;color:#684528}.playing .empty-tray{font-size:14px;line-height:1.3;color:#8c785b}
.playing .bakery-controls{grid-column:1/-1;grid-row:3;justify-content:center;width:100%;gap:12px}
.playing .bakery-controls .btn{flex:0 1 190px;min-height:50px;font-size:16px;box-shadow:0 3px 0 #b9cdcd}.playing .bakery-controls #serve{flex:0 1 290px;min-height:50px;font-size:19px}
.playing .feedback{min-height:27px}.playing .play-controls .btn{font-size:14px;min-height:44px}
@media(max-width:700px) and (orientation:portrait){
 .playing #play{padding:6px;gap:5px;border-radius:16px}.playing #bakery{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) clamp(136px,28dvh,212px) 62px 46px;gap:7px}.playing .bakery-scene{grid-column:1;grid-row:1;align-self:stretch;height:100%;aspect-ratio:auto;box-shadow:none;background:#e9d7bc}.playing .bakery-art{object-fit:contain}.playing .bakery-scene .order{left:36%;width:32%;top:16%;font-size:13px;padding:5px 3px}.playing .order-label{font-size:8px}.playing .shelf{grid-column:1;grid-row:2;width:100%;height:100%;aspect-ratio:auto;padding:6px;gap:6px;border-radius:15px}.playing .cake{gap:1px;font-size:12px;padding:2px;border-radius:12px}.playing .cake>.pastry{width:clamp(40px,9dvh,72px);height:auto;max-height:calc(100% - 15px)}.playing .tray{grid-column:1;grid-row:3;height:62px;padding:5px;font-size:12px;gap:5px}.playing .tray-icons{gap:3px;flex:1}.playing .tray-item{flex:1;min-width:0;gap:0;padding:1px;flex-direction:column;border-radius:7px}.playing .tray-item .pastry{width:clamp(22px,7vw,32px);height:clamp(22px,7vw,32px)}.tray-qty{font-size:12px;line-height:14px}.playing .empty-tray{font-size:12px}.playing .bakery-controls{grid-column:1;grid-row:4;gap:6px}.playing .bakery-controls .btn,.playing .bakery-controls #serve{min-height:44px;font-size:12px;flex:1}.playing .bakery-controls #serve{font-size:14px;flex:1.3}
}
@media(orientation:portrait) and (max-height:620px){.playing #bakery{grid-template-rows:minmax(0,1fr) 124px 54px 44px;gap:5px}.playing .tray{height:54px}.playing .toolbar,.playing .toolbar .btn{min-height:40px}.playing .play-controls,.playing .play-controls .btn{min-height:38px}.playing .play-controls .btn{padding:5px}.playing #play{gap:4px}.playing .cake{font-size:11px}.playing .cake>.pastry{width:40px}.playing .feedback{min-height:24px;font-size:12px}}
@media(orientation:landscape) and (max-height:520px){.playing #play{padding:5px;gap:3px}.playing #bakery{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) 44px;gap:6px}.playing .bakery-scene{grid-column:1;grid-row:1/3;height:100%;aspect-ratio:auto;box-shadow:none}.playing .bakery-art{object-fit:contain}.playing .bakery-scene .order{font-size:12px;top:15%;padding:4px}.playing .order-label{font-size:8px}.playing .shelf{grid-column:2;grid-row:1;height:100%;aspect-ratio:auto;padding:4px;gap:4px;box-shadow:none}.playing .cake{font-size:10px;padding:1px;gap:0}.playing .cake>.pastry{width:clamp(30px,10dvh,52px);max-height:calc(100% - 12px)}.playing .tray{grid-column:2;grid-row:2;height:44px;font-size:11px;padding:3px;gap:4px}.playing .tray-icons{gap:3px}.playing .tray-item{gap:0;padding:1px;flex:1;min-width:0}.playing .tray-item .pastry{width:24px;height:24px}.tray-qty{font-size:11px}.playing .empty-tray{font-size:10px}.playing .bakery-controls{grid-column:1/-1;grid-row:3;gap:6px}.playing #bakery{grid-template-rows:minmax(0,1fr) 44px 40px}.playing .bakery-controls .btn,.playing .bakery-controls #serve{min-height:38px;font-size:13px;flex:1}.playing .feedback{min-height:22px}.playing .play-controls,.playing .play-controls .btn{min-height:36px}
}