@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:Manrope,system-ui,-apple-system,sans-serif;color:#163e31;background:#f0f3ec;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0}button:focus-visible,a:focus-visible{outline:3px solid #366cff;outline-offset:4px}button:disabled{cursor:default}button:hover:not(:disabled){filter:brightness(1.035)}[hidden]{display:none!important}.app{max-width:1260px;margin:auto;padding:28px 48px 20px}header{display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;color:#153f31;font-weight:800;font-size:28px;letter-spacing:-1.3px;display:flex;align-items:center}.brandmark{display:grid;place-items:center;margin-right:9px;font-size:32px;background:#153f31;color:#e6fa65;border-radius:12px;width:40px;height:40px}.brand-dot{color:#789a16}.header-actions{display:flex;gap:10px}.icon{width:42px;height:42px;border:1px solid #d6ded3;border-radius:50%;color:#153f31;background:transparent;font-weight:700;font-size:20px}.icon[aria-pressed=true]{background:#d9ed8e}.layout{display:grid;grid-template-columns:1fr 460px;gap:70px;align-items:center;padding:28px 0}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.8px}h1{font-size:clamp(36px,4vw,54px);line-height:1.15;letter-spacing:-2.4px;margin:24px 0}h1 span{color:#7b8f70}.intro>p{font-size:17px;line-height:1.9;color:#6a786b}.desktop-instruction{margin-top:44px}.desktop-instruction>span{display:inline-grid;place-items:center;width:43px;height:38px;border:1px solid #ced7c9;border-radius:9px;margin-right:7px;font-size:22px;background:#f8faf5}.desktop-instruction p{font-size:14px;color:#6a786b;line-height:1.8}.quiet-tag{margin-top:28px;font-size:13px;font-weight:600;color:#6a786b}.game{background:#fff;border:1px solid #e0e7db;border-radius:28px;padding:22px;box-shadow:0 18px 65px #234d3110;overflow:hidden}.game-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.game-top .eyebrow{font-size:10px;color:#7a8977}h2{font-size:18px;letter-spacing:-.5px;margin:5px 0 0}.score{display:flex;flex-direction:column;align-items:center;min-width:45px}.score strong{font-size:27px;line-height:1.1;letter-spacing:-1px}.score>span{font-size:11px;color:#6a786b}.park{background:#edf3e7;border-radius:16px;padding:12px 16px}.park-icons{font-size:35px;letter-spacing:8px;line-height:1.45;white-space:nowrap;text-align:center;transition:filter .5s}.park-bottom{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#5b7254;margin:5px 0 9px}.park-bottom strong{white-space:nowrap}.progress{height:5px;border-radius:10px;background:#d7e2cf;overflow:hidden}.progress>div{width:0;background:#668e32;height:100%;border-radius:10px;transition:width .5s}.arena{height:294px;position:relative;overflow:hidden;touch-action:pan-y;user-select:none}.field-label{display:flex;align-items:center;justify-content:space-between;padding-top:12px;font-size:10px;letter-spacing:1.6px;color:#869181;font-weight:700}.pause{background:transparent;color:#73866b;font-size:21px;width:36px;height:32px}.pause:disabled{opacity:.35}.center-line{position:absolute;width:1px;top:56px;bottom:12px;left:50%;background:repeating-linear-gradient(to bottom,#dce6d5 0,#dce6d5 4px,transparent 4px,transparent 12px)}.welcome,.pause-screen{position:absolute;inset:43px 0 0;display:flex;align-items:center;flex-direction:column;text-align:center;background:#fff}.welcome-symbol{color:#679648;font-size:30px;line-height:1}.welcome h3{font-size:23px;line-height:1.25;letter-spacing:-.7px;margin:9px 0}.welcome p{font-size:13px;color:#7a8674;line-height:1.6;margin:0 0 14px}.primary{background:#173f30;color:#edfae2;padding:13px 22px;border-radius:12px;font-weight:700;font-size:14px;min-width:215px;display:flex;align-items:center;justify-content:space-between;gap:20px}.welcome small{font-size:10px;color:#869181;margin-top:9px}.item{position:absolute;left:50%;top:45px;width:210px;text-align:center;transform:translateX(-50%);will-change:transform;touch-action:none;z-index:2;cursor:grab}.item>span:first-child{display:block;font-size:64px;line-height:1.1;filter:drop-shadow(0 9px 8px #163e3115);margin-bottom:10px}.item strong{display:table;margin:auto;background:#fff;padding:5px 11px;border-radius:20px;font-size:15px;box-shadow:0 2px 8px #183e3109}.item-hint{display:inline-block;font-size:11px;color:#809076;background:#fff;padding:4px 9px;border-radius:8px}.feedback{position:absolute;bottom:5px;left:0;right:0;text-align:center;font-size:12px;font-weight:700;min-height:20px;color:#427b28;z-index:3;pointer-events:none}.feedback.wrong{color:#97652a;background:#fff5dd;border-radius:9px;padding:6px}.bins{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bin{border-radius:13px 13px 20px 20px;text-align:left;padding:10px 15px 12px;position:relative;transition:transform .2s,box-shadow .2s;min-height:143px;border-top:6px solid #237955}.green{background:#23835e;color:#fff}.yellow{background:#f1d34f;color:#514a16;border-top-color:#d0ad30}.bin-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;font-size:17px;opacity:.8}.bin-symbol{font-size:29px;line-height:1}.bin strong{display:block;font-size:17px;letter-spacing:-.5px}.bin>span:not(.bin-head){display:block;font-size:10px;line-height:1.5;opacity:.8;margin-top:4px}.bin>span.bin-foot{font-size:8px;letter-spacing:.8px;margin-top:13px;opacity:.65}.bin.hit{transform:translateY(-8px) rotate(-2deg);box-shadow:0 7px 0 #173f3015}.bottom-hint{text-align:center;font-size:10px;color:#8b9584;margin-top:14px}footer{display:flex;justify-content:space-between;font-size:11px;color:#8b9584}footer span{font-size:10px;letter-spacing:1px}.pause-screen{justify-content:center;z-index:5}.pause-screen h3{font-size:24px;margin:0}.pause-screen p{color:#7a8674;font-size:15px;margin-bottom:26px}dialog{border:0;border-radius:23px;padding:30px;max-width:440px;width:calc(100% - 32px);color:#163e31;box-shadow:0 20px 90px #0003}dialog::backdrop{background:#173f3077;backdrop-filter:blur(5px)}dialog h2{font-size:26px;margin:14px 0}dialog p{font-size:14px;line-height:1.7;color:#6d7e65}dialog .close{position:absolute;right:16px;top:16px}.rule{padding:12px 15px;border-radius:12px;background:#f1f5ea;margin-top:10px}.rule b{font-size:15px}.rule p{margin:5px 0 0;font-size:13px}dialog p.fine{font-size:11px}dialog .primary{width:100%;margin-top:20px}@media(max-width:900px){.app{padding:20px 24px}.layout{gap:25px;grid-template-columns:1fr 420px}h1{font-size:36px}}@media(max-width:720px){body{background:#fff}.app{padding:12px 15px max(10px,env(safe-area-inset-bottom));max-width:470px}.brand{font-size:24px}.brandmark{width:32px;height:32px;font-size:26px;border-radius:9px}.icon{width:34px;height:34px;font-size:18px}.layout{display:block;padding:15px 0 0}.intro,footer{display:none}.game{border:0;border-radius:0;box-shadow:none;padding:0}.game-top{margin-bottom:10px}.park{padding:8px 14px}.park-icons{font-size:31px;line-height:1.25}.arena{height:clamp(245px,37dvh,340px)}.bins{gap:10px}.bin{min-height:133px}.bin>span:not(.bin-head){font-size:11px}.bin>span.bin-foot{font-size:8px}.bottom-hint{margin-top:10px;font-size:10px}.welcome{justify-content:center;padding-bottom:5px}.game-top h2{font-size:17px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.bin,.progress>div{transition:none}} 

.eyebrow,.game-top .eyebrow,.park-bottom,.score>span,.field-label,.welcome small,.item-hint,.bottom-hint,footer,footer span,dialog p.fine{font-size:12px}.bin>span:not(.bin-head){font-size:12px}.bin>span.bin-foot{font-size:10px}.welcome p{font-size:14px}.game-top .eyebrow{letter-spacing:1px}.field-label{letter-spacing:1px}