*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{display:grid;place-items:center;background:radial-gradient(ellipse at 50% 40%,#526f54,#263f38);font-family:'Microsoft YaHei','PingFang SC',sans-serif;color:#744821}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible{outline:3px solid #fff1a1;outline-offset:2px}button:disabled{cursor:default}button:not(:disabled):active{transform:scale(.96)}.game{position:relative;isolation:isolate;width:min(100vw,56.25dvh);height:min(100dvh,177.778vw);overflow:hidden;box-shadow:0 0 90px #081f2980;background:#a6bc77;container-type:inline-size}.game:before{content:'';position:absolute;inset:0;z-index:-2;background:url('../assets/optimized/forest.webp') center/100% 100% no-repeat}.game:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(transparent 15%,#fff7da10 40%,#dce6b915 65%,transparent)}.hud{position:absolute;inset:1.5% 0 auto;height:33.333cqw;pointer-events:none}.hud-art{display:block;width:100%;height:100%;object-fit:contain}.level-value,.moves-value{position:absolute;top:51%;height:28%;display:grid;place-items:center;width:14%;font-size:9.8cqw;font-weight:900;color:#ffe28a;-webkit-text-stroke:1.4px #824411;text-shadow:0 3px 0 #8d4c1c;font-variant-numeric:tabular-nums;background:linear-gradient(100deg,#c98a45,#cb934e,#c18a46);border-radius:8px;line-height:1}.level-value{left:5.6%}.moves-value{left:81%}.goal-inner{position:absolute;left:31.6%;top:44%;width:39%;height:38%;background:linear-gradient(105deg,#ffedca,#ffebc9);display:flex;align-items:center;justify-content:center;gap:5%;border-radius:3px;padding-bottom:5%}.goal-inner img{width:31%;height:92%;object-fit:contain;filter:drop-shadow(0 2px 1px #c08b5c44)}.goal-inner strong{font-size:7cqw;color:#8b4925;line-height:1;font-weight:900;font-variant-numeric:tabular-nums}.goal-inner span{display:block;font-size:2.4cqw;margin-top:3px;color:#a77642}.goal-progress{position:absolute;bottom:2%;left:8%;right:8%;height:5%;border-radius:5px;background:#d7b381;overflow:hidden}.goal-progress i{display:block;width:0;height:100%;background:linear-gradient(#b9dc69,#81b645);border-radius:5px;transition:width .25s ease-out}.low-moves .moves-value{color:#ffab85}.companion{position:absolute;left:5%;right:5%;top:19.4%;height:6.1%;display:flex;gap:3%;align-items:center}.companion>img{width:15%;height:120%;object-fit:contain;filter:drop-shadow(0 3px 2px #75924444)}.companion>div{flex:1;padding:2% 3%;background:#fff9e7dd;border:1px solid #fff8e8;border-radius:13px;box-shadow:0 2px 6px #76974330;min-width:0}.eyebrow{display:block;color:#739744;font-size:2.2cqw;font-weight:700;letter-spacing:.06em}.instruction{margin:3px 0 0;font-size:2.6cqw;color:#865d36;font-weight:700;white-space:nowrap}.sound-toggle{width:10%;aspect-ratio:1;border-radius:50%;border:2px solid #b8cb78;background:#fff5d9dd;display:grid;place-items:center;box-shadow:0 2px 0 #7fa04244;flex-shrink:0}.sound-toggle svg{width:60%;height:60%;fill:#809f43;stroke:#809f43;stroke-width:2;stroke-linecap:round}.play-area{position:absolute;top:27.8%;left:2.5%;width:95%}.board{position:relative;width:100%;aspect-ratio:1;border:3px solid #c9954e;border-radius:5%;background:linear-gradient(135deg,#fbdc9c,#efcf91);padding:1.3%;box-shadow:inset 0 2px 2px #fff8de,0 5px 0 #b5813f,0 8px 0 #fff0c029,0 12px 17px #7a813b33;overflow:hidden}.cells,.pieces,.particles{position:absolute;inset:1.5%}.cells{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);gap:.8%}.cell{position:relative;background:linear-gradient(125deg,#fff8e8,#f5e4c7);border-radius:19%;box-shadow:inset 0 2px 1px #fffaf0,inset 0 -2px 2px #dfc494,0 1px 1px #c6a16c80}.cell:before{content:'';position:absolute;left:9%;top:7%;width:17%;height:8%;border-radius:60%;background:#fffdf3;transform:rotate(-35deg)}.cell i{position:absolute;left:39%;top:39%;width:22%;height:22%;border-radius:65% 65% 35% 35%;background:#dfc09525}.pieces{overflow:visible}.tile{position:absolute;width:12.5%;height:12.5%;border:0;background:transparent;padding:0;display:grid;place-items:center;transform-origin:center;user-select:none}.tile img{display:block;width:84%;height:84%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 1px #8f613b30);transition:filter .12s ease-out}.tile:before{content:'';position:absolute;inset:3%;border:2px solid transparent;border-radius:18%;transition:border-color .15s,background-color .15s;pointer-events:none}.tile.group-ready:before{border-color:#e6b347;background:#ffe88b35}.tile.group-ready img{filter:drop-shadow(0 1px 3px #e3b63766) brightness(1.04)}.tile.suggested:before{animation:hint 1.4s ease-in-out infinite}.tool-mode .board{box-shadow:inset 0 2px 2px #fff8de,0 5px 0 #b5813f,0 0 0 3px #d5e388,0 10px 18px #57753c33}.locked .tile{cursor:default}.particles{pointer-events:none;z-index:5}.spark{position:absolute;width:5px;height:5px;border-radius:50%;background:#fff7b0;box-shadow:0 0 3px #ffe7a2;animation:particle .6s ease-out forwards}.spark.leaf{background:#add368;border-radius:80% 0;transform:rotate(30deg)}@keyframes particle{from{opacity:1;translate:0 0;scale:1}to{opacity:0;translate:var(--dx) var(--dy);scale:.4}}@keyframes hint{50%{border-color:#fff2a9;box-shadow:0 0 5px #ffe38d}}.praise{position:absolute;left:50%;top:46%;pointer-events:none;z-index:8;text-align:center;opacity:0;white-space:nowrap}.praise strong{display:block;color:#fff3b2;font-size:7cqw;-webkit-text-stroke:1px #9e6134;text-shadow:0 3px 0 #99512b,0 4px 8px #a7704966;font-weight:900}.praise span{display:inline-block;margin-top:3px;color:#fff8e3;background:#9b6039d9;padding:3px 13px;border-radius:20px;font-size:4cqw;font-weight:800}.tools{position:absolute;bottom:-.5%;left:0;width:100%;height:50cqw}.tools-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.pause,.tool{position:absolute;border:0;background:transparent;padding:0;transition:transform .12s ease-out,filter .15s}.pause{left:2%;top:40%;width:17%;height:33%;border-radius:50%}.tool{top:32%;height:41%;width:21%;border-radius:23%}.tool-hammer{left:25.8%}.tool-bomb{left:47.8%}.tool-rainbow{left:69.8%}.tool.selected{outline:3px solid #fff092;box-shadow:0 0 15px #ffe36a;transform:translateY(-3px)}.tool:disabled{filter:grayscale(.4)}.count{position:absolute;right:3%;bottom:2%;width:33%;aspect-ratio:1;border-radius:50%;background:#8e481d;border:1px solid #fbe7bd;display:grid;place-items:center;color:#fffdf6;font-size:5cqw;font-weight:900;line-height:1;font-variant-numeric:tabular-nums}.tool-label{position:absolute;top:107%;left:0;width:100%;color:#fff7de;text-shadow:0 1px 2px #805124;font-size:2.5cqw;font-weight:800;letter-spacing:.12em;pointer-events:none}.score-ribbon{position:absolute;top:82.1%;left:7%;right:7%;display:flex;justify-content:space-between;font-size:2.4cqw;color:#fffde7;font-weight:700;text-shadow:0 1px 2px #6b8d42}.score-ribbon b{font-variant-numeric:tabular-nums}.toast{position:absolute;left:50%;top:73%;transform:translate(-50%,10px);background:#6e4a2feb;color:#fff8e9;padding:9px 15px;border:1px solid #e4b37477;border-radius:20px;font-size:2.8cqw;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;z-index:30;max-width:94%}.toast.show{opacity:1;transform:translate(-50%,0)}.modal-layer{position:absolute;inset:0;background:#233e2d85;z-index:20;display:grid;place-items:center;backdrop-filter:blur(3px)}[hidden]{display:none!important}.result{position:relative;width:80%;padding:6% 7%;background:linear-gradient(135deg,#fff6df,#f3d9aa);border:4px solid #bb8b51;border-radius:27px;text-align:center;box-shadow:inset 0 3px 0 #fffcef,0 7px 0 #806033,0 15px 35px #1c30185c;animation:result-in .3s ease-out}.result-kicker{font-size:2.5cqw;letter-spacing:.08em;color:#a87b4b;margin-bottom:4%}.result h2{font-size:7cqw;margin:0 0 3%;color:#86512c;line-height:1.2}.stars{font-size:9cqw;color:#ffc642;text-shadow:0 3px 0 #c48931;white-space:nowrap;animation:stars .45s ease-out}.result-monster{width:42%;aspect-ratio:1;object-fit:contain;margin:3% 0;filter:drop-shadow(0 3px 1px #c9a17444)}.result p{font-size:3cqw;margin:0 0 7%;color:#805838;text-wrap:balance}.result-stats{display:flex;justify-content:center;gap:17%;margin:0 0 7%;color:#a98254;font-size:2.7cqw}.result-stats strong{display:block;color:#916134;font-size:5cqw;margin-top:2px}.result button{width:100%;padding:10px;border:2px solid #70943c;border-radius:14px;background:linear-gradient(#b8df79,#89bb4d);color:#fffdf0;font-weight:800;font-size:4cqw;box-shadow:inset 0 2px 0 #d9edab,0 3px 0 #6b8e35;transition:transform .12s}.result .secondary{margin-top:12px;background:#f6e5c5;color:#8b6138;border-color:#c6a376;box-shadow:inset 0 2px 0 #fff5e5,0 3px 0 #b68c5b}@keyframes stars{from{scale:.5;opacity:0}to{scale:1;opacity:1}}@keyframes result-in{from{opacity:0;transform:translateY(12px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.spark,.stars,.result{animation-duration:.01ms}.tile.suggested:before{animation:none}.goal-progress i{transition:none}}
.goal-inner{top:43%;height:44%;left:30%;width:41.7%;background:linear-gradient(105deg,#ffecc8,#ffeac5)}.count{right:18%;bottom:8%;width:35%}.companion>div{background:#fff7e5f2}.tools .tool-label{top:105%}
.count{right:5%;bottom:5%;width:43%;font-size:5.2cqw}

/* Experience polish: brighter pieces, quieter scenery, clear input feedback. */
.game:after{background:linear-gradient(transparent 14%,#f9f5d51a 30%,#eef2d524 65%,transparent 86%)}
.board{border-color:#cc9c59;box-shadow:inset 0 2px 2px #fff8de,0 4px 0 #b5813f,0 9px 19px #65823c42}
.companion>div{background:#fff8e8f7;padding:2.3% 3.4%;border-radius:14px}
.eyebrow{font-size:2.35cqw}.instruction{font-size:2.55cqw;letter-spacing:0}
.sound-toggle{min-width:40px;min-height:40px;width:10%;padding:0}
.goal-inner{border-radius:7px;padding-bottom:6%;box-shadow:inset 0 -1px 0 #e8caa24a}
.goal-inner span{font-size:2.2cqw}.goal-progress{height:6%;bottom:4%;left:10%;right:10%;box-shadow:inset 0 1px 1px #b68a5066}
.tile:focus-visible{outline:2px solid #bb8f34;outline-offset:-1px;border-radius:17%}
.tile.group-ready:before{border-color:#d7a144;background:#ffe7a74a}
.tile.suggested:before{animation:hint 1.7s ease-in-out infinite}
.praise strong{font-size:5.7cqw}.praise span{font-size:3.6cqw;background:#955c37ed}
.praise.small span{font-size:3.1cqw;padding:3px 8px;background:#9a6d40dc}
.collect-orb{position:absolute;z-index:10;pointer-events:none;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 0 3px #ffedb7)}
.score-ribbon{font-size:2.4cqw;color:#fff9e6}.tool-label{font-size:2.7cqw}
.result{overflow:hidden}.result-stats{background:#f1d8ac80;border-radius:12px;padding:7px 0}
.victory-sparks{position:absolute;inset:0;pointer-events:none}
.victory-sparks i{position:absolute;top:-5%;left:calc(var(--i)*6.2%);width:6px;height:9px;border-radius:70% 0;background:#a4c564;animation:celebrate 1.8s ease-in calc(var(--i)*.035s) both;transform:rotate(calc(var(--i)*27deg))}
.victory-sparks i:nth-child(2n){background:#efc35d;border-radius:50%;width:5px;height:5px}
@keyframes celebrate{from{translate:0 -20px;opacity:0}20%{opacity:1}to{translate:18px 420px;opacity:0;rotate:240deg}}
@media(prefers-reduced-motion:reduce){.victory-sparks{display:none}.tile img,.tile:before,.goal-progress i{transition:none}.tile.suggested:before{animation:none}}

.eyebrow{font-size:clamp(9px,2.35cqw,11px)}.instruction{font-size:clamp(10px,2.55cqw,12px)}.goal-inner span{font-size:clamp(9px,2.2cqw,10px)}.tool-label{font-size:clamp(10px,2.7cqw,13px)}.score-ribbon{font-size:clamp(9px,2.4cqw,11px)}

.mode-switch{display:inline-block;color:#749347;text-decoration:none;font:inherit;font-weight:700;border-bottom:1px dashed #b1c67d;padding-bottom:1px}.mode-switch:focus-visible{outline:2px solid #94b35a;outline-offset:3px}.mode-switch:hover{color:#526d28}