html,body{width:100%;height:100%;margin:0;padding:0;font-family:system-ui,sans-serif;overflow:hidden}#app{width:100vw;height:100vh}canvas{display:block}#inventory{color:#fff;pointer-events:none;background:#0000008c;border-radius:8px;min-width:120px;padding:10px 14px;font-size:14px;line-height:1.6;position:fixed;top:12px;left:12px}#inventory h3{opacity:.7;text-transform:uppercase;letter-spacing:.04em;margin:0 0 4px;font-size:13px}#hint{color:#fff;opacity:0;pointer-events:none;background:#0000008c;border-radius:20px;padding:8px 16px;font-size:14px;transition:opacity .15s;position:fixed;bottom:88px;left:50%;transform:translate(-50%)}#hint.visible{opacity:1}#buildbar{gap:8px;display:flex;position:fixed;bottom:12px;left:50%;transform:translate(-50%)}.build-btn{color:#fff;cursor:pointer;text-align:center;background:#0000008c;border:2px solid #0000;border-radius:8px;padding:8px 12px;font-size:13px;line-height:1.3}.build-btn small{opacity:.65;font-size:11px;display:block}.build-btn.selected{border-color:#ffd54a}#guide-toggle{color:#fff;cursor:pointer;background:#0000008c;border:none;border-radius:8px;padding:8px 12px;font-size:14px;position:fixed;top:12px;right:12px}#guide-toggle:hover{background:#000000b8}#guide-overlay{z-index:10;background:#0006;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#guide-overlay.visible{display:flex}#guide-book{color:#3a2f1c;background:#f4ecd8;border-radius:12px;flex-direction:column;width:min(560px,90vw);height:min(440px,80vh);display:flex;overflow:hidden;box-shadow:0 12px 40px #0006}#guide-header{background:#e6d8b8;border-bottom:1px solid #d2c199;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}#guide-title{font-size:18px;font-weight:700}#guide-close{cursor:pointer;color:#3a2f1c;background:0 0;border:none;font-size:18px;line-height:1}#guide-body{min-height:0;display:flex}#guide-tabs{background:#ece0c4;border-right:1px solid #d2c199;flex-direction:column;gap:4px;min-width:110px;padding:12px;display:flex}.guide-tab{text-align:left;cursor:pointer;color:#3a2f1c;background:0 0;border:none;border-radius:6px;padding:8px 10px;font-size:14px}.guide-tab:hover{background:#dccba3}.guide-tab.active{background:#cbb684;font-weight:600}#guide-content{padding:16px 20px;font-size:14px;line-height:1.6;overflow-y:auto}.guide-controls{border-collapse:collapse;width:100%}.guide-controls td{vertical-align:top;border-bottom:1px solid #e0d3b0;padding:6px 8px}.guide-controls td:first-child{white-space:nowrap;width:90px}kbd{color:#f4ecd8;background:#3a2f1c;border-radius:4px;padding:1px 6px;font-family:inherit;font-size:12px}.guide-tip{opacity:.8;margin-top:14px;font-style:italic}