.pipeline{position:relative;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:8px;padding-top:70px}.pipeline:before{content:"";position:absolute;left:4%;right:4%;top:96px;height:10px;border-radius:5px;background:repeating-linear-gradient(90deg,var(--line-strong) 0 10px,transparent 10px 20px)}.pipe-fill{position:absolute;left:4%;top:96px;height:10px;border-radius:5px;background:var(--green);width:0;transition:width .5s var(--ease-out)}.orb{position:absolute;top:76px;left:4%;width:50px;height:50px;margin-left:-25px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#FFFFFF,var(--yellow) 45%,var(--red));box-shadow:0 0 30px var(--yellow);transition:left .5s var(--ease-out);z-index:2}.station{position:relative;display:grid;justify-items:center;gap:10px;text-align:center}.station .dot{width:30px;height:30px;border-radius:50%;background:var(--surface);box-shadow:inset 0 0 0 3px var(--line-strong);z-index:1;display:grid;place-items:center;font-size:12px;font-weight:900;transition:background-color .3s,box-shadow .3s}.station.done .dot{background:var(--green);box-shadow:none;color:#111}.station span{font-size:13px;font-weight:700;line-height:1.3}.squad{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:clamp(20px,3vw,40px);align-items:start}.globe{position:relative;width:min(240px,60vw);aspect-ratio:1;border-radius:50%;margin:10px auto 18px;background:radial-gradient(circle at 30% 30%,#7fd3f7,#00aeef 60%,#0077a6);overflow:hidden;box-shadow:0 30px 60px -30px #0077a6cc;transition:filter .6s}.globe .land{position:absolute;border-radius:46% 54% 40% 60%;background:var(--green)}.globe .eye{position:absolute;top:40%;width:16px;height:16px;border-radius:50%;background:#111}.globe .mouth{position:absolute;left:36%;right:36%;top:60%;height:22px;border:5px solid #111111;border-color:transparent transparent #111111 transparent;border-radius:50%;transition:transform .5s var(--ease-spring)}.globe.sad .mouth{transform:rotate(180deg) translateY(-14px)}.smog{position:absolute;inset:0;background:radial-gradient(circle at 60% 70%,rgba(80,70,60,.75),transparent 60%);transition:opacity .6s}.health{height:14px;border-radius:8px;background:var(--line);overflow:hidden}.health i{display:block;height:100%;background:var(--green);width:30%;transition:width .5s var(--ease-out)}.sorter{display:grid;gap:16px}.item-stage{display:grid;place-items:center;min-height:170px;border-radius:24px;background:var(--bg-2);position:relative;overflow:hidden}.item{display:grid;justify-items:center;gap:10px;font-weight:900;font-size:20px;animation:drop .5s var(--ease-spring)}.item .ico{width:84px;height:84px;border-radius:22px;display:grid;place-items:center;font-size:42px;background:var(--surface);box-shadow:var(--shadow)}@keyframes drop{0%{transform:translateY(-60px);opacity:0}}.bins{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.bin{font:inherit;min-height:120px;border:0;border-radius:18px 18px 26px 26px;background:var(--bc);color:#111;cursor:pointer;display:grid;align-content:center;justify-items:center;gap:4px;padding:12px;font-weight:900;font-size:18px;position:relative;transition:transform .2s var(--ease-spring)}.bin small{font-weight:700;font-size:12px;opacity:.8}.bin:before{content:"";position:absolute;left:-6px;right:-6px;top:-10px;height:16px;border-radius:8px;background:var(--bc);filter:brightness(.82)}.bin:hover{transform:translateY(-4px)}.bin.yes{animation:yes .5s}.bin.no{animation:no .4s}@keyframes yes{50%{transform:scale(1.08)}}@keyframes no{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.sort-hud{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-weight:900}.offsites{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.cart{position:relative;padding:26px;border-radius:26px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line),var(--shadow);display:grid;gap:10px;align-content:start;overflow:hidden}.cart:before{content:"";position:absolute;left:26px;right:26px;top:0;height:8px;border-radius:0 0 8px 8px;background:var(--cc)}.cart .tag{justify-self:start;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;padding:5px 10px;border-radius:999px;background:color-mix(in srgb,var(--cc) 22%,transparent)}@media (max-width: 900px){.squad,.offsites{grid-template-columns:minmax(0,1fr)}.pipeline{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:22px;padding-top:0}.pipeline:before,.pipe-fill,.orb{display:none}}.formats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px;margin-top:32px}.formats .card-title{margin:6px 0}
