/* The online heroes under the Ignizard raid card (rpg/ui-rpg.js renderDragonRoster). 2026-10-17, a player via the owner:
   "add some background or something here, hard to read it": the lists sit on a solid navy panel, each hero on a card of
   its own (name white, level in a pill, what they're doing below), a coloured edge per group: ready green, cooldown amber,
   in a party or busy grey. */
.dragon-roster { margin-top:12px; padding:10px; border-radius:10px; background:linear-gradient(180deg,#141e52,#0d1640); border:1px solid #34468a; box-shadow:inset 0 1px 0 #ffffff14, 0 2px 0 #00000066; color:#e8ecff; }
.dragon-roster h4 { margin:0 0 4px; font-family:var(--display); font-weight:400; font-size:17px; color:var(--gold); }
.lease-card .dragon-roster p { font-size:13px; line-height:1.35; margin:0 0 6px; color:#bcc5ea; }
.dragon-roster h5 { margin:10px 0 5px; font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:#ffcf8a; }
.dragon-roster ul { list-style:none; margin:0; padding:0 2px 0 0; display:grid; gap:5px; max-height:200px; overflow:auto; overscroll-behavior:contain; }
.dragon-roster li { display:flex; align-items:center; gap:8px; padding:6px 8px; border-radius:8px; background:#1a2663; border:1px solid #34468a; border-left:3px solid var(--g, #34468a); }
.dragon-roster li>span { flex:1; min-width:0; overflow-wrap:anywhere; }
.dragon-roster li b { color:#fff; font-size:15px; }
.dragon-roster li>span>small:not(:last-child) { margin-left:4px; padding:0 6px; border-radius:999px; background:#0d1638; border:1px solid #3b4c80; color:#7fd4ff; font-size:12px; white-space:nowrap; }
.dragon-roster li>span>small:last-child { display:block; margin-top:2px; color:#c9d1f2; font-size:13px; }
.dragon-roster time { color:var(--gold); font-variant-numeric:tabular-nums; }
.dragon-roster h5:nth-of-type(1) { color:#8ff09a; } .dragon-roster h5:nth-of-type(1)+ul li { --g:#5fe86f; }
.dragon-roster h5:nth-of-type(2) { color:#ffcf8a; } .dragon-roster h5:nth-of-type(2)+ul li { --g:#ffb347; }
.dragon-roster h5:nth-of-type(3) { color:#aab4dc; } .dragon-roster h5:nth-of-type(3)+ul li { --g:#6b77a8; background:#161f52; }
.dragon-roster .btn { flex:none; min-height:44px; min-width:72px; }
.dragon-roster .btn:disabled { opacity:.45; cursor:default; }
.dragon-empty { padding:6px 8px; border-radius:8px; background:#121a48; color:#8f9ac4; }
.lease-card.raid { max-height:calc(100dvh - 80px - env(safe-area-inset-bottom, 0px)); overflow-y:auto; overscroll-behavior:contain; }