:root{color:#e7e2d4;background:#151812;font-family:system-ui,Microsoft YaHei,PingFang SC,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body{min-width:0;min-height:100%;margin:0;overflow-x:hidden;background:#151812}button,a,input{font:inherit}a{color:inherit}.site-header{width:min(1180px,calc(100% - 40px));min-height:70px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;border-bottom:1px solid #30342b;color:#a9aa9a;font-size:13px;letter-spacing:.06em}.brand,.home-link{text-decoration:none}.brand{justify-self:start;color:#e2dccb;font-weight:650}.site-title{color:#7f8375}.home-link{justify-self:end}.brand:hover,.home-link:hover{color:#c4b68d}main{display:grid;justify-items:center;padding:26px 16px 20px}.game-shell{width:100%;display:grid;place-items:center}.game-stage{position:relative;width:min(960px,calc(100vw - 32px),calc((100vh - 150px)*1.6));max-width:100%;aspect-ratio:8 / 5;overflow:hidden;border:1px solid #515847;background:#aab99b;box-shadow:0 18px 48px #00000040;touch-action:none}#game-canvas,#game-canvas canvas,.game-ui{position:absolute;inset:0;width:100%!important;height:100%!important}#game-canvas canvas{display:block;touch-action:none;-webkit-user-select:none;user-select:none}.game-ui{pointer-events:none}.yard-toolbar{position:absolute;z-index:80;top:13px;left:13px;right:13px;display:flex;justify-content:space-between;align-items:center;gap:12px;pointer-events:none}.yard-inventory,.yard-actions{display:flex;align-items:center;gap:8px}.yard-inventory{padding:8px 11px;border:1px solid rgb(238 231 206 / 36%);background:#2b3227c7;color:#d9d5c7;font-size:11px}.yard-inventory span+span{padding-left:8px;border-left:1px solid rgb(238 231 206 / 20%)}.yard-inventory strong{color:#fff8dd;font-weight:650}.yard-actions{pointer-events:auto}.yard-actions button,.dev-tools button{min-height:32px;border:1px solid rgb(235 230 209 / 34%);background:#2d3329d6;color:#e5dfcf;cursor:pointer}.yard-actions button{padding:6px 11px}.yard-actions button:hover,.dev-tools button:hover{background:#454d3eeb}.yard-hint{position:absolute;z-index:88;left:50%;bottom:18px;max-width:calc(100% - 40px);padding:9px 16px;transform:translate(-50%,7px);border-left:2px solid #a78d58;background:#252a22e8;color:#eee7d4;font-size:13px;opacity:0;transition:opacity .16s ease,transform .16s ease}.yard-hint.is-visible{transform:translate(-50%);opacity:1}.modal-layer{position:absolute;inset:0;z-index:100;display:none;place-items:center;padding:32px;pointer-events:auto;background:#161b1494}.modal-layer.is-open{display:grid}.panel{width:min(520px,100%);max-height:100%;overflow-y:auto;padding:clamp(25px,4vw,40px);border:1px solid #8c846b;background:#e7dfcc;color:#30342d;box-shadow:0 20px 60px #00000042}.panel--small{width:min(430px,100%)}.panel--save{width:min(700px,100%)}.panel__eyebrow{margin:0 0 10px;color:#6d725f;font-size:11px;font-weight:700;letter-spacing:.18em}.panel h1,.panel h2{margin:0 0 18px;font-weight:650}.panel h1{font-size:clamp(27px,4vw,39px)}.panel h2{font-size:clamp(22px,3vw,30px)}.panel p,.help-list{line-height:1.75}.help-list{display:grid;gap:5px;margin:20px 0 26px;padding-left:1.35em;color:#4f554a}.save-note{padding:13px 15px;border-left:2px solid #8e805d;background:#ddd4c0;color:#575848;font-size:13px}.setting-row{display:flex;justify-content:space-between;align-items:center;margin:22px 0;padding:15px 0;border-block:1px solid #b9af96}.setting-row input{width:20px;height:20px;accent-color:#65735d}.panel__actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:24px}.primary-button,.danger-button{min-height:42px;padding:9px 18px;cursor:pointer}.primary-button{border:1px solid #3e4439;background:#3e463a;color:#f2eddf}.danger-button{border:1px solid #8b6156;background:transparent;color:#75493f}.text-button{border:0;padding:8px 0;background:transparent;color:#625d4e;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.panel pre{max-height:320px;overflow:auto;padding:14px;background:#2a2e28;color:#dce4d4;font-size:11px;white-space:pre-wrap}.dev-tools{position:absolute;z-index:90;right:10px;bottom:10px;display:grid;grid-template-columns:repeat(3,auto);gap:5px;padding:8px;pointer-events:auto;border:1px solid #a38256;background:#181d17e0;color:#d7c59d;font-size:10px}.dev-tools strong{align-self:center;padding:0 6px;letter-spacing:.12em}.dev-tools button{min-height:27px;padding:4px 7px;font-size:10px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #bca469;outline-offset:3px}.touch-note{display:none;margin:13px 0 0;color:#8d9182;font-size:12px}.game-stage{border:0;box-shadow:inset 0 0 0 1px #515847,0 18px 48px #00000040}.yard-inventory{border-color:#61523647;background:#f6efd7c7;color:#5c594d;box-shadow:0 4px 15px #353f2a1a}.yard-inventory strong{color:#5c513a}.yard-inventory span+span{border-left-color:#5f533b33}.yard-actions button{border-color:#5b503a4d;background:#f6efd7c2;color:#5c594d;box-shadow:0 4px 15px #353f2a17}.yard-actions button:hover{background:#fffae8eb}.yard-hint{border-left-color:#b47c48;background:#f6efd7e8;color:#4f4c41;box-shadow:0 5px 18px #2d342724}.modal-layer{background:#1f2a1f57}.panel{border-color:#a69a78;background:#f2ead2f7;box-shadow:0 18px 50px #1f291d38}@media(max-width:760px){.site-header{width:calc(100% - 28px);min-height:60px;grid-template-columns:1fr auto}.site-title{display:none}main{padding:18px 8px}.game-stage{width:min(960px,calc(100vw - 16px))}.touch-note{display:block}.yard-toolbar{top:7px;left:7px;right:7px}.yard-inventory{gap:4px;padding:5px 7px;font-size:8px}.yard-inventory span+span{padding-left:4px}.yard-actions{gap:4px}.yard-actions button{min-height:25px;padding:3px 6px;font-size:9px}.modal-layer{padding:12px}.panel{padding:18px;font-size:13px}.panel--welcome{overflow:visible;padding:9px 13px;font-size:9px}.panel--welcome .panel__eyebrow{margin-bottom:3px;font-size:8px}.panel--welcome h1{margin-bottom:4px;font-size:17px}.panel--welcome p{margin:3px 0;line-height:1.35}.panel--welcome .help-list{gap:0;margin:4px 0 6px;line-height:1.35}.panel--welcome .primary-button{min-height:26px;padding:3px 10px;font-size:9px}.help-list{margin:12px 0 16px}.dev-tools{display:none}}@media(max-height:720px)and (min-width:761px){.site-header{min-height:58px}main{padding-top:18px}.game-stage{width:min(960px,calc(100vw - 32px),calc((100vh - 106px)*1.6))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}