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:20px;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}