nav{flex-wrap:wrap;justify-content:flex-end}
nav button[aria-pressed="false"]{color:#67746c;background:#edf0ee}
.item-art{display:inline-block;width:56px;height:56px;flex-shrink:0;vertical-align:middle;background-color:#fff;background-image:url('recycling-items.png');background-size:500% 400%;background-position:var(--tile-x) var(--tile-y);background-repeat:no-repeat;border-radius:3px;pointer-events:none}
.object{width:72px;min-height:82px;padding:3px;background:#fff}
.object .item-art{width:58px;height:58px}
.object small{font-size:13px;line-height:1.4;white-space:nowrap}
.item-icon .item-art{width:178px;height:178px}
.bin .symbol{display:flex;justify-content:center;align-items:center;min-height:62px;gap:0}
.bin .symbol .item-art{width:56px;height:56px}
.bin .symbol .item-art:nth-last-child(2),.bin .symbol .item-art:nth-last-child(2)~.item-art{width:43px;height:43px}
.guide-art{display:flex;align-items:center;min-height:65px;margin-bottom:8px}
.guide-art .item-art{width:64px;height:64px}
#collected{display:flex;flex-wrap:wrap;gap:4px;min-width:0}
#collected .item-art{width:30px;height:30px}
@media(max-width:1050px){.object{width:60px;min-height:70px}.object .item-art{width:48px;height:48px}.item-icon .item-art{width:150px;height:150px}}
@media(max-width:760px){.object{width:54px;min-height:64px}.object .item-art{width:44px;height:44px}.object small{font-size:12px}.item-icon .item-art{width:160px;height:160px}.scene{min-height:390px}.bin .symbol .item-art{width:64px;height:64px}}
@media(max-width:760px){nav{display:grid;grid-template-columns:repeat(3,1fr)}nav button{min-height:43px}nav button:nth-last-child(-n+2){background:#e3f0e7}}