/* Reservas de respawn e fila (server/respawn.py, web/js/respawn.js): as peças do client do Bestiary (pf-panel, an-kv,
   ba-slot, os botões), o dourado de selecionado #c5b47c e só as cores de docs/DESIGN.md. */
.rs-head{display:grid;grid-template-columns:44px minmax(0,1fr);gap:6px;align-items:center;padding:5px 6px}
.rs-head canvas{image-rendering:pixelated}
.rs-head .ba-slot{display:grid;place-items:center;width:44px;height:44px}
.rs-head b{display:block;color:#fff;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rs-head small{display:block;color:#a9a9a9;font-size:10px;line-height:12px}
.rs-list{display:grid;gap:3px;padding:4px}
.rs-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:6px;align-items:center;min-height:40px;padding:2px 6px;text-align:left;line-height:13px;width:100%}
.rs-row.is-sel{color:#fff;border-color:#c5b47c;box-shadow:inset 0 0 0 1px #c5b47c}
.rs-row.is-sel .t b{color:#e8c547}
.rs-row.is-off{opacity:.55}
.rs-row .an-slot{display:grid;place-items:center;width:34px;height:34px}
.rs-row .t{display:grid;gap:1px;min-width:0}
.rs-row .t b{color:#fff;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rs-row .t small{color:#a9a9a9;font-size:10px;line-height:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rs-tag{display:grid;justify-items:end;gap:1px;font-style:normal;font-size:10px;line-height:12px;white-space:nowrap;color:#a9a9a9;font-variant-numeric:tabular-nums}
.rs-tag b{font-weight:normal;font-size:11px}
.rs-tag.is-free b{color:#5fc85f}.rs-tag.is-busy b{color:#e8756c}.rs-tag.is-mine b{color:#e8c547}.rs-tag.is-offer b{color:#e8c547}
.rs-mons{display:flex;flex-wrap:wrap;gap:4px;padding:4px 6px}
.rs-mon{display:grid;justify-items:center;gap:1px;width:64px;font-size:10px;line-height:12px;color:#c0c0c0;text-align:center}
.rs-mon .ba-slot{display:grid;place-items:center;width:38px;height:38px}
.rs-mon span{max-width:64px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rs-detail .an-kv{margin:4px}
.rs-detail .an-kv b.good{color:#5fc85f}.rs-detail .an-kv b.bad{color:#e8756c}.rs-detail .an-kv b.gold{color:#e8c547}
.rs-tip{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center;margin:4px;padding:4px 6px;background:#262626;border:1px solid #111;box-shadow:inset 1px 1px #000,1px 1px #6a6a6a;font-size:11px;line-height:13px;color:#c0c0c0}
.rs-tip b{color:#5fc85f;font-weight:normal}
.rs-tip span{min-width:0}
.rs-bar{position:relative;height:8px;margin:2px 6px 6px;background:#1c1c1c;border:1px solid #0d0d0d;box-shadow:1px 1px #6a6a6a}
.rs-bar i{position:absolute;left:0;top:0;bottom:0;background:#e8c547}
.rs-bar.is-low i{background:#e8584c}
.rs-note{margin:4px 6px;font-size:11px;line-height:13px;color:#a9a9a9}
#nx b.rs-open{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#nx .rs-left{display:inline;color:#e8c547}
#nx .rs-left.is-low{color:#e8756c}
#nx .rs-open{cursor:pointer}
/* Sua reserva (the window's top): each reservation and queue place of the party, whatever hunt the window shows */
.rs-hl{display:grid;gap:3px;padding:3px 4px 4px}
.rs-hrow{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:6px;align-items:center;min-height:38px;padding:1px 4px 1px 2px;background:#262626;border:1px solid #111;box-shadow:inset 1px 1px #000,1px 1px #6a6a6a}
.rs-hrow .an-slot{display:grid;place-items:center;width:34px;height:34px}
.rs-hrow .t{display:grid;gap:1px;min-width:0;line-height:13px}
.rs-hrow .t b{color:#e8c547;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rs-hrow .t small{color:#a9a9a9;font-size:10px;line-height:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rs-hrow .act{display:flex;gap:3px}
.rs-hrow .act button{min-height:30px;padding:0 6px}