/* Compact receipt lines; existing HUD typography, no window frame or buttons. */
#gain-feed{position:absolute;right:max(16px,env(safe-area-inset-right));bottom:calc(var(--dock) + var(--safe-bottom) + 16px);width:250px;display:flex;flex-direction:column;gap:4px;pointer-events:none;z-index:8;font:12px/1.5 system-ui,sans-serif;color:#ecede5;text-shadow:0 1px 2px #000}
#gain-feed[hidden]{display:none}
.gain-row{display:flex;align-items:center;gap:16px;min-width:0;padding:5px 9px;background:linear-gradient(90deg,#10181610,#101816dc 20%);border-right:2px solid #b8c5b17a}
.gain-row.is-entering{animation:gain-arrive .18s ease-out}
#gain-feed[data-paused] .gain-row{animation-play-state:paused}
.gain-row span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gain-row b{flex:none;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.gain-row[data-kind=gold]{color:#efd18c;border-color:#c6a55a}
.gain-row[data-kind=xp]{color:#b9d8b3;border-color:#83aa80}
.gain-row[data-rarity=legendary]{color:#efc668;border-color:#c2923b}
.gain-row[data-kind=notice]{color:#f0c593;border-color:#c99b66;gap:0}
.gain-row[data-kind=notice] span{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
.gain-row[data-kind=notice] b{display:none}
.gamepad #gain-feed .gain-row[data-kind=notice]{font-size:calc(11px * var(--inverse-ui-scale));line-height:1.55}
@container game-viewport (max-width:700px){}
@media(prefers-reduced-motion:reduce){.gain-row.is-entering{animation:none}}
@keyframes gain-arrive{from{transform:translateY(5px)}to{transform:translateY(0)}}
