/* Frutas ou legumes, Separar o lixo e Comida que dá energia. */
.fx-stage{position:absolute;left:30%;right:30%;top:14%;height:36%;display:grid;place-items:center}
.fx-item{width:min(30cqw,32cqh);aspect-ratio:1;cursor:pointer;filter:drop-shadow(0 8px 8px #00000022)}.fx-item .art-img{width:100%;height:100%;object-fit:contain}
.fx-crates{position:absolute;left:4%;right:4%;bottom:3%;height:40%;display:flex;justify-content:center;gap:6%}
.ap .fx-crate{position:relative;flex:0 1 38%;max-width:300px;height:100%;padding:0;border:0;background:none;box-shadow:none}
.fx-front{position:absolute;left:0;right:0;bottom:0;height:58%;border-radius:14px;background:repeating-linear-gradient(90deg,#e2b077 0 16%,#c98f55 16% 18%);box-shadow:inset 0 0 0 6px #a8713f,0 8px 12px #5c3f2a30;display:grid;place-items:center;z-index:2}
.fx-fruit .fx-front{box-shadow:inset 0 0 0 6px #d65a50,0 8px 12px #5c3f2a30}.fx-veg .fx-front{box-shadow:inset 0 0 0 6px #e58a2e,0 8px 12px #5c3f2a30}
.fx-icon{display:grid;place-items:center;width:44%;aspect-ratio:1;border-radius:50%;background:#fffaf0;padding:6%}.fx-icon .art-img{width:100%;height:100%;object-fit:contain}
.fx-pile{position:absolute;left:6%;right:6%;bottom:40%;height:50%;display:flex;flex-wrap:wrap-reverse;justify-content:center;align-content:flex-start;z-index:1}
.fx-kept{width:30%;aspect-ratio:1;margin:-4% -2%;rotate:var(--r)}.fx-kept .art-img{width:100%;height:100%;object-fit:contain}
.fx-hint .fx-front{animation:fx-glow 1.2s ease-in-out infinite alternate}
@keyframes fx-glow{to{filter:brightness(1.12) drop-shadow(0 0 12px #fff6a8)}}
.fx-maya{bottom:auto;top:16%;left:4%}
.lx-lawn{position:absolute;inset:0 0 36% 0}
.lx-trash{position:absolute;width:clamp(60px,min(15cqw,16cqh),110px);aspect-ratio:1;translate:-50% -50%;rotate:var(--r);cursor:grab;touch-action:none;z-index:3;filter:drop-shadow(0 4px 4px #00000026)}
.lx-trash .art-img{width:100%;height:100%;object-fit:contain;pointer-events:none}
.lx-trash.sel{outline:4px solid #ffd36d;outline-offset:4px;border-radius:16px}
.lx-trash.dragging{z-index:50}
.lx-bins{position:absolute;left:2%;right:2%;bottom:2%;height:34%;display:flex;justify-content:center;align-items:flex-end;gap:2%}
.ap .lx-bin{position:relative;flex:0 1 19%;max-width:150px;height:100%;padding:0;border:0;background:none;box-shadow:none}
.lx-bin-art{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.lx-lid{transform-origin:10% 30%;transition:transform .25s}.lx-open .lx-lid{transform:rotate(-28deg)}
.lx-sign{position:absolute;left:50%;top:-22%;translate:-50% 0;width:46%;aspect-ratio:1;border-radius:50%;background:#fffaf0;box-shadow:0 0 0 4px var(--c);padding:6%;display:grid}.lx-sign .art-img{width:100%;height:100%;object-fit:contain}
.lx-bloom{position:absolute;width:clamp(40px,9cqmin,70px);aspect-ratio:1}.lx-bloom svg{width:100%;height:100%}
.sd-table{position:absolute;left:0;right:0;bottom:0;height:30%;background:linear-gradient(#f9d9a8 0 16%,#e8b97f 16%);box-shadow:inset 0 8px 0 #fff0d4}
.sd-maya{left:4%;bottom:14%;width:min(26cqw,46cqh);aspect-ratio:.62}
.sd-meter{position:absolute;left:calc(6% + min(26cqw,46cqh));bottom:30%;display:flex;flex-direction:column-reverse;gap:4px;padding:6px;border-radius:16px;background:#fffdf6;box-shadow:0 6px 14px #4b373924;width:clamp(30px,6cqw,46px)}
.sd-meter i{display:block;height:clamp(14px,4cqh,30px);border-radius:8px;background:#ece4d8}.sd-meter i.on{background:linear-gradient(90deg,#7ed36f,#3fb35f)}
.sd-plates{position:absolute;left:36%;right:3%;bottom:6%;height:42%;display:flex;justify-content:center;align-items:flex-end;gap:4%}
.ap .sd-plate{flex:0 1 30%;max-width:200px;aspect-ratio:1;padding:6%;border:0;border-radius:50%;background:radial-gradient(circle,#fff 0 60%,#e9e1d6 61% 68%,#fff 69%);box-shadow:0 8px 14px #4b373924}
.sd-dish{display:block;width:100%;height:100%}.sd-dish .art-img{width:100%;height:100%;object-fit:contain}
.ap .sd-plate.sd-later{opacity:.45}
@container (max-aspect-ratio:3/4){.fx-stage{left:20%;right:20%;top:12%}.fx-item{width:46cqw}.fx-crates{height:30%}.fx-maya{top:auto;bottom:34%;width:22cqw}.lx-lawn{bottom:30%}.lx-bins{height:22%}.sd-maya{width:42cqw;bottom:34%;left:10%}.sd-meter{left:auto;right:8%;bottom:44%}.sd-plates{left:3%;bottom:4%;height:26%}}
.sd-meter{width:clamp(40px,7cqw,62px)}.sd-meter i{height:clamp(22px,6cqh,44px)}
.ap .sd-plate{flex:none;width:clamp(110px,min(24cqw,36cqh),220px);max-width:none}
@container (max-aspect-ratio:3/4){.ap .fx-crate{flex:0 1 46%}.fx-crates{left:2%;right:2%;gap:4%}.ap .sd-plate{width:clamp(96px,36cqw,170px)}.lx-lawn{bottom:24%}.lx-bins{height:22%}.ap .lx-bin{flex:0 1 22%}}