@font-face{font-family:RoundFallback;src:local('Arial Rounded MT Bold');font-display:swap}
:root{--paper:#f8f5ec;--ink:#30493b;--muted:#718074;--green:#37674f;--green-dark:#28543f;--mint:#e1ecdc;--peach:#fae3d6;--yellow:#f6d579;--line:#e4e7db;--white:#fffef9;--shadow:0 8px 0 #e9e9dd;--radius:26px}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:RoundFallback,'Trebuchet MS',Arial,sans-serif;-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #648dc9;outline-offset:5px}button{touch-action:manipulation}button:disabled{cursor:default}body.modal-open{overflow:hidden}.app-shell{max-width:1120px;min-height:100svh;margin:auto;padding:0 40px;display:flex;flex-direction:column}.site-header{display:flex;align-items:center;justify-content:space-between;min-height:104px;gap:16px}.brand{display:flex;align-items:center;gap:12px;background:none;border:0;padding:0;font-size:23px;font-weight:800;letter-spacing:-.8px}.header-actions{display:flex;gap:10px}.icon-button{width:46px;height:46px;border:1.5px solid var(--line);border-radius:50%;display:grid;place-items:center;background:transparent;flex-shrink:0}.icon-button svg{width:21px;height:21px}.icon-button:hover{background:var(--mint)}.icon-button[aria-pressed=false]{color:var(--muted)}main{flex:1}.site-footer{padding:26px 0 20px;text-align:center;font-size:13px;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:8px}.tiny-flower{font-size:18px;color:#b48c59}.eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800;letter-spacing:1.7px;text-transform:uppercase}.eyebrow .dot{width:7px;height:7px;border-radius:50%;background:#8ca475}.intro{padding:30px 0 12px;display:grid;grid-template-columns:1fr 1.1fr;gap:20px;align-items:center;min-height:520px}.intro h1{font-size:clamp(42px,5vw,64px);font-weight:800;line-height:1.1;letter-spacing:-2.8px;margin:24px 0 20px}.intro h1 span{color:#8c9d69}.intro p{font-family:'Trebuchet MS',Arial,sans-serif;font-size:18px;line-height:1.6;color:var(--muted);max-width:390px;margin:0 0 30px}.primary-button{border:0;background:var(--green);color:#fffdf5;min-height:64px;padding:14px 30px;border-radius:20px;font-weight:800;font-size:20px;display:inline-flex;align-items:center;justify-content:center;gap:30px;box-shadow:0 5px 0 #254b38;transition:transform .15s,background .15s}.primary-button:hover{background:var(--green-dark)}.primary-button:active{transform:translateY(3px);box-shadow:0 2px 0 #254b38}.primary-button svg{width:23px;height:23px}.intro .primary-button{min-width:228px}.intro-note{display:flex;gap:15px;color:var(--muted);font-size:12px;margin-top:25px}.intro-note span{display:flex;align-items:center;gap:5px}.hero-art{width:100%;height:auto;overflow:visible}.howto{max-width:730px;margin:14px auto 0;padding:22px 30px;border:1.5px dashed #d9ddcc;border-radius:22px;display:flex;align-items:center;justify-content:center;gap:25px}.howto p{font-size:15px;margin:0;line-height:1.6}.howto strong{color:var(--green)}.demo-letter{display:grid;place-items:center;border-radius:14px;background:var(--peach);font-size:32px;font-weight:800;min-width:48px;height:53px;transform:rotate(-7deg)}.howto svg{height:50px;width:50px}.howto-arrow{color:#9eaf91;font-size:24px}.game{max-width:830px;margin:15px auto 0}.game-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.game-heading h1{font-size:31px;letter-spacing:-1px;margin:10px 0 6px;line-height:1.2}.game-heading p{font-size:15px;line-height:1.5;color:var(--muted);margin:0}.round-progress{display:flex;gap:6px;margin-top:14px}.progress-seed{width:12px;height:12px;border-radius:50%;background:#e0e3d5}.progress-seed.done{background:#729b6a}.progress-seed.current{background:var(--yellow);outline:2px solid #d9b95d;outline-offset:2px}.game-stage{background:#f0f1e6;border:1px solid #e5e7d9;padding:24px;border-radius:34px}.object-grid{display:grid;grid-template-columns:repeat(var(--count),minmax(0,1fr));gap:18px}.object-card{min-width:0;border:2px solid transparent;border-radius:25px;background:var(--white);padding:15px 12px 13px;text-align:center;box-shadow:0 5px 0 #e2e5d8;position:relative;transition:transform .18s,border-color .18s,background .18s;display:flex;flex-direction:column;align-items:center;touch-action:manipulation}.object-card:hover:not([aria-disabled=true]){border-color:#bacbb1}.object-card .illustration{width:100%;max-width:170px;aspect-ratio:1.15;flex-shrink:0}.object-word{font-weight:700;font-size:19px;margin:4px 0 10px;min-height:24px}.object-card.no-word .object-word{display:none}.letter-slot{width:56px;height:55px;border:2px dashed #d8ddcd;border-radius:15px;display:grid;place-items:center;color:#acb4a0;font-size:24px;line-height:1;background:#f7f8f1;transition:all .15s}.object-card.available .letter-slot{border-color:#8ca889;color:#658861}.object-card.hovering{border-color:#80a67a;background:#f2f8ed;transform:translateY(-4px)}.object-card.hovering .letter-slot{background:#dfebd7;border-color:#7e9c70}.object-card.matched{background:#edf5e7;border-color:#a3c794;box-shadow:0 5px 0 #d6e5ca}.object-card.matched .letter-slot{border:0;background:#a3c794;color:#264730;font-size:32px;font-weight:800}.matched-badge{position:absolute;right:9px;top:9px;display:grid;place-items:center;width:25px;height:25px;background:#5e8955;color:#fff;border-radius:50%;font-size:17px}.letter-tray{display:flex;justify-content:center;gap:20px;margin:30px 0 0;min-height:100px;align-items:center}.letter-token{border:2px solid transparent;border-radius:21px;width:91px;height:96px;flex-shrink:0;font-size:52px;line-height:1;font-weight:800;box-shadow:0 6px 0 var(--tile-shadow,#dbcbbb);background:var(--tile,#f7dfcb);touch-action:none;user-select:none;-webkit-user-select:none;position:relative;transition:opacity .15s,transform .15s,border-color .15s}.letter-token.color-0{--tile:#f6d7c3;--tile-shadow:#dfbca4;color:#985937}.letter-token.color-1{--tile:#d9e6ef;--tile-shadow:#b9cddc;color:#486c85}.letter-token.color-2{--tile:#f6e4a8;--tile-shadow:#e2cd85;color:#867037}.letter-token.selected{border-color:var(--green);outline:3px solid #fffef9;transform:translateY(-5px)}.letter-token.used{opacity:0;pointer-events:none}.letter-token.is-dragging{opacity:.22}.drag-ghost{position:fixed;z-index:1000;pointer-events:none;margin:0;box-shadow:0 8px 24px #30493b30;transform:rotate(-5deg);opacity:.97}.game-bottom{min-height:83px;padding-top:22px;display:flex;gap:18px;align-items:center;justify-content:space-between}.feedback{font-size:17px;font-weight:700;line-height:1.5;flex:1;color:var(--green);min-height:28px}.feedback.helper{font-size:14px;font-weight:400;color:var(--muted)}.next-button{min-height:54px;border-radius:17px;padding:10px 23px;font-size:17px;gap:16px;flex-shrink:0}.hint-button{border:0;background:transparent;color:var(--muted);font-size:14px;display:flex;align-items:center;gap:5px;padding:13px 2px;text-decoration:underline;text-underline-offset:4px}.end-screen{text-align:center;max-width:680px;margin:40px auto 20px}.end-screen .end-art{width:250px;height:210px;margin:auto}.end-screen h1{font-size:44px;letter-spacing:-1.6px;margin:14px 0}.end-screen p{color:var(--muted);font-size:18px;line-height:1.6;margin:0 0 25px}.garden-recap{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:450px;margin:25px auto 33px}.garden-recap span{background:var(--mint);width:43px;height:46px;border-radius:13px;display:grid;place-items:center;font-size:24px;font-weight:800}.end-screen .primary-button{gap:22px}.round-solved .letter-tray{opacity:.3}.pop{animation:pop .35s ease}.nudge{animation:nudge .35s ease}.glow .letter-slot{animation:glow 1s ease 2}@keyframes pop{50%{transform:scale(1.055)}}@keyframes nudge{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}@keyframes glow{50%{background:#f4dc9c;border-color:#b58a3b}}#confetti{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:100}.confetti-piece{position:absolute;top:-20px;animation:fall 1.7s ease-in forwards;width:9px;height:15px;border-radius:3px}@keyframes fall{to{transform:translate(var(--drift),100svh) rotate(500deg);opacity:0}}dialog{border:0;border-radius:28px;background:var(--white);color:var(--ink);padding:28px;max-width:470px;width:calc(100% - 32px);box-shadow:0 15px 60px #30493b30}dialog::backdrop{background:#2d493963;backdrop-filter:blur(4px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center}.dialog-heading h2{font-size:24px;letter-spacing:-.7px;margin:0}.settings-form>p{font-size:14px;color:var(--muted);line-height:1.55}.close{border:0;width:38px;height:38px}.settings-form fieldset{border:0;padding:0;margin:24px 0}.settings-form legend{font-size:14px;font-weight:800;margin-bottom:10px}.choices{display:flex;gap:10px}.choices label{flex:1;position:relative}.choices input{position:absolute;opacity:0}.choices span{display:block;border:2px solid var(--line);border-radius:15px;padding:12px 15px;font-size:20px;font-weight:800;cursor:pointer}.choices small{display:block;font-size:12px;color:var(--muted);font-weight:400;margin-top:4px}.choices input:checked+span{border-color:#87a278;background:#edf3e6}.choices input:focus-visible+span{outline:3px solid #648dc9;outline-offset:3px}.toggle-row{display:flex;gap:15px;justify-content:space-between;align-items:center;font-size:14px}.toggle-row input{accent-color:var(--green);width:23px;height:23px}.settings-form .settings-note{font-size:12px;margin-top:22px}.settings-form .primary-button{width:100%;margin:10px 0 4px;font-size:18px;min-height:55px}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden;white-space:nowrap}
@media(min-width:760px){.object-grid[style*='--count: 2']{max-width:540px;margin:auto}.object-card{min-height:248px}.letter-tray{margin-top:33px}.game-stage{padding:29px 35px 26px}}
@media(max-width:759px){.app-shell{padding:0 21px}.site-header{min-height:81px}.brand{font-size:20px;gap:9px;letter-spacing:-.6px}.brand img{width:31px;height:31px}.icon-button{width:41px;height:41px}.header-actions{gap:8px}.intro{display:flex;flex-direction:column-reverse;text-align:center;gap:0;padding:3px 0;min-height:0}.hero-art{max-width:420px;height:236px}.intro .eyebrow{font-size:10px;margin-top:8px}.intro h1{font-size:43px;letter-spacing:-1.8px;line-height:1.09;margin:16px 0}.intro p{font-size:16px;margin:0 auto 23px;max-width:310px;line-height:1.5}.intro .primary-button{width:calc(100% - 50px);max-width:290px;min-height:59px;font-size:20px}.intro-note{justify-content:center;font-size:11px;margin-top:20px}.howto{margin:27px auto 0;padding:16px;gap:13px}.howto p{font-size:12px;max-width:180px;text-align:left}.demo-letter{font-size:27px;min-width:39px;height:43px}.howto svg{width:42px;height:42px}.howto-arrow{font-size:18px}.site-footer{font-size:11px;padding:22px 0 17px}.game{margin:10px auto 0}.game-heading{margin-bottom:18px}.game-heading h1{font-size:26px;margin:9px 0 4px}.game-heading p{font-size:13px}.game .eyebrow{font-size:10px;letter-spacing:1.2px}.game-stage{padding:18px 13px 22px;border-radius:27px}.object-grid{gap:12px}.object-card{padding:13px 8px 12px;border-radius:20px}.object-word{font-size:17px;margin-bottom:8px}.letter-slot{width:47px;height:47px;border-radius:13px}.object-card .illustration{max-width:155px}.object-grid[style*='--count: 3']{gap:8px}.object-grid[style*='--count: 3'] .object-card{padding:12px 4px}.object-grid[style*='--count: 3'] .object-word{font-size:14px}.object-grid[style*='--count: 3'] .letter-slot{height:42px;width:42px}.letter-tray{gap:20px;margin-top:27px;min-height:87px}.letter-token{width:79px;height:83px;font-size:47px;border-radius:19px}.game-bottom{padding-top:20px;gap:10px;min-height:85px;align-items:center}.feedback{font-size:15px}.feedback.helper{font-size:12px}.next-button{font-size:15px;min-height:51px;padding:10px 16px;gap:10px}.hint-button{font-size:12px;white-space:nowrap}.end-screen{margin:30px auto 10px}.end-screen h1{font-size:37px}.end-screen p{font-size:16px}.garden-recap{gap:8px;margin:22px auto 28px;max-width:300px}.garden-recap span{width:39px;height:42px;font-size:21px}.end-screen .end-art{width:215px;height:180px}}
@media(max-width:359px){.app-shell{padding:0 13px}.brand{font-size:18px}.header-actions{gap:5px}.letter-tray{gap:13px}.letter-token{width:74px;height:80px}.game-heading h1{font-size:23px}.object-word{font-size:16px}.hero-art{height:208px}.intro h1{font-size:39px}.howto{gap:9px}.game-bottom{flex-wrap:wrap}.feedback{min-width:145px}}
@media(max-height:540px) and (orientation:landscape){.app-shell{padding:0 26px}.site-header{min-height:62px}.site-footer{display:none}.intro{display:grid;grid-template-columns:1fr 1fr;text-align:left;padding:0;gap:10px}.hero-art{height:250px;grid-column:2;grid-row:1}.intro-copy{grid-column:1;grid-row:1}.intro h1{font-size:34px;margin:10px 0}.intro p{font-size:14px;margin:0 0 15px;max-width:290px}.intro .primary-button{width:auto;min-height:48px}.intro-note{justify-content:start;margin-top:14px}.howto{display:none}.game{margin:0}.game-heading{margin-bottom:10px}.game-heading h1{font-size:23px;margin:4px 0}.game-heading p{font-size:12px}.game-stage{display:grid;grid-template-columns:1fr 140px;align-items:center;gap:16px;padding:13px 17px}.object-grid{gap:13px}.object-card .illustration{max-width:110px;max-height:92px}.object-card{padding:8px;min-height:0}.object-word{font-size:14px;margin:2px 0 4px}.letter-slot{width:40px;height:40px;border-radius:12px}.letter-tray{display:flex;flex-wrap:wrap;margin:0;gap:12px;min-height:0}.letter-token{width:58px;height:63px;font-size:35px;border-radius:15px}.game-bottom{padding-top:10px;min-height:60px}.next-button{min-height:43px;font-size:15px}.end-screen{display:grid;grid-template-columns:220px 1fr;gap:0 16px;align-items:center;text-align:left;margin:8px auto}.end-screen .end-art{grid-row:1/5;width:210px;height:200px}.end-screen h1{font-size:29px;margin:0 0 8px}.end-screen p{font-size:14px;margin:0}.garden-recap{justify-content:start;margin:15px 0;max-width:400px;gap:5px}.garden-recap span{width:28px;height:30px;font-size:17px;border-radius:8px}.end-screen .primary-button{justify-self:start;min-height:47px;font-size:16px}.round-progress{margin-top:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.site-footer{flex-direction:column;gap:8px}.footer-label{display:flex;align-items:center;gap:8px}.offline-tools{display:flex;flex-direction:column;gap:12px;align-items:center;font-size:11px;color:#6d8560}.install-button{border:1.5px solid #c9d6be;background:#edf3e5;color:var(--green);border-radius:14px;min-height:43px;padding:10px 18px;font-size:13px;font-weight:700}.install-button[hidden]{display:none}

.parent-gate p{font-size:15px;line-height:1.5;color:var(--muted)}.parent-gate label{display:block;text-align:center;font-size:32px;font-weight:800;margin:20px 0 12px}.parent-gate input{display:block;width:100%;min-height:56px;padding:10px 14px;border:2px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink);font-size:26px;text-align:center}.parent-gate #parent-gate-error{min-height:44px;margin:12px 0;color:#98432c}.parent-gate .primary-button{width:100%;min-height:54px;font-size:18px;padding:12px;gap:0}

#settings{position:relative;overflow:visible}#settings[data-update-available="true"]::after{content:"!";position:absolute;top:-4px;right:-4px;display:grid;place-items:center;width:21px;height:21px;border:2px solid var(--paper);border-radius:50%;background:#d83932;color:white;font:900 16px/1 Arial,sans-serif;box-shadow:0 2px 5px #91332b28;pointer-events:none}