/* Header brand, hero actions, and the still bowl in the bowl builder. */
.brand>span{font-size:12px;line-height:1.35;letter-spacing:1.5px;white-space:nowrap}.welcome-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:23px}.welcome-actions .text-link{margin-top:0}
.kitchen-scene{position:relative;width:100%;aspect-ratio:4/3;max-height:100%;overflow:hidden;isolation:isolate;container-type:inline-size;pointer-events:none}.card-art>.kitchen-scene{height:100%;aspect-ratio:auto}.sprite{position:absolute;display:block;aspect-ratio:1/1;background-image:url('assets/kitchen-sprites.webp');background-size:300% 200%;background-repeat:no-repeat;transform-origin:center}.sprite-red{background-position:0 0}.sprite-gold{background-position:50% 0}.sprite-leaf{background-position:100% 0}.sprite-bowl{background-position:0 100%}
/* The bowl is a foreground layer; the fruit sits just inside its rim. */
.scene-bowl .sprite-bowl{width:89%;left:5.5%;top:15%;z-index:5}.scene-bowl .fruit-one{width:28%;left:23%;top:35%;z-index:3}.scene-bowl .fruit-two{width:24%;left:49%;top:32%;z-index:2}.scene-bowl .leaf{width:28%;left:40%;top:24%;z-index:4}
.card-art>img,.detail-art,.basket-empty img{animation:none!important}.card-art .card-badge{z-index:10}
@media(max-width:1100px){.app-header nav a:last-child{display:none}}
@media(max-width:650px){.app-header .brand>span{display:block;font-size:9px;padding:4px 0 4px 7px}.app-header .brand{gap:6px}.app-header .brand img:not(.mascot-mark){width:100px}.welcome-actions{gap:10px;max-width:none}.kitchen-scene{max-width:100%}}
/* Stable 4:3 stage keeps the fruit and the bowl's rim aligned at any card size. */
.scene-host{container-type:size;display:grid;place-items:center}.scene-host .kitchen-scene{width:min(100cqw,calc(100cqh * 4 / 3));height:auto;max-height:none;aspect-ratio:4/3;animation:none;transform:none}.sprite{filter:url('#sprite-cleanup')}