*{box-sizing:border-box}body{margin:0;background:#f8f6ee;color:#30473f;font-family:Inter,"Microsoft YaHei",sans-serif}main{max-width:1240px;margin:auto;padding:28px 44px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:1px solid #cdd1c1;background:transparent;border-radius:8px;padding:10px 17px}button:hover{background:#e9eadc}button:focus-visible,.target:focus-visible{outline:3px solid #d49f43;outline-offset:4px}header{display:flex;align-items:center;gap:24px;border-bottom:1px solid #dddccd;padding-bottom:23px}.brand{display:flex;align-items:center;gap:12px;font-size:35px;text-decoration:none;color:inherit}.brand span{font-size:19px;font-weight:800;letter-spacing:3px}.brand small{display:block;font-size:9px;letter-spacing:2px;margin-top:5px}.edition{margin-left:auto;font-size:12px;color:#7b877c}.edition b{display:block;margin-top:5px;font-size:13px;font-weight:500;color:#344b43}.intro{display:flex;align-items:center;justify-content:space-between;padding:27px 0 25px}.eyebrow{font-size:10px!important;letter-spacing:2.5px;color:#8c927d!important}h1{font-size:32px;letter-spacing:2px;margin:10px 0}.intro p{font-size:13px;color:#7b8376}.counter{display:flex;align-items:baseline;gap:13px;color:#859080;font-size:12px}.counter strong{font-size:40px;font-weight:400;color:#344b43;font-variant-numeric:tabular-nums}.game{border:1px solid #cdd2c0;border-radius:13px;overflow:hidden;box-shadow:0 12px 32px #344b4308}.scene-head{display:flex;justify-content:space-between;padding:14px 22px;font-size:11px;letter-spacing:1.5px;background:#e8ebdd}.scene-head i{font-style:normal;margin-left:15px;letter-spacing:0;color:#73826e}#phase{letter-spacing:0;color:#73826e}svg{display:block;width:100%;height:auto;touch-action:manipulation;user-select:none}.label{font-size:15px;fill:#64745f;letter-spacing:2px}.annotation{font-size:12px;fill:#9aa38e;letter-spacing:2px}.target{cursor:pointer}.target:hover{filter:drop-shadow(0 0 7px #d9ac4e)}.hit{fill:transparent}.feedback{padding:17px 22px;display:flex;align-items:center;gap:12px;background:#fffdf6;font-size:13px;min-height:58px}#status-icon{color:#ad8640;font-size:20px}#mode{margin-left:auto;font-size:11px;background:#e9edde;border-radius:20px;padding:5px 12px;white-space:nowrap}.bottom{display:flex;justify-content:space-between;gap:24px;margin-top:24px}.inventory{display:flex;gap:10px;align-items:center}.section-label{font-size:12px;font-weight:700;display:block;margin-right:10px;white-space:nowrap}.section-label small{display:block;font-size:10px;font-weight:400;margin-top:7px;color:#8c927f}.inventory button{position:relative;width:100px;height:65px;text-align:left;font-size:12px;padding:10px}.inventory button span{font-size:22px;float:left;margin-right:8px}.inventory button small{display:block;font-size:9px;color:#949c89;margin-top:6px}.inventory button:disabled{opacity:.45;cursor:default}.inventory button.selected{background:#e9dca8;border-color:#b89a54}.chain{padding-top:4px}.chain ol{display:flex;list-style:none;padding:0;gap:18px;font-size:11px;color:#9a9e8e;counter-reset:tasks}.chain li:before{counter-increment:tasks;content:counter(tasks);border:1px solid #cbd1bd;border-radius:50%;padding:2px 5px;margin-right:5px}.chain li.done{color:#52765e}.chain li.done:before{content:'✓';background:#52765e;border-color:#52765e;color:white}footer{display:flex;align-items:center;justify-content:space-between;margin-top:23px;border-top:1px solid #dedfce;padding-top:14px;font-size:10px;color:#939987}footer button{border:0;font-size:11px;padding:6px}.bump{animation:bump .3s}@keyframes bump{50%{transform:translateX(5px)}}@media(max-width:720px){main{padding:16px}.edition{display:none}header{justify-content:space-between}.intro{padding:15px 0}h1{font-size:24px}.intro p{font-size:11px;max-width:230px;line-height:1.8}.eyebrow{font-size:8px!important}.counter{gap:5px;flex-wrap:wrap;max-width:82px}.counter strong{font-size:28px}.counter span:first-child{width:100%;font-size:10px}.bottom{flex-direction:column;gap:16px}.chain ol{justify-content:space-between;gap:5px}.scene-head{padding:11px;font-size:9px}#phase{font-size:9px}.feedback{font-size:11px;padding:10px;gap:6px;min-height:60px}#mode{padding:4px 7px}.inventory button{width:88px}footer{align-items:start;gap:10px;line-height:1.8}footer span{max-width:75%}}
/* Workshop art: scenery and puzzle props share the same visual treatment. */
#scene{cursor:pointer;background:#796b4b}#scene .label,#scene .annotation{display:none}#scene .target{cursor:inherit}#scene .target:hover{filter:none}#scene #hammer circle{opacity:0}#scene #hammer{filter:drop-shadow(1px 3px 2px #211b1990)}#scene #crate{filter:drop-shadow(2px 3px 2px #211b1980)}#scene #door{filter:drop-shadow(2px 3px 3px #211b1980)}#scene #spring>path:last-child{display:none}#scene #ground{fill:#514d37}#scene #robot{filter:drop-shadow(0 4px 3px #211b1950)}.game{border-color:#b4a586}.scene-head{background:#ded8c1}
.bottom{display:block;margin-top:20px}.inventory{padding:18px 22px;border:2px solid #7a6950;background:#e9dfc7;border-radius:12px;box-shadow:0 4px 12px #40351c12;gap:14px}.inventory button{width:112px;height:78px;background:#f9f3e6;border:2px solid #b4a387;color:#55462f;opacity:1}.inventory button:disabled{opacity:.3;background:#d8ceb8;border-style:dashed}.inventory button.selected{background:#f4d794;border:3px solid #80612c;box-shadow:0 0 0 3px #f8efce,inset 0 0 10px #c9a15d30}.inventory button img{width:35px;height:40px;object-fit:contain;float:left;margin-right:8px}.inventory button .tool-name{float:none;font-size:13px;margin:0}.inventory button small{font-size:11px;color:#7c633a;margin-top:7px}.inventory .section-label{font-size:15px}.inventory .section-label small{font-size:10px;line-height:1.7}.chain{display:none}@media(max-width:720px){.inventory{padding:12px;gap:9px;flex-wrap:wrap}.inventory>.section-label{width:100%;margin-bottom:4px}.inventory .section-label small{display:inline;margin-left:12px}.inventory button{width:90px;height:72px}}
.inventory button:disabled>*{visibility:hidden}