:root{font-family:ui-rounded,Trebuchet MS,Arial,sans-serif;color:#283f38;background:#e7e9e1;font-synthesis:none;font-weight:400}*{box-sizing:border-box}body{margin:0}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible{outline:3px solid #2c7866;outline-offset:4px}button{border:0}button:active{transform:scale(.97)}.shell{max-width:460px;margin:auto;min-height:100svh;background:#f7f3ea;padding:28px 24px 20px;position:relative;overflow:hidden}.brand{font-size:10px;letter-spacing:2px;font-weight:800;display:flex;align-items:center;gap:8px}.brand-mark{font-size:23px;color:#628475;line-height:1}.home{display:flex;flex-direction:column;min-height:min(900px,100svh)}.home>.brand{justify-content:center}.home-copy{text-align:center;margin-top:49px}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:800;color:#7d8978}.home h1{font-family:Georgia,serif;font-weight:400;font-size:57px;letter-spacing:-2.7px;line-height:1.07;margin:18px 0}.home h1 em{color:#c27b57;font-weight:400}.home-copy p{font-size:14px;color:#7d8479;line-height:1.8}.illustration{position:relative;min-height:245px;flex:1;max-height:310px;margin:10px 0 14px}.big-basket{position:absolute;width:210px;height:126px;left:50%;bottom:21px;transform:translate(-50%) rotate(-4deg);border:7px solid #c88f59;border-top:13px solid #deb181;border-radius:14px 14px 38px 38px;background:repeating-linear-gradient(0deg,transparent 0 12px,#c18d5940 12px 15px),repeating-linear-gradient(90deg,#e7bc87 0 16px,#d5a56f 16px 20px);box-shadow:inset 0 4px 8px #93653730;z-index:2;text-align:center}.big-basket>span{display:inline-block;background:#fbecd8;margin-top:34px;font-size:10px;padding:8px 15px;letter-spacing:1px;border-radius:4px}.basket-heart{font-size:25px;color:#956b47}.floor-shadow{position:absolute;bottom:9px;left:15%;width:70%;height:24px;border-radius:50%;background:#dddccf}.toy{position:absolute;font-size:66px;z-index:3;filter:drop-shadow(0 6px 2px #3331)}.bear{left:70px;bottom:115px;transform:rotate(-16deg)}.ball{right:35px;bottom:99px;font-size:55px;transform:rotate(17deg)}.block{right:97px;bottom:150px;font-size:45px;transform:rotate(12deg)}.orbit{position:absolute;color:#c38a56;font-size:25px}.one{left:25px;top:35px}.two{right:30px;top:10px;color:#809b87}.home-bottom{text-align:center}.pill{font-size:10px;color:#818575;margin-bottom:22px;letter-spacing:.4px}.pill span{padding:0 8px}.primary{width:100%;background:#315b49;color:#fffaf0;border-radius:16px;padding:19px 24px;font-weight:700;font-size:17px;box-shadow:0 5px #234534;display:flex;justify-content:space-between;align-items:center}.primary span{font-size:23px;line-height:1}.footnote{font-size:10px;color:#92968a;margin:23px 0 3px}.game-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:29px}.icon-button{width:39px;height:39px;background:#eaece1;border-radius:12px;font-size:24px}.game-header .brand{font-size:8px;letter-spacing:1.2px;gap:4px}.game-header .brand-mark{font-size:19px}.level-count{font-size:11px;color:#7c897c}.level-heading h1{font-family:Georgia,serif;font-size:32px;font-weight:400;letter-spacing:-1px;margin:10px 0}.eyebrow span{padding:0 7px;color:#bd8e6f}.level-heading p{font-size:12px;color:#7d8479;line-height:1.5;margin:0 0 24px}.progress-row{display:flex;justify-content:space-between;font-size:10px;color:#778275;margin-bottom:9px}.progress-row strong{color:#476451}.progress-row strong span{font-weight:400;color:#8c9489}.progress{height:6px;background:#e5e6d9;border-radius:10px;overflow:hidden;margin-bottom:22px}.progress>div{height:100%;background:#88a57a;border-radius:10px;transition:width .25s}.tray{background:#edeade;border:1px solid #e5dfd0;border-radius:22px;padding:15px 12px 17px;box-shadow:inset 0 3px 6px #77663805}.tray-label{font-size:8px;letter-spacing:1.7px;color:#969782;display:flex;justify-content:space-between;margin:0 5px 13px}.tray-label span{color:#b7af8e}.items{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.item{min-width:0;height:69px;background:#fcfaf4;border:2px solid transparent;border-radius:13px;box-shadow:0 3px #dedacb;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.item>span{font-size:29px;line-height:1.2}.item small{font-size:8px;color:#7e8275;margin-top:4px;white-space:nowrap;letter-spacing:-.2px}.item.selected{border-color:#4f8068;background:#e2eddf;box-shadow:0 3px #a5b9a0;transform:translateY(-3px)}.item.sorted{background:#e5e6d8;box-shadow:none;color:#a5b397;font-size:22px;border:1px dashed #ccd0bd}.feedback{min-height:32px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:10px;line-height:1.5;color:#7e8775;margin:13px 0}.feedback.error{color:#a74d3d;font-weight:700}.containers{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.container{min-height:131px;text-align:left;border:1px solid #0000000b;border-radius:17px;background:var(--basket);padding:11px 13px 0;box-shadow:0 4px color-mix(in srgb,var(--basket),#7b6854 16%);overflow:hidden}.basket-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px;font-size:20px}.basket-count{font-size:10px;width:21px;height:21px;border-radius:50%;background:#ffffff60;display:grid;place-items:center}.container strong{display:block;font-size:13px}.container small{font-size:9px;opacity:.65;display:block;margin-top:3px}.basket-contents{border-top:1px dashed #364d3626;margin:10px -13px 0;padding:6px 10px;min-height:32px;letter-spacing:2px;font-size:15px;background:#fff2;line-height:20px}.basket-contents>span{font-size:15px;opacity:.25}.game-footer{display:flex;align-items:center;justify-content:space-between;margin-top:18px;color:#939887;font-size:9px}.text-button{padding:13px 8px;background:none;font-size:11px;font-weight:700;color:#69806c;min-height:44px}.shake{animation:shake .3s;outline:3px solid #bc6153}@keyframes shake{25%,75%{transform:translate(-5px)}50%{transform:translate(5px)}}.overlay{position:fixed;inset:0;background:#263c3480;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid;place-items:center;z-index:5;padding:22px}.complete{width:100%;max-width:350px;background:#faf6ec;border-radius:28px;padding:24px;text-align:center;box-shadow:0 25px 80px #10231a30}.confetti{color:#c19160;letter-spacing:30px;padding-left:25px}.confetti span{color:#839b71}.complete-icon{font-size:60px;margin:10px 0 20px}.complete h2{font-family:Georgia,serif;font-weight:400;font-size:29px;letter-spacing:-1px;margin:13px 0}.complete p{font-size:12px;line-height:1.8;color:#84907d}.result{background:#eeeee0;border-radius:13px;padding:15px;margin:22px 0}.result strong,.result span{display:block;font-size:12px}.result span{font-size:10px;margin-top:7px;color:#819075}.complete>.text-button{margin-top:10px}@media(min-width:600px){.shell{box-shadow:0 0 70px #233b2214}.home,.game{min-height:844px}}@media(max-height:740px){.shell{padding-top:18px}.home-copy{margin-top:25px}.home h1{font-size:48px}.illustration{min-height:210px}.game-header{margin-bottom:17px}.level-heading p,.progress{margin-bottom:16px}.item{height:62px}.container{min-height:119px}.feedback{margin:9px 0}.game-footer{margin-top:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.sound-button{background:#eaece1;border-radius:10px;padding:8px;min-height:44px;font-size:10px;white-space:nowrap}.basket-count{width:auto;min-width:21px;padding:0 5px}.item small{white-space:normal;text-align:center;line-height:1.1;padding:0 2px}.game-header{gap:7px}.game-header .brand{letter-spacing:.7px}@media(max-width:360px){.shell{padding-left:16px;padding-right:16px}.game-header .brand{font-size:7px}}a.text-button{display:inline-block;text-decoration:underline;text-underline-offset:4px}.about h1{font-family:Georgia,serif;font-size:40px;font-weight:400;line-height:1.15}.about p{line-height:1.8;color:#7d8479}.game{padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}.rewarded{margin-top:24px;padding:13px;border:1px dashed #b9b69e;border-radius:14px;text-align:center;color:#7d8479;font-size:10px}.rewarded>div{display:flex;gap:8px;margin-top:9px}.rewarded button{flex:1;min-height:44px;border-radius:10px;background:#e5e8db;font-size:12px;font-weight:700}.complete{max-height:calc(100svh - 44px);overflow-y:auto}
