:root{font-family:ui-rounded,Trebuchet MS,system-ui,sans-serif;color:#213c35;font-synthesis:none;--green:#34754b;--ink:#213c35}*{box-sizing:border-box}body{margin:0;background:#c6eaf2;min-height:100svh}button,select{font:inherit;touch-action:manipulation}button{cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible+span{outline:3px solid #e2aa26;outline-offset:4px}[hidden]{display:none!important}.landscape{position:fixed;inset:0;z-index:-1;overflow:hidden;background:linear-gradient(#c2e9f3,#e7f5ed)}.sun{position:absolute;top:13%;right:15%;width:76px;height:76px;background:#ffe9a3;box-shadow:0 0 0 14px #ffe9a33b}.cloud{position:absolute;width:140px;height:25px;background:#ffffffa8;box-shadow:25px -20px #ffffffa8,60px -35px #ffffffa8}.c1{top:24%;left:5%}.c2{top:37%;right:4%;transform:scale(.65)}.hill{position:absolute;bottom:66px;background:#aad5a0;width:65%;height:150px;clip-path:polygon(0 60%,15% 60%,15% 35%,30% 35%,30% 0,55% 0,55% 30%,70% 30%,70% 60%,100% 60%,100% 100%,0 100%)}.h1{left:-5%}.h2{right:-10%;height:220px;background:#b7dca9}.earth{position:absolute;bottom:0;height:70px;width:100%;border-top:18px solid #74a953;background:repeating-linear-gradient(90deg,#ac8a64 0 36px,#b5936c 36px 72px);box-shadow:0 -7px #96c671}.tree{position:absolute;bottom:68px;width:25px;height:100px;background:#95764e}.tree:before{content:"";position:absolute;bottom:55px;left:-35px;width:95px;height:80px;background:#659b63;box-shadow:14px -24px #7bae70}.t1{left:7%}.t2{right:6%;transform:scale(.8)}header{height:88px;max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 36px}.brand{color:var(--ink);text-decoration:none;font-size:14px;letter-spacing:2px;font-weight:900;display:flex;align-items:center;gap:12px}.brand-icon{background:#548753;color:#fff;border-bottom:4px solid #3d6840;font-size:30px;padding:0 9px;line-height:35px}.small{background:#ffffffb8;border:1px solid #21433426;border-radius:10px;padding:12px 17px;font-weight:700;color:var(--ink)}#setup{max-width:1050px;margin:7vh auto 0;display:grid;grid-template-columns:1fr 1.05fr;gap:55px;padding:20px 36px}.eyebrow{font-size:11px;font-weight:900;letter-spacing:2.2px;color:#567f66}h1{font-size:clamp(42px,5.7vw,70px);line-height:1.04;letter-spacing:-2.5px;margin:22px 0;color:#254836}p{line-height:1.6;color:#5a7468}.intro>p{font-size:17px}.record{display:flex;gap:16px;align-items:center;margin-top:30px}.record>span{font-size:36px;color:#dfa52c}.record small,.hud small{display:block;font-size:10px;letter-spacing:1.7px;font-weight:800;color:#6c8277}.record strong{display:block;font-size:30px;margin-top:4px}.panel{background:#fffef7;border:1px solid #e3e9d8;border-radius:22px;padding:30px;box-shadow:0 8px #203c3510,0 15px 60px #456c3710}.panel-top{display:flex;align-items:center;gap:12px}h2{font-size:17px;margin:0}.panel p{font-size:12px;margin:6px 0}.step{display:inline-flex;align-items:center;justify-content:center;background:#edf2e7;border-radius:8px;width:28px;height:28px;font-size:12px;color:#6d8761;margin-right:5px}.textbtn{margin-left:auto;border:0;background:none;font-size:11px;color:#47825b;text-decoration:underline;padding:5px}.tables{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin:23px 0 26px}.tables label{position:relative}.tables input{position:absolute;opacity:0;width:100%;height:100%;margin:0}.tables span{display:flex;align-items:center;justify-content:center;height:57px;background:#f1f3ea;border:2px solid #e3e9da;border-radius:10px;font-weight:800;font-size:22px;cursor:pointer}.tables input:checked+span{background:#e0edcf;border-color:#64935a;color:#355c35;box-shadow:0 3px #aec69b}.tables input:checked+span:after{content:"\2713";font-size:10px;position:absolute;top:5px;right:6px}.level-row{border-top:1px solid #e8ecdf;padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:12px}.level-row h2{font-size:15px}select{background:#f2f4eb;border:1px solid #d8e0d0;border-radius:9px;padding:11px;color:var(--ink);font-weight:700}.primary{width:100%;background:#397b50;border:1px solid #28633c;border-bottom:5px solid #255c39;color:#fff;border-radius:11px;min-height:58px;font-size:17px;font-weight:800;margin-top:24px;padding:12px 20px}.primary span{float:right}.primary:hover{background:#43895a}.primary:disabled{opacity:.5;cursor:default}.hint{text-align:center!important;margin:15px 0 0!important;color:#7b8971!important;font-size:11px!important}.foot{grid-column:1/-1;text-align:center;font-size:11px;margin:0}#game{height:calc(100dvh - 88px);max-width:1050px;margin:auto;padding:0 30px 14px;display:flex;flex-direction:column}.hud{display:flex;align-items:center;gap:35px;background:#fffef3e6;border-radius:14px;padding:13px 22px}.hud strong{font-size:26px;display:block}.hud .lives{margin-left:auto;color:#bf6261}.hud button{margin-left:10px}.progress{height:5px;margin:8px 8px 0;background:#ffffff80;border-radius:4px;overflow:hidden}.progress>div{height:100%;background:#65a16c;transition:width .2s}#field{flex:1;min-height:100px;position:relative;overflow:hidden;background:#ffffff18;border-left:1px solid #ffffff60;border-right:1px solid #ffffff60}.field-caption{position:absolute;top:12px;width:100%;text-align:center;font-size:9px;letter-spacing:2px;font-weight:700;color:#588374;opacity:.8}.block{position:absolute;left:50%;width:156px;height:58px;margin-left:-78px;border:2px solid #a6bc9a;background:#fffef4;box-shadow:0 5px #67826640;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:900;color:#60745e;will-change:transform}.block.active{color:#254c34;border:3px solid #4f8650;background:#f3ffd9;box-shadow:0 5px #37624050}.block.active:before{content:"\2192";position:absolute;left:-32px;color:#397b50;font-size:24px}.groundline{position:absolute;bottom:0;height:5px;background:#e0a56c;width:100%;border-top:2px dashed #fff9}.answer-area{background:#fffef6;border-radius:0 0 16px 16px;padding:10px 16px 17px;flex-shrink:0}#message{text-align:center;height:27px;color:#58715d;font-size:13px;font-weight:700}#answers{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}#answers button{height:70px;border:2px solid #d5dfc9;border-bottom:5px solid #bacbad;background:#f1f5e8;border-radius:10px;font-size:29px;font-weight:900;color:#294b38}#answers button.wrong{background:#f7d8d5;border-color:#d18a84;color:#a6423a}#answers button.correct{background:#b9e59b;border-color:#65a253;color:#245f2e}#answers button:disabled{opacity:1}body.paused #field,body.paused .answer-area{visibility:hidden}.overlay{position:fixed;inset:0;background:#cee8dfed;display:flex;align-items:center;justify-content:center;padding:25px;z-index:10}.modal{width:420px;text-align:center}.modal h1{font-size:48px}.modal>p{font-size:17px}.modal .small{margin-top:15px}.toast{animation:pulse .3s}@keyframes pulse{50%{transform:scale(1.03)}}@media(max-width:700px){header{height:65px;padding:0 18px}.brand{font-size:10px;letter-spacing:1px}.brand-icon{font-size:25px}.small{padding:10px 12px;font-size:12px}#setup{margin:10px auto 80px;display:block;padding:15px 22px;max-width:480px}.intro{position:relative}.intro h1{font-size:43px;margin:15px 0}.intro>p{font-size:13px;margin-bottom:25px}.eyebrow{font-size:9px}.record{position:absolute;right:0;bottom:7px;display:block;text-align:right}.record>span{font-size:22px}.record strong{font-size:24px}.record small{font-size:8px}.panel{padding:22px}.foot{font-size:10px;margin-top:25px}#game{height:calc(100dvh - 65px);padding:0 12px 10px}.hud{gap:15px;padding:12px}.hud strong{font-size:21px}.hud small{font-size:8px;letter-spacing:1px}.hud button{margin-left:0}.answer-area{padding:8px 9px 12px}#answers{gap:6px}#answers button{height:65px;font-size:25px}.block{height:50px;width:130px;margin-left:-65px;font-size:24px}}@media(max-height:600px)and (min-width:701px){header{height:55px}#game{height:calc(100dvh - 55px)}.hud{padding:7px 18px}.hud strong{font-size:20px}#answers button{height:52px}#setup{margin:0 auto;gap:35px}.panel{padding:20px}.tables{margin:15px 0}.tables span{height:42px}h1{font-size:48px}.primary{margin-top:16px}.foot{display:none}.block{height:43px;font-size:22px}}#nextLevel{text-align:center;font-size:11px;font-weight:700;color:#426954;padding:5px 0;flex-shrink:0}#levelNotice{position:absolute;z-index:3;top:38px;left:50%;transform:translate(-50%);background:#f6ffddec;border:2px solid #7da569;border-radius:10px;box-shadow:0 4px #3b603626;color:#315b36;font-size:16px;font-weight:900;padding:10px 20px;white-space:nowrap;pointer-events:none}.player-label{display:block;margin-top:20px;font-size:13px;font-weight:700}input[type=text],#playerName,#resetConfirm{display:block;width:100%;font:inherit;font-size:16px;border:1px solid #becdb6;background:#fffefb;color:#254836;border-radius:9px;padding:12px;margin-top:7px}.leaderboard{grid-column:1/-1;width:100%;max-width:650px;justify-self:center;margin-bottom:70px}.board-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.board-heading h2{font-size:17px}.quiet{border:0;background:transparent;color:#788675;font-size:24px;min-width:44px;min-height:44px;border-radius:8px}.quiet:hover{background:#edf2e7}#scoreList{padding:0;margin:12px 0;list-style:none}#scoreList li{display:flex;gap:16px;align-items:center;padding:12px 0;border-top:1px solid #e5eadf}#scoreList .rank{color:#879574;font-weight:900;width:18px}#scoreList li>div{flex:1;min-width:0}#scoreList strong{display:block;overflow-wrap:anywhere}#scoreList small{display:block;color:#788675;font-size:11px;margin-top:4px}#scoreList b{white-space:nowrap;color:#397b50}.leaderboard .foot{margin-top:16px;font-size:11px;display:block}#resetDialog{max-width:420px;width:calc(100% - 40px);border:1px solid #d9e3cc;background:#fffef7;color:#213c35;border-radius:18px;padding:26px;box-shadow:0 20px 80px #17382a40}#resetDialog::backdrop{background:#28483999}#resetDialog label{font-size:13px;font-weight:700}.reset-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.danger{color:#9e3b32;border-color:#d2a19b}.danger:disabled{opacity:.4;cursor:not-allowed}#resetError:empty{display:none}@media(max-width:700px){.leaderboard{margin:22px 0 30px}.board-heading h2{font-size:15px}}@media(max-height:600px)and (min-width:701px){.leaderboard{margin-top:15px}}#solutions{position:absolute;right:10px;top:55px;width:160px;display:flex;flex-direction:column;gap:8px;pointer-events:none;z-index:4}.solution-card{background:#dbf3bd;border:2px solid #81ad60;border-bottom:4px solid #69954e;border-radius:9px;padding:10px;text-align:center;color:#2e5b30;animation:solution-in .16s ease-out}.solution-card small{display:block;font-size:10px;margin-bottom:5px}.solution-card strong{display:block;font-size:17px;white-space:nowrap}#effects{position:absolute;inset:0;pointer-events:none;z-index:2}.burst{position:absolute;width:0;height:0}.burst i{position:absolute;width:13px;height:13px;background:#8ec75b;border:2px solid #4e8537;animation:block-burst .55s ease-out forwards}.burst i:nth-child(3n){background:#fff4a8;border-color:#c2a64d}.burst i:nth-child(2n){width:9px;height:9px}body.paused .burst i{animation-play-state:paused}@keyframes block-burst{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(var(--dx),var(--dy)) rotate(var(--spin)) scale(.35);opacity:0}}@keyframes solution-in{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}@media(max-width:500px){#solutions{right:4px;top:48px;width:104px}.solution-card{padding:7px 3px}.solution-card strong{font-size:12px}.solution-card small{font-size:9px}.block{left:39%;width:112px;margin-left:-56px}.block.active:before{left:-24px}}@media(prefers-reduced-motion:reduce){.burst i{animation:none;opacity:0}.solution-card{animation:none}}#privacyDialog{width:min(600px,calc(100% - 28px));max-height:88dvh;overflow:auto;border:1px solid #d9e3cc;border-radius:18px;background:#fffef7;color:#213c35;padding:26px;box-shadow:0 20px 80px #17382a40}#privacyDialog::backdrop{background:#284839aa}#privacyDialog h2{font-size:24px;margin:12px 0}#privacyDialog p,#privacyDialog li{font-size:14px;line-height:1.55}#privacyDialog h3{font-size:16px;margin:18px 0 6px}.privacy-info{border-top:1px solid #dbe4d1}.privacy-info summary{cursor:pointer;font-size:13px;color:#526e56}.privacy-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px;position:sticky;bottom:-26px;background:#fffef7;padding:12px 0}.privacy-actions button{background:#edf3e5;border:2px solid #819d70;min-height:56px;color:#254836;font-size:14px}@media(max-width:500px){#privacyDialog{padding:20px}.privacy-actions{grid-template-columns:1fr;bottom:-20px;gap:8px}}#aboutDialog{width:min(460px,calc(100% - 30px));max-height:85dvh;overflow:auto;border:1px solid #d9e3cc;border-radius:18px;background:#fffef7;color:#213c35;padding:28px;box-shadow:0 20px 80px #17382a40}#aboutDialog::backdrop{background:#284839aa}#aboutDialog h2{font-size:25px;margin:14px 0}#aboutDialog p{font-size:16px;line-height:1.65}#aboutClose{margin-top:12px}.site-footer{display:flex;align-items:center;justify-content:center;gap:22px;min-height:44px;padding:0 16px env(safe-area-inset-bottom);background:#fffef7d9}.about-link,.privacy-link{background:none;border:0;text-decoration:underline;cursor:pointer}.site-footer .about-link,.site-footer .privacy-link{margin:0;max-width:none;min-height:44px;padding:8px 0;font-size:11px;color:#526c5d}.site-footer button:hover{color:#254836}#game{height:calc(100dvh - 132px - env(safe-area-inset-bottom))}@media(max-width:700px){header{height:65px;min-height:65px;flex-wrap:nowrap;gap:3px;padding:0 18px}.brand{width:auto;font-size:10px;letter-spacing:1px;gap:12px}.brand-icon{font-size:25px;padding:0 9px}#game{height:calc(100dvh - 109px - env(safe-area-inset-bottom))}}@media(max-height:600px)and (min-width:701px){#game{height:calc(100dvh - 99px - env(safe-area-inset-bottom))}}