/* index.css — legacy standalone prototype (inline sim). Deltas over base.css. */
canvas { width: 100vw; height: 100vh; }
#hud {
  position: fixed; left: 16px; bottom: 16px;
  user-select: none; pointer-events: none; text-shadow: 0 0 6px var(--glow);
}
#energybar {
  width: 220px; height: 10px; border: 1px solid var(--line); border-radius: 3px;
  margin-bottom: 6px; overflow: hidden; background: var(--panel);
}
#energyfill { height: 100%; width: 100%; background: var(--bar); transition: width 80ms; }
#feed {
  position: fixed; right: 16px; top: 16px; color: var(--ink-ctl); text-align: right;
  line-height: 1.6; pointer-events: none; text-shadow: 0 0 6px #0006;
}
#scores { position: fixed; left: 16px; top: 16px; color: var(--soft); line-height: 1.6; pointer-events: none; }
.me { color: var(--hot); }
#help {
  position: fixed; bottom: 16px; right: 16px; color: var(--dim); text-align: right;
  font-size: 12px; line-height: 1.6; pointer-events: none;
}