/* Simplified HUD (2026-09-14): the portrait is the only window door, one hero sheet, no talent window,
   automatic pickup with an equip toast, quieter field labels. Loaded after compact-hud.css. */
#hero-portrait { pointer-events: auto; cursor: pointer; transition: box-shadow .2s, transform .2s; }
#hero-portrait:hover, #hero-portrait:focus-visible { outline: none; box-shadow: 0 0 0 2px var(--tg-cyan), 0 0 14px rgba(116,214,208,.55); }
#hero-portrait.attention { box-shadow: 0 0 0 2px #f4d899, 0 0 16px rgba(244,216,153,.7); animation: hero-pulse 1.6s ease-in-out infinite; }
@keyframes hero-pulse { 0%,100% { box-shadow: 0 0 0 2px #f4d899, 0 0 10px rgba(244,216,153,.45); } 50% { box-shadow: 0 0 0 2px #f4d899, 0 0 22px rgba(244,216,153,.9); } }
.hero-badge { position: absolute; top: -7px; right: -7px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: #e7b84b; color: #1a1208; font: 800 11px/18px Manrope, sans-serif; text-align: center; z-index: 2; }
.hero-badge[hidden] { display: none; }
#skillbar .skill-change, #change-skills, #inventory-stack, #touch-pickup, #touch-talents, #btn-talents, #btn-sheet, #rpg-buttons { display: none !important; }
#hud-heavy, #hud-dodge { display: none !important; }
/* Standings: one compact line on phones */
@media (max-width: 720px) {
  #scoreboard { width: 150px; }
  #scoreboard-rows > :nth-child(n+3) { display: none; }
  #scoreboard-rows > * { min-height: 20px; font-size: 11px; }
  #prototype-notice { max-width: 46vw; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 9px; }
  #mobile .touchactions { grid-template-columns: repeat(3, 1fr); }
}
/* Loot prompt only appears when the bag is full */
#loot-prompt { bottom: 96px; }
#loot-prompt button { min-height: 44px; }
/* Sheet header stays small */
#sheet-panel .sheet-header { margin-bottom: 10px; padding-bottom: 8px; }
#sheet-panel .sheet-header h2 { font-size: 20px; }