:root{font-family:system-ui,sans-serif;color:#382c25;background:#eee6d6;font-size:14px}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;justify-content:space-between;padding:18px 3%;background:#fff9eb;border-bottom:4px solid #523a2d}h1{font-size:24px;margin:0;color:#a53d2e}button{font:inherit;cursor:pointer;border:2px solid #594636;background:#fff9eb;color:#44372b;padding:9px 12px;border-radius:5px;box-shadow:0 3px 0 #c8b89a}button:hover:not(:disabled){background:#f8df9e;transform:translateY(-1px)}button:disabled{opacity:.45;cursor:default}button.active{background:#416746;color:white}main{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:22px;max-width:1440px;margin:24px auto;padding:0 24px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.stats>div{background:#fffaf0;padding:12px;border:1px solid #d8c8af;border-radius:6px;font-size:11px}.stats strong{display:block;font-size:22px;margin-top:4px}.scene{position:relative;margin-top:14px;border:5px solid #513c30;border-radius:8px;overflow:hidden;background:#698b62}canvas{display:block;width:100%;image-rendering:pixelated}.scene>span{position:absolute;bottom:10px;left:12px;background:#fff4d9;padding:5px 12px;border:2px solid #58412e;font-weight:bold}.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.flow>div{padding:10px;background:#e1d6be;border-radius:5px;font-size:12px}.flow b{display:block;font-size:19px}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions button:first-child{background:#e6b754}.actions button:nth-child(2){background:#416746;color:white}#hint{padding:12px;background:#fffaeb;border-left:4px solid #c58b39}.log{font-size:12px;line-height:1.9;color:#77624e;min-height:70px}aside{background:#fffaf0;border:1px solid #d2c0a6;border-radius:9px;padding:14px;align-self:start}nav{display:flex;gap:5px;margin-bottom:18px}nav button{flex:1;padding:8px 4px;font-size:12px}.branch{border-left:3px solid #b4b994;margin:12px 0 20px 10px;padding-left:15px}.branch h3{font-size:13px;color:#59704a}.node{display:block;text-align:left;width:100%;margin:10px 0;position:relative;padding:12px}.node:before{content:'';position:absolute;width:16px;height:2px;background:#a7b28c;left:-18px;top:24px}.node small{display:block;margin-top:5px;font-size:11px;line-height:1.5}.node.done{background:#e0ead4;border-color:#7d936a;box-shadow:none}.badge{float:right;font-size:11px}.equipment{padding:14px 0;border-bottom:1px solid #dfd2bf}.equipment button{display:block;margin-top:8px}footer{text-align:center;color:#8b7a65;padding:16px;font-size:11px}#panel{max-height:730px;overflow:auto}#panel p{line-height:1.8}@media(max-width:850px){main{grid-template-columns:1fr;padding:0 12px;margin-top:14px}header{padding:12px;gap:8px}h1{font-size:19px}header button{font-size:11px;padding:7px}.stats strong{font-size:18px}.stats>div{padding:8px}.flow>div{padding:7px}#panel{max-height:none}aside{margin-bottom:20px}}