:root{font-family:"Segoe UI",sans-serif;color:#32452f;background:#efe9da}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;background:#efe9da}button{font:inherit}.game-page{min-height:100vh;padding:22px;background:radial-gradient(circle at top,#fffaf0 0,#efe9da 70%)}.game-header{max-width:1280px;margin:0 auto 18px;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:12px}.logo>span{width:48px;height:48px;border-radius:15px;background:#477a48;color:#ffe27a;display:grid;place-items:center;font-size:28px;box-shadow:0 5px 0 #315e36}.logo strong{display:block;font:700 26px Georgia,serif;color:#31563a}.logo small{display:block;color:#887d69;font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin-top:2px}.resource-bar{display:flex;gap:10px}.resource-bar div{background:#fffaf0;border:2px solid #d9ccb2;border-radius:12px;padding:9px 14px;box-shadow:0 3px 0 #c7b997;font-size:14px}.resource-bar strong{margin-left:5px;color:#4b563e}.game-layout{max-width:1280px;margin:auto;display:grid;grid-template-columns:minmax(0,960px) 280px;gap:18px;align-items:start}.game-stage{position:relative;border:7px solid #6e4c35;border-radius:18px;overflow:hidden;box-shadow:0 9px 0 #493222,0 18px 35px #76674d55;background:#8fcf72}canvas{display:block;width:100%;height:auto;outline:none;image-rendering:pixelated}.canvas-hint{position:absolute;bottom:18px;left:50%;transform:translate(-50%,15px);background:#fff9e9;border:3px solid #6d5138;border-radius:12px;padding:9px 16px;color:#4c3b2c;font-weight:700;font-size:13px;opacity:0;transition:.2s;pointer-events:none;white-space:nowrap;box-shadow:0 4px 0 #4c3626}.canvas-hint.show{opacity:1;transform:translate(-50%,0)}.game-panel{background:#faf3df;border:3px solid #cbb78d;border-radius:16px;padding:17px;box-shadow:0 7px 0 #a89168}.panel-label{font-size:10px;font-weight:800;letter-spacing:.14em;color:#8c7659;margin:0 0 9px}.tool-grid{display:grid;gap:8px}.tool{display:flex;align-items:center;gap:10px;border:2px solid #dfd1b4;border-radius:11px;background:#fffaf0;padding:10px;text-align:left;color:#45533f;cursor:pointer}.tool:hover{transform:translateY(-1px)}.tool.active{border-color:#568553;background:#e9f3df;box-shadow:0 3px 0 #8daf7e}.tool>span{font-size:22px;width:31px}.tool div{flex:1}.tool strong,.tool small{display:block}.tool strong{font-size:13px}.tool small{font-size:10px;color:#988a73;margin-top:2px}kbd{font-family:inherit;font-size:9px;background:#e9dfca;border:1px solid #cbbd9f;border-radius:5px;padding:3px 5px;color:#6a5d49;box-shadow:0 2px 0 #c1b08f}.progress-card{margin-top:18px;padding:13px;background:#fff6d9;border:2px solid #ead79c;border-radius:12px}.panel-title{display:flex;justify-content:space-between;font-size:12px;font-weight:700}.progress-track{height:9px;background:#e5d6b5;border-radius:8px;overflow:hidden;margin:10px 0}.progress-track span{display:block;height:100%;width:0;background:#e89945;border-radius:8px;transition:.3s}.progress-card p,.tip{font-size:10px;color:#85765e;line-height:1.4;margin:0}.how-to{margin-top:20px}.how-to>div{display:flex;align-items:center;gap:10px;margin:9px 0;font-size:11px}.how-to>div kbd{min-width:48px;text-align:center}.tip{border-top:1px dashed #d2c2a3;padding-top:10px;margin-top:12px}.next-day{width:100%;margin-top:16px;border:0;border-radius:10px;background:#dc9144;color:white;padding:12px;font-weight:700;font-size:12px;box-shadow:0 4px 0 #a95e27;cursor:pointer}.next-day:disabled{background:#bcb4a1;box-shadow:0 4px 0 #918b7d;cursor:not-allowed}.next-day span{float:right}.mobile-pad{display:none}#blazor-error-ui{display:none}.loading-progress{position:absolute;width:80px;height:80px;inset:35% 0 auto;margin:auto}.loading-progress circle{fill:none;stroke:#ddcfb2;stroke-width:8px}.loading-progress circle:last-child{stroke:#568553}.loading-progress-text{text-align:center;margin-top:45vh}
@media(max-width:980px){.game-layout{grid-template-columns:1fr}.game-panel{display:grid;grid-template-columns:1fr 1fr;gap:18px}.progress-card,.how-to{margin-top:0}.next-day{grid-column:1/-1;margin-top:0}.mobile-pad{position:absolute;right:12px;bottom:12px;display:grid;grid-template-columns:repeat(3,34px);grid-template-rows:repeat(2,34px);gap:3px}.mobile-pad button{border:1px solid #fff8;background:#2d492eb8;color:white;border-radius:7px}.mobile-pad button:nth-child(1){grid-column:2}.mobile-pad button:nth-child(2){grid-row:2;grid-column:1}.mobile-pad button:nth-child(3){grid-row:2;grid-column:2}.mobile-pad button:nth-child(4){grid-row:2;grid-column:3}}
@media(max-width:620px){.game-page{padding:10px}.game-header{align-items:flex-start}.logo small{display:none}.logo strong{font-size:19px}.logo>span{width:38px;height:38px;font-size:22px}.resource-bar{gap:4px}.resource-bar div{padding:7px;font-size:11px}.game-layout{gap:12px}.game-stage{border-width:4px;border-radius:10px}.game-panel{grid-template-columns:1fr;padding:13px}.canvas-hint{bottom:55px;font-size:10px;max-width:85%;white-space:normal;text-align:center}.how-to{display:none}}