@font-face{font-family:Fredoka;src:url(../fonts/Fredoka-Variable.ttf) format("truetype");font-weight:300 700;font-stretch:75% 125%;font-style:normal;font-display:swap}@font-face{font-family:Nunito;src:url(../fonts/Nunito-Variable.ttf) format("truetype");font-weight:200 1000;font-style:normal;font-display:swap}:root{--bark: #4a2f1d;--wood: #8b5a3c;--cream: #fff4de;--moss: #7bae5a;--sky: #bfe3f2;--gold: #f5b82e;--gem: #3fc1d0;--glow: #a77bff;--berry: #e0605e;--hud-height: 56px;--nav-height: 64px;--radius-md: 12px;--radius-lg: 20px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--sar: env(safe-area-inset-right, 0px);--font-display: "Fredoka", system-ui, sans-serif;--font-body: "Nunito", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:var(--bark);color:var(--cream);font-family:var(--font-body);-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none}#game-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}#game-root canvas{display:block;width:100%!important;height:100%!important}#ui-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}#ui-root>*{pointer-events:auto}.hud{position:absolute;top:0;left:0;right:0;height:calc(var(--hud-height) + var(--sat));padding:var(--sat) var(--space-3) 0;display:flex;align-items:center;gap:var(--space-3);background:linear-gradient(180deg,rgba(74,47,29,.92),rgba(74,47,29,.55) 70%,transparent)}.hud__chip{display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-3);background:var(--cream);color:var(--bark);border-radius:999px;font-family:var(--font-display);font-weight:700;font-size:16px;box-shadow:0 2px #00000026}.hud__chip--gold:before{content:"●";color:var(--gold)}.hud__chip--gem:before{content:"◆";color:var(--gem)}.bottom-nav{position:absolute;left:0;right:0;bottom:0;height:calc(var(--nav-height) + var(--sab));padding:0 0 var(--sab);display:flex;align-items:stretch;justify-content:space-around;background:#4a2f1df0;border-top:2px solid var(--wood)}.bottom-nav__tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:44px;min-width:44px;margin:0;padding:var(--space-1);border:0;background:transparent;color:var(--cream);font-family:var(--font-display);font-size:11px;font-weight:600;opacity:.7;cursor:pointer}.bottom-nav__tab.is-active{opacity:1;color:var(--gold)}.bottom-nav__icon{width:28px;height:28px;border-radius:8px;background:var(--wood)}.bottom-nav__tab.is-active .bottom-nav__icon{background:var(--gold)}