@font-face{font-family:Inter;src:url(./inter-latin-400-normal-C38fXH4l.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url(./inter-latin-600-normal-LgqL8muc.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Poppins;src:url(./poppins-latin-600-normal-zEkxB9Mr.woff2) format("woff2");font-weight:600;font-display:swap}:root{font-family:Inter,Segoe UI,sans-serif;color:#2f2f2f;background:#fefdfc;font-synthesis:none;--control:44px;--ink:#395569;--blue:#7ea8c9;--green:#7faf8c;--border:#d5e0e6}*{box-sizing:border-box}body{margin:0;display:flex;justify-content:center;align-items:center;min-height:100dvh}button,select,a{-webkit-tap-highlight-color:transparent}button,select{font:600 16px Inter,sans-serif;color:var(--ink);min-height:var(--control)}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:default}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #385d86;outline-offset:4px}button,select,a{border-radius:12px}button{border:1px solid var(--border);background:#fefdfc;padding:0 14px}button:hover:not(:disabled){border-color:#7ea8c9}[hidden]{display:none!important}#app{width:min(1600px,100%);height:100dvh;max-height:1120px;min-height:560px;padding:12px clamp(14px,2.4vw,38px);display:grid;grid-template-rows:44px auto minmax(0,1fr) 20px;gap:10px}header,.brand,.header-actions,.setup,.settings,footer,.status-bar{display:flex;align-items:center}header,.setup,footer{justify-content:space-between}.brand{gap:12px;color:#7ea8c9;font:600 clamp(22px,2.1vw,30px) Poppins,sans-serif}.brand img{width:38px;height:38px}.header-actions{gap:10px}.header-actions button,.header-actions a{height:44px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:16px;text-decoration:none;white-space:nowrap;color:var(--ink)}#sound{width:138px;flex:none}#print{background:#eef5ef;border:1px solid #deecdf;padding:0 16px;font-weight:600}svg.speaker{width:26px;height:24px;overflow:visible;flex:none}.setup{gap:20px;align-items:end}.intro h1{font:600 clamp(24px,2.4vw,34px)/1.2 Poppins,sans-serif;margin:0 0 5px}.intro p{font-size:16px;color:#536773;margin:0;line-height:1.4}.settings{gap:12px;align-items:end}.settings label{display:grid;gap:5px;font-size:14px;font-weight:600;color:#536773}.settings select{height:44px;width:170px}#letter-mode{width:114px}#practice-set{width:185px}.play-area{min-height:0;position:relative;border:1px solid #e9e4d5;border-radius:26px;background:#fefcf5;box-shadow:0 8px 28px #58461e08;padding:10px 22px;display:grid;grid-template-rows:minmax(0,1fr) minmax(0,1.1fr) 24px;gap:8px;overflow:visible}.basket-zone{container-type:size;min-height:0;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:2px 24px;width:min(790px,84%);justify-self:center}.basket{grid-column:span 2;position:relative;width:100%;height:100%;min-height:0;border:0;background:none;padding:0;display:flex;justify-content:center;align-items:center;isolation:isolate}.basket:nth-child(4){grid-column:2 / span 2}.basket:nth-child(5){grid-column:4 / span 2}.basket-art{position:absolute;height:96%;width:100%;object-fit:contain;pointer-events:none;z-index:-1}.basket-label{display:flex;align-items:center;justify-content:center;position:absolute;top:45%;height:30%;font:600 clamp(24px,14cqh,56px)/1 Poppins,sans-serif;color:#395569}.basket-label svg{height:clamp(24px,14cqh,50px);width:clamp(28px,16cqh,58px)}.basket-count{position:absolute;bottom:5%;display:flex;gap:5px;align-items:center;padding:2px 6px;border-radius:15px;background:#fefcf5e8;line-height:1}.basket-count i{width:10px;height:10px;border:1px solid #77937a;background:#fefdfc;border-radius:45% 45% 48% 48%;display:block}.basket-count i.filled{background:#7faf8c;border-color:#4e805b}.basket.drop-ready .basket-art,.basket.listening .basket-art{filter:drop-shadow(0 0 4px #7ea8c9) drop-shadow(0 0 7px #7ea8c999)}.basket.good .basket-art{filter:drop-shadow(0 0 7px #7faf8c)}.basket:focus-visible{outline-offset:0}.basket:hover:not(:disabled){border:0}.basket.listening .basket-label{color:#1d608e}.orchard{min-height:0;position:relative;isolation:isolate;width:min(920px,92%);justify-self:center;width:100%;container-type:size;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:3px;padding:4px 14% 20px}.tree-art{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;z-index:-1;pointer-events:none;opacity:.7}.apple-slot{display:flex;justify-content:center;align-items:center;min-width:0;min-height:0}.apple{position:relative;padding:0;border:0;background:transparent;width:min(27cqh,96px);height:min(27cqh,96px);min-width:44px;min-height:44px;touch-action:none;cursor:grab;border-radius:40%;user-select:none;-webkit-user-select:none}.apple img{width:100%;height:100%;object-fit:contain;pointer-events:none;display:block}.apple-letter{position:absolute;inset:27% 6% 9%;display:flex;align-items:center;justify-content:center;font:600 clamp(24px,13cqh,46px)/1 Poppins,sans-serif;color:#2f2f2f;pointer-events:none}.apple:hover:not(:disabled){border:0;filter:brightness(1.035)}.apple.selected{outline:3px solid #527b9c;outline-offset:2px}.apple.sorted{visibility:hidden;pointer-events:none}.apple.wrong{filter:drop-shadow(0 0 5px #c96a6a)}.apple.good{filter:drop-shadow(0 0 5px #7faf8c)}.apple.drag-origin{visibility:hidden}.drag-proxy{position:fixed!important;margin:0;z-index:100;pointer-events:none;min-width:0;min-height:0;cursor:grabbing;container-type:normal}.drag-proxy .apple-letter{font-size:var(--letter-size,32px)}.status-bar{justify-content:space-between;gap:10px;border-top:1px solid #e9e4d5;padding-top:6px;color:#536773;font-size:14px}#message{margin:0;min-width:0}#progress{font-weight:600;white-space:nowrap}footer{gap:16px;color:#536773;font-size:14px;line-height:1.4}footer span:last-child{font-weight:600;white-space:nowrap}.finish{position:absolute;z-index:10;left:50%;top:50%;transform:translate(-50%,-50%);width:min(460px,calc(100% - 40px));background:#fefdfc;border:2px solid #bfd9b5;border-radius:24px;box-shadow:0 10px 30px #2f2f2f20;text-align:center;padding:24px}.finish h2{font:600 26px/1.25 Poppins,sans-serif;margin:8px 0 20px}.finish .finish-icon{font-size:30px;color:#dfa05a}.finish button{background:#deecdf;border-color:#7faf8c;padding:0 26px}.completed .orchard{opacity:.35}.finish:not([hidden]){animation:appear .24s ease-out}.paused .apple{opacity:.55}@keyframes appear{0%{opacity:0}to{opacity:1}}@media(max-width:1100px){.setup{gap:14px}.settings{gap:8px}.settings select{width:154px}#letter-mode{width:106px}#practice-set{width:175px}.intro h1{font-size:25px}.intro p{font-size:16px}.play-area{padding-inline:12px}.basket-zone{width:82%;gap:2px 14px}.orchard{padding-inline:15%}}@media(max-width:900px){#app{grid-template-rows:44px auto minmax(0,1fr) auto}.setup{flex-wrap:wrap;gap:10px}.intro{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}.intro p{max-width:260px}.settings{width:100%;display:grid;grid-template-columns:1.1fr .85fr 1.1fr;gap:12px}.settings select,#letter-mode,#practice-set{width:100%}.basket-zone{width:96%;gap:2px 8px}.orchard{padding-inline:8%;width:100%}footer{font-size:12px}.brand,.finish h2{font-size:24px}}@media(max-height:700px)and (min-width:901px){#app{gap:7px;padding-block:8px}.intro h1{font-size:25px}.play-area{padding-block:5px;gap:3px}.orchard{padding-bottom:13px}.basket-zone{width:66%;gap:0 12px}.basket-count{bottom:1%}.basket-count i{width:8px;height:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}.tree-art{object-fit:contain}.basket{height:auto;aspect-ratio:1.4;width:min(100%,64cqh);max-height:96%;align-self:center;justify-self:center}.basket-label{font-size:clamp(24px,10cqh,46px)}.basket-label svg{height:clamp(24px,10cqh,44px);width:clamp(28px,12cqh,50px)}.basket-count{bottom:-2%}@media(min-width:901px){.play-area{grid-template-columns:1fr 1.2fr;grid-template-rows:minmax(0,1fr) 24px;column-gap:24px;padding-inline:22px}.basket-zone{width:100%;height:90%;align-self:center;gap:8px}.orchard{height:100%;padding:6% 4% 16%;gap:8px 3px}.apple{width:min(27cqh,17cqw,96px);height:min(27cqh,17cqw,96px)}.apple-letter{font-size:clamp(24px,min(13cqh,9cqw),46px)}.status-bar{grid-column:1 / -1}}.play-area{container-type:size}@media(min-width:901px){.basket-zone,.orchard{height:min(100%,36cqw);align-self:center}}@media(min-width:901px){#prompt-mode{width:176px;white-space:nowrap}}.layer-definitions{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.basket-visual{position:absolute;inset:0;pointer-events:none;isolation:isolate}.basket-art{inset:0;width:100%;height:100%;object-fit:fill;z-index:0}.basket-apples{position:absolute;inset:0;pointer-events:none;z-index:1}.basket-apple{position:absolute;left:10%;top:-3%;width:28%;height:42%;visibility:hidden;pointer-events:none}.basket-apple:nth-child(2){left:36%;top:-7%}.basket-apple:nth-child(3){left:62%}.basket-apple.occupied,.basket-apple.arriving{visibility:visible}.basket-apple img{display:block;width:100%;height:100%;object-fit:contain}.settled-letter{position:absolute;inset:25% 6% 35%;display:flex;align-items:center;justify-content:center;font:600 clamp(14px,5cqh,24px)/1 Poppins,sans-serif;color:#2f2f2f}.basket-front{z-index:2;clip-path:url(#basket-front-rim)}.basket-label,.basket-count{z-index:3}select{appearance:none!important;background-color:#f4f8fb!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23516f86' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 13px center!important;border:1.5px solid #afc8da!important;border-radius:12px!important;padding-inline:15px 38px!important;color:#36566f!important;box-shadow:0 2px #dce7ef;font:600 16px Inter,sans-serif!important;cursor:pointer;transition:border-color .15s,background-color .15s}select:hover{border-color:#6e9bbd!important;background-color:#eaf2f8!important}select:focus-visible{outline:3px solid #385d86;outline-offset:3px}@supports (appearance:base-select){select,select::picker(select){appearance:base-select!important}select{background-image:none!important;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-inline:14px!important}select::picker-icon{content:"";width:8px;height:8px;border-right:2px solid #516f86;border-bottom:2px solid #516f86;transform:rotate(45deg);margin:0 3px 4px 8px;flex-shrink:0;transition:transform .15s}select:open::picker-icon{transform:rotate(225deg);margin-bottom:-3px}select::picker(select){margin-top:7px;padding:6px;border:1px solid #bfd1df;border-radius:14px;background:#fefdfc;box-shadow:0 10px 25px #294e6926;min-width:anchor-size(width);max-height:320px;overflow:auto;color:#36566f;font:600 16px Inter,sans-serif}select option{display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 13px;border-radius:8px;background:transparent;color:#36566f}select option:hover,select option:focus{background:#eef4f8;outline:none}select option:checked{background:#dceaf4;color:#294c68}select option::checkmark{color:#527b9c;order:2;margin-left:auto}}@media(prefers-reduced-motion:reduce){select,select::picker-icon{transition:none}}:root{--game-control-height:48px;--game-control-ink:#36566f;--game-control-border:#afc8da}.game-ui-button{box-sizing:border-box!important;display:inline-flex!important;align-items:center;justify-content:center;gap:7px;height:var(--game-control-height)!important;min-height:var(--game-control-height)!important;padding:0 16px!important;border:1.5px solid var(--game-control-border)!important;border-radius:12px!important;background:#fefdfc!important;color:var(--game-control-ink)!important;font:600 16px Inter,sans-serif!important;line-height:1.2!important;text-decoration:none;white-space:nowrap;cursor:pointer;box-shadow:none!important}.game-ui-button:hover:not(:disabled){background:#eef4f8!important;border-color:#7ea8c9!important}.game-ui-button:focus-visible{outline:3px solid #385d86;outline-offset:3px}.game-ui-button:disabled{opacity:.5;cursor:default}#sound.game-ui-button{width:150px!important;min-width:150px!important;flex:0 0 150px!important}#print.game-ui-button{width:84px!important;min-width:84px!important;flex:0 0 84px!important;background:#eef5ef!important}#print.game-ui-button:hover{background:#deecdf!important}#sound .control-speaker{display:block;width:24px!important;height:24px!important;flex:0 0 24px;overflow:visible}.finish .game-ui-button,.game-ui-button.primary{background:#dceaf4!important}select{box-sizing:border-box;height:var(--game-control-height)!important;min-height:var(--game-control-height)!important;line-height:1.2!important}