/* ---------- top status strip ---------- */
  .hud{
    position:fixed;top:calc(env(safe-area-inset-top,0px) + 10px);left:50%;transform:translateX(-50%);
    display:flex;gap:2px;align-items:stretch;
    background:rgba(29,43,38,.86);backdrop-filter:blur(8px);
    border-radius:999px;box-shadow:var(--shadow);
    padding:5px;max-width:calc(100vw - 20px);
  }
  .stat{display:flex;flex-direction:column;justify-content:center;padding:5px 14px;border-radius:999px;line-height:1.15}
  .stat b{font-size:15px;font-weight:800;letter-spacing:.2px;white-space:nowrap}
  .stat span{font-size:9.5px;text-transform:uppercase;letter-spacing:.13em;color:var(--cream-dim);font-weight:700}
  .stat + .stat{box-shadow:inset 1px 0 0 rgba(244,240,226,.12)}
  .stat.coins b{color:var(--mustard)}
  .stat.mood b{color:var(--meadow)}

  /* ---------- corner buttons ---------- */
  .corner{
    position:fixed;top:calc(env(safe-area-inset-top,0px) + 10px);right:10px;
    display:flex;flex-direction:column;gap:8px;
  }
  .chip{
    width:42px;height:42px;border:0;border-radius:14px;cursor:pointer;
    background:rgba(29,43,38,.86);color:var(--cream);backdrop-filter:blur(8px);
    box-shadow:var(--shadow);display:grid;place-items:center;
    font:inherit;font-size:12px;font-weight:800;transition:transform .12s ease,background .12s ease;
  }
  .chip:hover{background:rgba(43,61,54,.94)}
  .chip:active{transform:scale(.93)}
  .chip.off{color:#7d8a83}
  .chip svg{width:19px;height:19px}