:root{--paper:#fff6e7;--ink:#3f4938;--muted:#8b927d;--green:#5b8b55;--green-dark:#416d43;--mint:#e2efd9;--orange:#ef8d50;--line:#e7ddc8;--white:#fffdf7;--berry:#dd7582;--shadow:0 12px 35px #564b3214}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Trebuchet MS',Arial,sans-serif;min-height:100vh}button{font:inherit;color:inherit;border:0;cursor:pointer}button:focus-visible{outline:3px solid #eea64f;outline-offset:3px}.app-shell{max-width:1120px;min-height:100svh;margin:auto;padding:0 42px;display:flex;flex-direction:column}.topline{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8ddc9;z-index:3}.brand{display:flex;gap:10px;align-items:center;color:var(--ink);text-decoration:none;font:700 19px 'Trebuchet MS',sans-serif;letter-spacing:-.8px}.brand-mark{display:grid;place-items:center;background:#e98452;color:#fff;border-radius:50% 50% 46% 46%;width:31px;height:31px;font-size:17px;box-shadow:inset 0 -3px #c96740}.brand-light{font-weight:400;color:#89917e}.top-meta{display:flex;gap:18px;align-items:center}.warehouse-mini{font:600 12px 'Trebuchet MS',sans-serif;color:#829076}.warehouse-mini b{color:var(--green)}.icon-button{background:#f0eadb;width:38px;height:38px;border-radius:50%;font-size:19px;transition:.2s}.icon-button:hover{background:#e6efd9;transform:scale(1.04)}.screen{position:relative;flex:1;min-height:0}.hidden{display:none!important}.home-screen{min-height:580px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;padding:44px 0 62px}.home-copy{padding-left:5%;z-index:1}.eyebrow{font:700 10px 'Trebuchet MS',sans-serif;letter-spacing:1.6px;color:#8b947e}.home-copy h1{font:700 clamp(59px,7.8vw,91px)/.96 'Trebuchet MS',sans-serif;letter-spacing:-5px;margin:20px 0;color:#454b38}.home-copy h1 em{color:#62905a;font-style:normal}.home-copy p{color:#858b79;font-size:15px;margin:0 0 30px}.primary-button,.secondary-button{border-radius:18px 18px 18px 7px;padding:15px 22px;background:var(--green);color:white;font-weight:700;min-width:168px;display:inline-flex;justify-content:space-between;align-items:center;gap:24px;box-shadow:0 5px 0 var(--green-dark);transition:transform .18s,box-shadow .18s}.primary-button:hover{transform:translateY(-2px);box-shadow:0 7px 0 var(--green-dark)}.primary-button span{font-size:20px}.pulse{animation:pulse 2.2s infinite}@keyframes pulse{50%{box-shadow:0 5px 0 var(--green-dark),0 0 0 9px #6f9c5a1c}}.text-button{background:none;color:#76816e;font-weight:600;padding:12px 15px}.text-button:hover{color:var(--green)}.home-copy>.text-button{display:block;margin:8px 0 0 7px}.hero-market{height:400px;position:relative;overflow:hidden;border-radius:30px;background:#f5e8cb;background-image:radial-gradient(#ffffff94 1.5px,transparent 1.5px);background-size:20px 20px}.sun-disc{position:absolute;width:240px;height:240px;border-radius:50%;background:#f5d782;right:68px;top:38px}.market-shelf{position:absolute;height:17px;background:#b9875e;border-radius:6px;transform:skewY(-8deg);right:27px;width:300px;box-shadow:0 5px #9d6e4d}.market-shelf:before,.market-shelf:after{content:'';position:absolute;top:0;width:9px;height:65px;background:#a87855;border-radius:4px}.market-shelf:before{left:15px}.market-shelf:after{right:15px}.shelf-back{top:147px}.shelf-front{top:230px;width:365px;right:18px}.hero-produce{position:absolute;width:67px;height:63px;display:grid;place-items:center;color:#fff;font-size:37px;z-index:1;filter:drop-shadow(0 7px 5px #55482930);animation:bob 3s ease-in-out infinite}.produce-one{top:78px;right:240px;transform:rotate(-7deg)}.produce-two{top:82px;right:155px;animation-delay:.4s}.produce-three{top:164px;right:280px;animation-delay:.9s}.produce-four{top:160px;right:195px;animation-delay:.2s}@keyframes bob{50%{translate:0 -5px}}.hero-conveyor{position:absolute;left:-10px;right:-10px;bottom:58px;height:48px;background:#648b57;border:5px solid #4d7246;border-radius:20px;display:flex;justify-content:space-around;align-items:center;transform:rotate(-4deg);box-shadow:0 8px 0 #446440}.hero-conveyor i{display:block;width:8px;height:24px;background:#a5c778;border-radius:8px}.market-label{position:absolute;bottom:16px;left:22px;font:700 9px 'Trebuchet MS';letter-spacing:1.1px;color:#81765e}.market-label span{color:#628d53;margin-left:10px}.home-screen[data-stage="1"] .sun-disc{background:#f4c77b}.home-screen[data-stage="2"] .sun-disc{background:#dce69b}.home-screen[data-stage="3"] .sun-disc{background:#f0b9a0}.home-screen[data-stage="4"] .sun-disc{background:#e6c5e6}.home-screen[data-stage="5"] .sun-disc{background:#f4df79}.home-screen[data-stage="2"] .hero-produce{filter:drop-shadow(0 7px 5px #55482930) drop-shadow(0 0 5px #fff8)}.home-screen[data-stage="3"] .market-shelf,.home-screen[data-stage="4"] .market-shelf,.home-screen[data-stage="5"] .market-shelf{background:#a77c51}.home-screen[data-stage="4"] .hero-conveyor,.home-screen[data-stage="5"] .hero-conveyor{background:#76a268}.home-screen[data-stage="5"] .market-label:after{content:' · GRANDE RÉCOLTE';color:#d17b3e;margin-left:8px}.home-bottom{position:absolute;left:5%;right:2%;bottom:12px;border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;align-items:center;color:#88907e;font-size:12px}.home-bottom b{color:var(--green);font:700 19px 'Trebuchet MS';vertical-align:-2px;margin-right:5px}.section-heading{display:flex;align-items:center;gap:17px;padding:26px 0 22px}.section-heading h2{font:700 31px 'Trebuchet MS';letter-spacing:-1px;margin:2px 0}.back-button{width:38px;height:38px;background:#f0eadb;border-radius:50%;font-size:20px}.map-total{margin-left:auto;background:#f6e9bb;border-radius:20px;padding:9px 13px;color:#a2833c;font-size:13px}.map-total b{color:var(--ink)}.level-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:9px;padding:4px 0 20px}.level-tile{aspect-ratio:1.1;background:#f0eadb;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9da08b;position:relative;transition:.16s}.level-tile.open{background:#fffdf7;color:var(--ink);box-shadow:0 3px 0 #e6dcc9}.level-tile.open:hover{background:#e8f0dc;transform:translateY(-2px)}.level-tile.current{background:#61925b;color:white;box-shadow:0 3px 0 #416d43}.level-tile .level-best{font:700 7px 'Trebuchet MS';line-height:1;min-height:9px;color:#89917e;font-variant-numeric:tabular-nums}.level-tile.current .level-best{color:#e2efd9}.level-tile b{font:700 17px 'Trebuchet MS'}.level-tile small{color:#d5a943;font-size:9px;letter-spacing:1px;min-height:11px}.level-tile .lock{font-size:12px}.level-ledger{margin:2px 0 16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#68755e}.level-ledger summary{list-style:none;cursor:pointer;padding:13px 2px;font-size:12px;font-weight:700;display:flex;justify-content:space-between}.level-ledger summary::-webkit-details-marker{display:none}.level-ledger summary span{font-size:17px;color:var(--green)}.ledger-scroll{max-height:300px;overflow:auto}.level-ledger table{width:100%;border-collapse:collapse;font-size:11px;text-align:left}.level-ledger th,.level-ledger td{padding:8px 9px;border-top:1px solid #eee5d4}.level-ledger thead{position:sticky;top:0;background:var(--paper);font:700 9px 'Trebuchet MS';letter-spacing:.7px;text-transform:uppercase;color:#89907f}.level-ledger tbody th{font:700 11px 'Trebuchet MS';color:var(--green)}.map-footer{display:flex;justify-content:space-between;padding:12px 0;color:#8b927f;font-size:11px;border-top:1px solid var(--line)}.game-screen{display:flex;flex-direction:column;max-height:calc(100svh - 77px);padding-bottom:14px}.game-top{display:flex;align-items:center;gap:15px;padding:17px 0 12px}.pause-button{flex:0 0 38px}.level-label{display:flex;flex-direction:column;gap:2px;flex:1}.level-label strong{font:700 17px 'Trebuchet MS'}.score-box{display:flex;flex-direction:column;align-items:flex-end;margin-right:4px}.score-box span{font:700 8px 'Trebuchet MS';letter-spacing:1px;color:#8e927f}.score-box b{font:700 21px 'Trebuchet MS';font-variant-numeric:tabular-nums}.lives{font-size:15px;letter-spacing:1px;color:#e58183;white-space:nowrap}.lives .lost{opacity:.2}.objective-row{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700}.objective-row>div{display:flex;align-items:center;gap:8px}.objective-dot{width:9px;height:9px;border-radius:50%;background:#e79758}.objective-row #timerValue{font:700 15px 'Trebuchet MS';font-variant-numeric:tabular-nums}.progress-track{height:6px;background:#eee5d4;border-radius:8px;margin:9px 0 5px;overflow:hidden}.progress-track div{height:100%;width:0;background:#85ae67;border-radius:8px;transition:width .25s}.combo-line{height:32px;display:flex;align-items:center;gap:12px}.combo-badge{font:700 9px 'Trebuchet MS';letter-spacing:.8px;color:#8b927f;background:#f0eadb;padding:6px 9px;border-radius:20px;transition:.2s}.combo-badge b{color:var(--ink);font-size:12px}.combo-badge.hot{background:#f9df9d;color:#a96935;transform:scale(1.08)}.perfect-message{font:800 12px 'Trebuchet MS';color:#d38a35;letter-spacing:1px}.multiplier-label{margin-left:auto;color:#b47930;font:700 11px 'Trebuchet MS'}.sorting-floor{flex:1;min-height:300px;display:flex;flex-direction:column;gap:17px;justify-content:center}.conveyor-frame{padding:0 2px}.conveyor-label,.bins-label{display:flex;justify-content:space-between;font:700 9px 'Trebuchet MS';letter-spacing:1.2px;color:#89917e;margin:0 0 8px}.conveyor-label span:last-child,.bins-label span:last-child{color:#a69a7f}.conveyor{height:175px;position:relative;overflow:hidden}.conveyor-art{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none;user-select:none;z-index:2}.conveyor-tread{position:absolute;inset:23% 6.5% 19%;background-color:#b8d2a6;background-image:url('assets/conveyor-tread.png');background-size:112px 100%;background-repeat:repeat-x;background-position:0 0;z-index:1}.conveyor-tread:after{content:'';position:absolute;inset:0;background-image:repeating-linear-gradient(105deg,transparent 0 23px,#fff6d1d9 24px 31px,transparent 32px 58px);background-size:96px 100%;animation:treadMarks .55s linear infinite;opacity:.7}.package-rail{position:absolute;inset:23% 7.5% 19%;display:flex;align-items:center;gap:13px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding:0 15px;touch-action:pan-x;z-index:3}.package-rail::-webkit-scrollbar{display:none}.produce-card{--produce-hue:#ed9a61;flex:0 0 88px;height:96px;border:2px solid color-mix(in srgb,var(--produce-hue) 62%,white);border-radius:38% 38% 22% 22% / 34% 34% 23% 23%;background:radial-gradient(circle at 36% 20%,#fff9 0 7%,transparent 8%),linear-gradient(145deg,#fff9,transparent 48%),color-mix(in srgb,var(--produce-hue) 20%,#fffdf7);color:var(--ink);position:relative;box-shadow:inset 0 -6px #ffffff82,0 5px 0 color-mix(in srgb,var(--produce-hue) 46%,#b69b76),0 10px 16px #57452630;cursor:grab;touch-action:none;transition:transform .16s,filter .16s;animation:arrive .25s cubic-bezier(.2,1.7,.5,1)}.produce-card:before{content:'';position:absolute;left:50%;top:5px;width:5px;height:10px;border-radius:100% 0;background:#71935a;transform:rotate(35deg)}.produce-card:hover{transform:translateY(-7px) rotate(-2deg);filter:brightness(1.04)}.produce-card.selected{transform:translateY(-11px) scale(1.05);outline:3px solid #f2c44d;outline-offset:3px}.produce-card.sorted-pop{pointer-events:none;animation:sortedPop .24s cubic-bezier(.2,1.5,.5,1) forwards}.produce-spark{position:absolute;z-index:3;left:50%;top:48%;width:7px;height:7px;border-radius:50%;background:var(--produce-hue);box-shadow:0 0 8px color-mix(in srgb,var(--produce-hue) 65%,white);animation:sparkle .38s ease-out forwards}.produce-card.dragging{opacity:.45;transform:scale(.9)}.produce-sticker{position:absolute;inset:12px 0 auto;text-align:center;font-size:34px;line-height:1.1;filter:drop-shadow(0 2px 1px #543b2a2c)}.produce-name{position:absolute;left:2px;right:2px;bottom:24px;text-align:center;font:700 7px 'Trebuchet MS';letter-spacing:.4px;color:#616c50;text-transform:uppercase}.produce-meta{position:absolute;left:2px;right:2px;bottom:7px;font:700 7px 'Trebuchet MS';letter-spacing:.2px;text-align:center;color:#7e795f}.produce-card.gold{border-color:#ecc64b;background:linear-gradient(145deg,#fff9dc,#f2d773 55%,#efad57);box-shadow:inset 0 0 0 2px #fff9,0 5px 0 #bd903e,0 10px 16px #57452630}.produce-card.trap{border-color:#e2918b;background:linear-gradient(145deg,#fff1e9,#f7d2c1 55%,#f0b2a0)}.produce-card.produce-vegetable .produce-sticker{filter:drop-shadow(0 2px 1px #304c252b)}.belt-caption{text-align:center;font:600 8px 'Trebuchet MS';letter-spacing:.7px;color:#8d927c;padding-top:13px}.belt-caption span{color:var(--orange);padding:0 4px}.bins{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.bin{--bin:#7ca86c;min-height:92px;background:color-mix(in srgb,var(--bin) 15%,#fffdf7);border-radius:16px 16px 22px 22px;border:2px solid color-mix(in srgb,var(--bin) 54%,white);border-top:8px solid var(--bin);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:transform .14s,background .14s;box-shadow:0 4px 0 color-mix(in srgb,var(--bin) 37%,#e5d6bd);overflow:hidden}.bin:before,.bin:after{content:'';position:absolute;top:8px;bottom:7px;width:3px;background:color-mix(in srgb,var(--bin) 25%,transparent);border-radius:3px}.bin:before{left:10px}.bin:after{right:10px}.bin:hover,.bin.drop-ready{transform:translateY(-3px);background:color-mix(in srgb,var(--bin) 27%,white)}.bin.wrong{animation:shake .3s}.bin.correct{animation:binPop .33s}.bin-rule{font:700 10px 'Trebuchet MS';letter-spacing:.2px;text-align:center;padding:0 13px}.bin-icons{font-size:12px;margin-top:5px;letter-spacing:3px;color:color-mix(in srgb,var(--bin) 80%,#46554c)}.bin-count{position:absolute;right:8px;top:8px;font:700 9px 'Trebuchet MS';color:color-mix(in srgb,var(--bin) 75%,#46554c)}.powerup-row{height:48px;display:flex;justify-content:center;gap:9px;align-items:center}.power-button{width:42px;height:39px;border-radius:14px;background:#f0eadb;color:#a49c85;position:relative;font-size:18px;transition:.15s}.power-button.available{background:#fffdf7;color:var(--green);box-shadow:0 3px 0 #e2d7c2}.power-button.available:hover{transform:translateY(-2px)}.power-button .power-count{position:absolute;right:-4px;top:-5px;background:var(--green);color:white;border-radius:10px;min-width:16px;padding:2px 4px;font:700 9px 'Trebuchet MS'}.power-button small{position:absolute;left:-4px;right:-4px;bottom:-14px;font:700 6px 'Trebuchet MS';letter-spacing:.15px;color:#89917e}.toast{position:absolute;left:50%;bottom:66px;transform:translate(-50%,10px);background:#495d3f;color:white;border-radius:20px;padding:9px 16px;font:700 11px 'Trebuchet MS';opacity:0;pointer-events:none;transition:.2s;white-space:nowrap;z-index:4}.toast.show{opacity:1;transform:translate(-50%,0)}.screen.shake-screen{animation:shake .3s}.overlay{position:fixed;inset:0;z-index:6;background:#4e573dbd;display:grid;place-items:center;padding:24px}.dialog-card{width:min(370px,100%);background:var(--paper);border-radius:24px;padding:35px;text-align:center;box-shadow:var(--shadow)}.dialog-card h2{font:700 32px 'Trebuchet MS';letter-spacing:-1px;margin:13px 0 24px}.dialog-card p{color:#7e8977;margin:-12px 0 24px}.dialog-card .primary-button{justify-content:center;width:100%}.dialog-card .text-button{display:block;margin:8px auto 0}.result-screen{min-height:550px;display:grid;place-items:center;overflow:hidden}.result-content{position:relative;z-index:1;text-align:center;width:min(480px,100%);padding:32px 0}.result-back{position:absolute;left:0;top:24px;z-index:2}.result-seal{width:55px;height:55px;display:grid;place-items:center;border-radius:50%;background:#e2efd9;color:var(--green);font-size:27px;margin:14px auto 10px;box-shadow:0 0 0 8px #e2efd955}.result-content h2{font:700 34px 'Trebuchet MS';letter-spacing:-1.2px;margin:10px 0 2px}.result-stars{font-size:27px;color:#d7ad43;letter-spacing:7px;min-height:39px}.near-miss{min-height:18px;font-size:11px;line-height:1.4;color:#bd8051;margin:0 auto;max-width:440px}.stats-grid{margin:22px 0 13px;display:grid;grid-template-columns:repeat(4,1fr);background:#f2ebdb;border-radius:17px;padding:17px 8px}.stats-grid div{display:flex;flex-direction:column;gap:4px}.stats-grid b{font:700 17px 'Trebuchet MS'}.stats-grid span{font:700 7px 'Trebuchet MS';letter-spacing:.6px;color:#87907e}.result-score{font:700 9px 'Trebuchet MS';letter-spacing:1.5px;color:#84907d}.result-score b{font:700 22px 'Trebuchet MS';color:var(--ink);margin-left:6px}.record-message{min-height:14px;margin:3px 0 0;color:#b47930;font:700 9px 'Trebuchet MS';letter-spacing:.8px}.result-actions{display:flex;justify-content:center;gap:12px;margin-top:21px}.secondary-button{background:#eee7d6;color:var(--ink);box-shadow:0 4px 0 #d8ccb6;justify-content:center;min-width:120px}.secondary-button:hover{transform:translateY(-2px)}.result-actions .primary-button{min-width:180px}.result-confetti{position:absolute;inset:0;pointer-events:none}.confetti-bit{position:absolute;top:-20px;width:8px;height:13px;border-radius:4px;animation:fall 2.8s linear forwards}.result-screen.gameover .result-seal{background:#f3ded2;color:#bf765a}.result-screen.gameover h2{color:#b77358}@keyframes sortedPop{45%{transform:scale(1.23) rotate(-6deg);filter:brightness(1.18)}100%{transform:scale(.45) rotate(12deg);opacity:0}}@keyframes sparkle{to{transform:translate(var(--spark-x),var(--spark-y)) scale(.15);opacity:0}}@keyframes treadMarks{to{background-position-x:96px}}@keyframes arrive{from{opacity:0;transform:translateX(20px) scale(.8)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes shake{25%{transform:translateX(-5px)}65%{transform:translateX(4px)}100%{transform:translateX(0)}}@keyframes binPop{50%{transform:scale(1.06);filter:brightness(1.12)}}@keyframes fall{to{transform:translateY(110vh) rotate(620deg);opacity:.2}}@media(max-width:760px){.app-shell{padding:0 20px}.topline{height:63px}.home-screen{grid-template-columns:1fr;min-height:calc(100svh - 64px);padding:35px 0 80px;align-content:start}.home-copy{padding:0 5%}.home-copy h1{font-size:69px;margin:14px 0}.hero-market{height:275px;margin:25px 3% 0}.sun-disc{width:180px;height:180px;right:35px;top:20px}.market-shelf{right:13px}.shelf-front{width:300px}.produce-one{right:190px;top:53px}.produce-two{right:108px;top:57px}.produce-three{right:226px;top:136px}.produce-four{right:146px;top:133px}.hero-conveyor{bottom:45px}.home-bottom{bottom:5px;left:5%;right:5%}.level-grid{grid-template-columns:repeat(5,1fr);gap:8px}.level-tile{aspect-ratio:1.35}.game-screen{max-height:none;min-height:calc(100svh - 64px);padding-bottom:max(12px,env(safe-area-inset-bottom))}.game-top{gap:9px;padding:14px 0 10px}.level-label strong{font-size:15px}.lives{font-size:12px;letter-spacing:0}.sorting-floor{min-height:0;justify-content:center;gap:18px;padding:clamp(13px,4vh,38px) 0}.conveyor{height:147px}.produce-card{flex-basis:75px;height:86px}.package-rail{gap:11px}.produce-sticker{font-size:31px}.produce-name,.produce-meta{font-size:6px}.bins{gap:8px}.bin{min-height:83px}.bin-rule{font-size:9px;padding:0 9px}.bin:before{left:6px}.bin:after{right:6px}.powerup-row{margin-top:auto;padding-bottom:4px}.toast{bottom:61px}.result-content{padding:45px 0 25px}.result-back{top:15px}.result-actions{gap:8px}.result-actions .primary-button{min-width:150px;padding:14px}.stats-grid{margin:18px 0 11px}}@media(max-width:390px){.level-tile .level-best{font-size:6px}.app-shell{padding:0 14px}.lives{font-size:10px}.score-box b{font-size:18px}.bin{min-height:76px}.produce-card{flex-basis:68px;height:78px}.produce-sticker{font-size:27px}.home-copy h1{font-size:62px}.result-content h2{font-size:30px}}.market-illustration{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 54%;border-radius:inherit}.market-label{z-index:1;background:#fff6e7e8;padding:8px 12px;border-radius:18px 18px 18px 5px;box-shadow:0 3px 10px #59442718}.produce-sticker{inset:3px 5px auto;height:61px;display:grid;place-items:center}.produce-art{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 2px #543b2a20)}.bin{min-height:105px;padding:4px 3px 8px}.bin-art{width:44px;height:43px;object-fit:contain;filter:drop-shadow(0 2px 2px #6b4a2824);margin:0 auto 2px}.bin-icons:empty{display:none}@media(max-width:760px){.market-illustration{object-position:center 52%}.produce-sticker{height:53px}.bin{min-height:99px}.bin-art{width:40px;height:39px}}@media(max-width:390px){.produce-sticker{height:49px}.bin{min-height:93px}.bin-art{width:36px;height:35px}}.bins{align-items:end;gap:clamp(4px,2vw,22px)}.bin{--bin:#7ca86c;min-height:158px;padding:0 3px 2px;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible;justify-content:space-between;gap:0;filter:none}.bin:before,.bin:after{display:none}.bin:hover,.bin.drop-ready{transform:translateY(-5px) scale(1.035);background:transparent;filter:drop-shadow(0 8px 6px #80603b2b)}.bin-art{display:block;position:static;width:min(100%,132px);height:126px;object-fit:contain;filter:drop-shadow(0 5px 3px #80603b20);margin:0 auto -2px;pointer-events:none}.bin-rule{position:relative;z-index:1;max-width:100%;min-height:27px;display:grid;place-items:center;padding:5px 9px;border:1px solid color-mix(in srgb,var(--bin) 32%,white);border-radius:15px 15px 15px 5px;background:#fff9eb;color:#46513e;box-shadow:0 3px 7px #80603b16;font:700 9px 'Trebuchet MS';line-height:1.15;letter-spacing:0;text-align:center}.bin-icons{display:none}.bin-count{z-index:2;right:calc(50% - 55px);top:9px;width:23px;height:23px;display:grid;place-items:center;border:2px solid #fff9eb;border-radius:50%;background:var(--bin);color:#fff;font:700 10px 'Trebuchet MS';box-shadow:0 2px 5px #59442726}.bin.correct{animation:binPop .33s}.bin.wrong{animation:shake .3s}@media(max-width:760px){.bin{min-height:143px}.bin-art{height:110px;width:min(100%,112px)}.bin-rule{padding:5px 6px;font-size:8px;min-height:26px}.bin-count{right:calc(50% - 44px);top:7px;width:21px;height:21px}}@media(max-width:390px){.bin{min-height:132px}.bin-art{height:99px;width:min(100%,100px)}.bin-rule{font-size:7px;padding:4px 4px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* Distinct little market tokens for each power-up. */
.powerup-row{height:auto;min-height:68px;gap:9px;padding:7px 0 10px;align-items:center}
.power-button{--power-color:#79966b;flex:1 1 0;max-width:92px;min-width:0;height:57px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:1px solid color-mix(in srgb,var(--power-color) 24%,white);border-radius:17px 17px 17px 6px;background:color-mix(in srgb,var(--power-color) 10%,#fffdf7);color:var(--power-color);font-size:0;box-shadow:0 3px 0 color-mix(in srgb,var(--power-color) 23%,#e9dfcc);transition:transform .16s,box-shadow .16s,background .16s,filter .16s}
.power-button[data-power="slow"]{--power-color:#648a57}.power-button[data-power="magnet"]{--power-color:#668eaa}.power-button[data-power="double"]{--power-color:#c18b37}.power-button[data-power="bomb"]{--power-color:#c77758}.power-button[data-power="shield"]{--power-color:#aa7287}
.power-button .power-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:0;background:transparent}.power-illustration{display:block;width:38px;height:38px;object-fit:contain;filter:drop-shadow(0 2px 2px #59442722);transition:transform .16s}.power-button.available:hover .power-illustration{transform:scale(1.08) rotate(-3deg)}
.power-button small{position:static;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:800 7px 'Trebuchet MS';letter-spacing:.45px;color:var(--power-color)}
.power-button.available{background:#fffdf7;color:var(--power-color);box-shadow:0 3px 0 color-mix(in srgb,var(--power-color) 32%,#ded2bd),0 5px 12px #6853380c}
.power-button.available:hover{transform:translateY(-3px);box-shadow:0 6px 0 color-mix(in srgb,var(--power-color) 32%,#ded2bd),0 9px 15px #68533818}
.power-button:not(.available){filter:saturate(.5);opacity:.72}
.power-button .power-count{right:-4px;top:-5px;background:var(--power-color);min-width:18px;border:2px solid var(--paper);padding:2px 4px}
@media(max-width:760px){.powerup-row{min-height:65px;gap:6px;padding:7px 0 10px}.power-button{height:54px;border-radius:15px 15px 15px 5px}.power-button .power-icon{width:33px;height:33px}.power-illustration{width:35px;height:35px}.power-button small{font-size:6px;letter-spacing:.25px}}
@media(max-width:360px){.powerup-row{gap:4px}.power-button{height:51px}.power-button small{font-size:5px;letter-spacing:0}}
.reward-message{min-height:18px;margin:6px 0 0;color:#66864f;font:800 10px 'Trebuchet MS';letter-spacing:.7px}
.reward-message:not(:empty){display:inline-block;padding:6px 11px;border-radius:14px 14px 14px 5px;background:#e5efd9;box-shadow:0 2px 0 #cfddc1}
.challenge-row{min-height:29px;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:3px;padding:5px 10px;border-radius:12px 12px 12px 4px;background:#f3edda;color:#68735b;font:700 9px 'Trebuchet MS'}
.challenge-row>span{display:flex;align-items:center;gap:8px}.challenge-row>span b{font-size:8px;letter-spacing:.8px;color:#bc8550}.challenge-row strong{font-size:9px;color:#9b8460;white-space:nowrap}.challenge-row strong.complete{color:#59894e}
.challenge-result{min-height:14px;margin:5px 0 0;color:#b47930;font:800 9px 'Trebuchet MS';letter-spacing:.55px}.level-tile.challenge-won:after{content:'✦';position:absolute;right:7px;top:4px;color:#d2a43b;font-size:12px;text-shadow:0 1px #fff}.level-tile.current.challenge-won:after{color:#fff0a9}
@media(max-width:760px){.challenge-row{min-height:27px;font-size:8px;padding:4px 8px}.challenge-row>span{gap:6px}.challenge-result{font-size:8px}}
.daily-challenge-button{width:100%;min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;padding:10px 15px;text-align:left;border:1px solid #d6e3c8;border-radius:18px 18px 18px 6px;background:linear-gradient(100deg,#edf3e3,#fff9ea);box-shadow:0 4px 0 #dce5d1;transition:transform .16s,box-shadow .16s,background .16s}
.daily-challenge-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 0 #dce5d1}.daily-challenge-button>span{display:flex;flex-direction:column;gap:4px}.daily-challenge-button b{font:800 11px 'Trebuchet MS';letter-spacing:.5px;color:#53794d}.daily-challenge-button small{font:600 9px 'Trebuchet MS';color:#92927b}.daily-challenge-button strong{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#5b8b55;color:white;font-size:17px}.daily-challenge-button.complete{border-color:#eadfbf;background:#f5efdc;box-shadow:0 4px 0 #e6dcc5}.daily-challenge-button.complete strong{background:#d0a644}.daily-challenge-button:disabled{cursor:default;opacity:.9}
@media(max-width:760px){.daily-challenge-button{min-height:54px;margin-bottom:11px;padding:9px 12px}.daily-challenge-button b{font-size:10px}.daily-challenge-button small{font-size:8px}}
.badge-album{margin:0 0 14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#68755e}.badge-album summary{list-style:none;cursor:pointer;padding:13px 2px;display:flex;align-items:center;gap:9px;font-size:12px;font-weight:700}.badge-album summary::-webkit-details-marker{display:none}.badge-album summary b{margin-left:auto;color:#b78642;font:800 11px 'Trebuchet MS'}.album-toggle{font-size:17px;color:var(--green);transition:transform .2s}.badge-album[open] .album-toggle{transform:rotate(45deg)}
.badge-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:2px 0 14px}.badge-card{min-height:106px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:8px 3px;border:1px solid #e8dfcc;border-radius:16px 16px 16px 5px;background:#fffdf7;text-align:center}.badge-card b{max-width:100%;font:700 8px 'Trebuchet MS';line-height:1.15;color:#53634a}.badge-card small{font:700 7px 'Trebuchet MS';letter-spacing:.5px;color:#9b927d}.badge-card.locked{background:#f3efe5;opacity:.62}.badge-card.locked .badge-medallion{filter:grayscale(1);opacity:.42}.badge-card.earned{border-color:#e7d39c;background:linear-gradient(155deg,#fffdf6,#f8f0d8);box-shadow:0 3px 0 #e8dfcb}.badge-medallion{position:relative;z-index:0;width:43px;height:43px;display:grid;place-items:center;border:3px solid #f8e7ab;border-radius:50%;background:radial-gradient(circle at 34% 28%,#fffbdc 0 14%,#f6d77a 48%,#dfaa52 100%);box-shadow:0 2px 0 #c99545,0 0 0 3px #fff9e9;font-size:21px;line-height:1}.badge-medallion:before,.badge-medallion:after{content:'';position:absolute;top:29px;z-index:-1;width:13px;height:22px;background:#dd8d6d;clip-path:polygon(0 0,100% 0,75% 100%,50% 76%,25% 100%)}.badge-medallion:before{left:1px;transform:rotate(10deg)}.badge-medallion:after{right:1px;background:#78a576;transform:rotate(-10deg)}.badge-card.locked .badge-medallion:before,.badge-card.locked .badge-medallion:after{background:#b8b4a7}.level-tile .level-best{display:flex;align-items:center;justify-content:center;gap:2px}.level-medal{font-style:normal;font-size:9px;line-height:1}.badge-result{min-height:16px;margin:5px 0 0;color:#a8752e;font:800 10px 'Trebuchet MS';letter-spacing:.55px}.badge-result:not(:empty){display:inline-block;padding:6px 10px;border-radius:14px 14px 14px 5px;background:#f8edca;box-shadow:0 2px 0 #ebddb5}
@media(max-width:760px){.badge-grid{gap:5px}.badge-card{min-height:98px;border-radius:13px 13px 13px 5px}.badge-card b{font-size:7px}.badge-medallion{width:38px;height:38px;font-size:19px}.badge-medallion:before,.badge-medallion:after{top:26px;width:11px;height:18px}}
@media(min-width:761px) and (max-height:800px){.sorting-floor{gap:20px;min-height:0}.conveyor{height:158px}.bin{min-height:121px}.bin-art{height:91px;width:min(100%,112px)}.bin-rule{min-height:24px;padding:4px 6px}}
.badge-result.revealing{display:flex;align-items:center;justify-content:center;gap:10px;width:max-content;max-width:100%;min-height:58px;margin:8px auto 0;padding:7px 14px;border:1px solid #ead79e;border-radius:18px 18px 18px 6px;background:radial-gradient(circle at 22% 50%,#fff9df,#f8edca 68%);box-shadow:0 3px 0 #e6d9b5;color:#a8752e;font:800 9px 'Trebuchet MS';letter-spacing:.6px;animation:badgePanelReveal .45s ease-out both}
.badge-reveal-medallion{position:relative;width:43px;height:43px;flex:0 0 43px;display:grid;place-items:center;border:3px solid #fff5cf;border-radius:50%;background:radial-gradient(circle at 34% 27%,#fffbdc 0 13%,#f6d77a 49%,#dfa94e 100%);box-shadow:0 2px 0 #c99545,0 0 0 3px #fff9e9,0 0 18px #e6be5d88;font-size:22px;line-height:1;animation:medalPop .72s cubic-bezier(.2,1.7,.45,1) both}
@keyframes badgePanelReveal{from{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes medalPop{0%{opacity:0;transform:scale(.15) rotate(-24deg)}70%{opacity:1;transform:scale(1.2) rotate(5deg)}100%{transform:scale(1) rotate(0)}}
@media(max-width:760px){.badge-result.revealing{gap:8px;padding:6px 10px;font-size:8px}.badge-reveal-medallion{width:38px;height:38px;flex-basis:38px;font-size:20px}}
.daily-step-pips{display:flex!important;flex-direction:row;gap:4px;margin-top:1px}.daily-step-pips i{width:15px;height:4px;border-radius:5px;background:#d8d5c5;transition:background .2s,transform .2s}.daily-step-pips i.filled{background:#6f9a5d;transform:scaleY(1.5)}
.market-illustration{transform-origin:55% 55%;animation:marketDrift 24s ease-in-out infinite alternate;will-change:transform}
@keyframes marketDrift{0%{transform:scale(1.025) translate3d(-.25%,.15%,0)}100%{transform:scale(1.075) translate3d(.35%,-.3%,0)}}
@media(prefers-reduced-motion:reduce){.market-illustration{animation:none;transform:none;will-change:auto}}
.level-tile .level-combo{font:800 6px 'Trebuchet MS';line-height:1;color:#81966b;white-space:nowrap}.level-tile.current .level-combo{color:#e2efd9}.combo-record-message{min-height:13px;margin:2px 0 0;color:#84907d;font:700 8px 'Trebuchet MS';letter-spacing:.45px}
.active-effect{padding:3px 8px;border:1px solid transparent;border-radius:12px;background:#fffdf7;font:800 8px 'Trebuchet MS';letter-spacing:.45px;white-space:nowrap;box-shadow:0 2px 5px #57452612}.active-effect[data-effect="slow"]{color:#5879a0;border-color:#c9d9e7;background:#edf5fa}.active-effect[data-effect="double"]{color:#a87922;border-color:#ead596;background:#fff5d6}.active-effect[data-effect="shield"]{color:#588455;border-color:#c8ddbd;background:#edf5e7}.conveyor.effect-slow{filter:drop-shadow(0 0 8px #87afd266)}.conveyor.effect-double{filter:drop-shadow(0 0 8px #e9bd5c77)}.conveyor.effect-shield{filter:drop-shadow(0 0 8px #86b57c77)}
@media(max-width:760px){.active-effect{padding:2px 6px;font-size:7px;letter-spacing:.15px}}