/* PIANO ARMY · the round's messages, quieter (web/army-toasts.css; army-toasts.js places them at the field's foot on open
   ground). Lionel, 10-23: "also right now the logs are way too noticeable, put them somewhere less obvious and make them
   smaller": about 70% of their text and padding (14 → 10 px, 5 × 10 → 3.5 × 7), more see-through, no coloured bar down
   their left; the important ones (a building or a flag lost, a refusal) a thin tint of their colour instead. */
#toasts { gap: 3px; overflow: hidden; justify-content: flex-end; align-items: flex-start; }
#toasts .toast { font-size: 10px; line-height: 1.3; padding: 3.5px 7px; border-radius: 6px; background: rgba(14, 18, 28, 0.55); border: 1px solid rgba(255, 255, 255, 0.08); border-left-width: 1px; color: rgba(232, 236, 248, 0.82); animation-duration: .2s; max-width: 100%; }
#toasts .toast b { font-weight: 600; }
#toasts .toast.big { font-size: 12px; }
#toasts .toast.used { font-size: 9px; }
#toasts .toast.hint { color: rgba(200, 208, 228, 0.72); }
#toasts .toast.danger { background: rgba(70, 18, 18, 0.6); border-color: rgba(255, 110, 90, 0.35); color: #ffd6cf; }
#toasts .toast.refusal { background: rgba(60, 44, 14, 0.6); border-color: rgba(255, 200, 90, 0.3); color: #ffe7b8; }
#toasts .toast, #toasts .toast.big, #toasts .toast.hint, #toasts .toast.combo, #toasts .toast.used, #toasts .toast.partial, #toasts .toast.bonus, #toasts .toast.gold, #toasts .toast.short { border-left-color: rgba(255, 255, 255, 0.08); }
#toasts .toast.danger { border-left-color: rgba(255, 110, 90, 0.35); }
#toasts .toast.refusal { border-left-color: rgba(255, 200, 90, 0.3); }
#stage[data-orient="portrait"] #toasts .toast { font-size: 9px; padding: 2.5px 6px; }