:root{--bg: #dad7cd;--ink: #344e41;--accent: #3a5a40}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-user-select:none;user-select:none;overscroll-behavior:none;touch-action:none}canvas{display:block}.hud{position:fixed;top:0;left:0;display:flex;gap:1rem;padding:.6rem .9rem;margin:.6rem;border-radius:.75rem;background:#ffffffb8;color:var(--ink);font-variant-numeric:tabular-nums;font-weight:600;box-shadow:0 1px 4px #344e412e;pointer-events:none}.hud__item{white-space:nowrap}.build-menu{position:fixed;left:50%;bottom:0;transform:translate(-50%);display:flex;gap:.5rem;max-width:100vw;padding:.6rem;margin:.6rem;overflow-x:auto}.build-menu__item{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.5rem .8rem;border:2px solid transparent;border-radius:.6rem;background:#ffffffd9;color:var(--ink);font:inherit;cursor:pointer;box-shadow:0 1px 4px #344e412e}.build-menu__item--selected{border-color:var(--accent);background:var(--accent);color:#fff;box-shadow:0 2px 10px #344e4166}.build-menu__item--selected .build-menu__cost{opacity:.9}.build-menu__item--unaffordable{opacity:.5}.build-menu__name{font-weight:600}.build-menu__cost{font-size:.8em;opacity:.75;white-space:nowrap}.reset-button{position:fixed;top:0;right:0;margin:.6rem;padding:.4rem .7rem;border:none;border-radius:.6rem;background:#7a1f1fd9;color:#fff;font:inherit;cursor:pointer}.error-screen{padding:2rem;color:#7a1f1f}.error-screen pre{white-space:pre-wrap}