*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background:#1a1410;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}canvas{display:block;touch-action:none}.hud{position:fixed;inset:0;pointer-events:none;z-index:10}.hud__title{position:absolute;top:env(safe-area-inset-top,12px);left:14px;color:#e8dcc4;font-weight:800;font-size:12px;letter-spacing:.2em;text-transform:uppercase;text-shadow:0 2px 4px rgba(0,0,0,.7);opacity:.9}.hud__hint{position:absolute;bottom:calc(env(safe-area-inset-bottom,14px) + 10px);left:0;right:0;text-align:center;color:#f3ead6;font-size:13px;opacity:.68;text-shadow:0 1px 3px rgba(0,0,0,.6)}.loading{position:fixed;inset:0;display:grid;place-items:center;color:#e2532e;font-size:12px;letter-spacing:.2em;text-transform:uppercase}