/* ---- games on the elements: the power bar, gnome name tags, recipe cards */
  /* the ability (the #elpow family: navy edge, hard navy shadow, the spell's own colour): one big button down in the bottom-left on a
     computer with its Shift keycap, above the jump button on a phone; while it recharges a shade sweeps round it and counts down */
  #elpow { position: fixed; left: calc(var(--hud-inline) + 6px); bottom: calc(var(--hud-bottom) + 10px); z-index: 8; display: flex; align-items: flex-end; gap: 10px; }
  #elpow button { position: relative; display: grid; justify-items: center; align-content: center; gap: 2px; width: 84px; padding: 8px 6px 6px; color: #ffffff; background: var(--ec); border: 3px solid #131c5c; border-radius: 18px; box-shadow: 0 4px 0 #131c5c; font: 800 12px/1.1 var(--ui); overflow: hidden; touch-action: none; transition: transform .08s, box-shadow .08s; }
  #elpow button.pw-main { width: 118px; height: 118px; border-radius: 26px; box-shadow: 0 5px 0 #131c5c; font-size: 14px; }
  #elpow button.down { transform: translateY(3px); box-shadow: 0 2px 0 #131c5c; }
  #elpow button::after { content: ''; position: absolute; inset: 0; z-index: 0; background: conic-gradient(rgba(19,28,92,.62) var(--cd), transparent 0); pointer-events: none; }
  #elpow button[style*="--cd:0%"]::after { display: none; }
  #elpow i { font-style: normal; font-size: 26px; line-height: 1; }
  #elpow .pw-main i { font-size: 46px; }
  #elpow kbd { position: absolute; top: 3px; right: 5px; font: 800 10px var(--ui); opacity: .85; background: none; border: 0; color: #ffffff; padding: 0; }
  #elpow .pw-main kbd { position: static; margin-top: 3px; padding: 1px 8px 2px; border: 2px solid rgba(255,255,255,.85); border-bottom-width: 3px; border-radius: 7px; background: rgba(19,28,92,.3); font-size: 11px; opacity: 1; }
  #elpow u { position: absolute; inset: 0; z-index: 1; display: grid; place-items: center; color: #ffffff; font: 900 30px/1 var(--ui); text-decoration: none; text-shadow: 0 2px 0 #131c5c; pointer-events: none; }
  #elpow .pw-more u { font-size: 20px; }