/* NOLIFER: databáze dropů světa (/<svět>/databaze.html). Načítá se po style.css. */
.db{max-width:var(--wrap);margin:0 auto;padding:0 32px 64px}
.db-tools{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin:0 0 22px}
.db-tools .field{flex:1 1 300px;max-width:520px;margin:0}
.db-tools .field input{padding:11px 15px;font-size:.95rem}
.db-rates{font:500 .72rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);min-height:1.2em}
.db-foot{margin-top:22px;font-size:.86rem;color:var(--muted)}
.db-foot a{color:var(--accent)}
.db-foot a:hover{color:var(--fg)}

/* karta výsledku */
.res{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-card);margin-bottom:14px;overflow:hidden}
.res-head{display:flex;align-items:center;flex-wrap:wrap;gap:10px 12px;padding:14px 18px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.02)}
.res-head b{font-size:1rem}
.res-head .cnt{margin-left:auto;font:500 .7rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.res .tbl-wrap{border:0;border-radius:0;background:transparent}
.res table{min-width:560px}
.res .body{padding:12px 18px}
.res .body .btn{padding:9px 18px;font-size:.84rem}
.chance{font:700 .95rem var(--font-display);color:var(--accent);font-variant-numeric:tabular-nums}
.tag{display:inline-block;padding:2px 8px;border-radius:var(--r-pill);border:1px solid var(--line-14);
  font:600 .62rem var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);vertical-align:middle}
.tag.raid{border-color:var(--danger-frame);color:#f0b5aa}
.tag.spoil{border-color:var(--ok-frame);color:var(--ok)}
.db td.name a{color:var(--fg)}
.db td.name a:hover{color:var(--accent)}
.db td.name img{width:22px;height:22px;vertical-align:middle;margin-right:8px;border-radius:5px;background:rgba(255,255,255,.03)}

@media (max-width:720px){
  .db{padding:0 20px 48px}
  .db-tools .field{max-width:none}
}