:root{--wood-1: #c9a36f;--wood-2: #b8895180;--cream: #f6ecd9;--cream-dim: #e9dcc2;--ink: #3a2f24;--ink-soft: #6b5b48;--accent: #c07a3e;--accent-soft: #e0a468;--panel: rgba(246, 236, 217, .92);--panel-border: rgba(120, 92, 60, .28);--shadow: 0 8px 30px rgba(74, 52, 30, .22);--radius: 14px;--font: "Nunito", "Quicksand", ui-rounded, "Segoe UI", system-ui, sans-serif;color-scheme:light;font-family:var(--font);color:var(--ink)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;width:100%;overflow:hidden}body{background:radial-gradient(120% 120% at 50% 20%,#fbf3e2,#efe0c4 55%,#e2cfa8);-webkit-font-smoothing:antialiased;user-select:none;touch-action:none}#root{position:relative}canvas{display:block;outline:none}button{font-family:inherit;cursor:pointer}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(8px)}.hud{position:absolute;inset:0;pointer-events:none;z-index:10}.hud>*{pointer-events:auto}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}