.sprite{display:none}
#karte{
  position:fixed;z-index:60;width:298px;pointer-events:none;
  background:#101208;border:1px solid var(--line-2);
  box-shadow:0 18px 44px rgba(0,0,0,.6);
  opacity:0;transform:translateY(4px);transition:opacity .12s,transform .12s;
}
#karte[data-an="ja"]{opacity:1;transform:translateY(0)}
#karte .bild{
  height:94px;border-bottom:1px solid var(--line);
  background:radial-gradient(ellipse at 50% 45%, #2b3020 0%, #171a10 62%, #10120a 100%);
  display:flex;align-items:center;justify-content:center;overflow:hidden;
}
#karte .bild img{width:100%;height:100%;object-fit:contain;display:block;padding:4px;box-sizing:border-box}
#karte .bild .leerbild{
  font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--far);text-align:center;line-height:1.7;padding:0 18px;
}
#karte .kopf{padding:11px 15px 9px}
#karte h4{
  margin:0;font-family:var(--display);font-size:19px;letter-spacing:.01em;
  color:var(--sand);font-weight:700;
}
#karte .unter{
  margin:3px 0 0;font-family:var(--mono);font-size:10px;letter-spacing:.11em;
  text-transform:uppercase;color:var(--gold);
}
#karte .text{
  margin:0;padding:0 15px 11px;font-size:12.5px;color:var(--dim);line-height:1.5;
}
#karte dl{
  margin:0;padding:0 15px 13px;display:grid;grid-template-columns:auto 1fr;
  gap:4px 14px;font-size:12.5px;
}
#karte dt{color:var(--far);white-space:nowrap}
#karte dd{margin:0;color:var(--sand);text-align:right;font-variant-numeric:tabular-nums}
#karte .teile{border-top:1px solid var(--line);padding:10px 15px 12px}
#karte .teile p{
  margin:0 0 8px;font-family:var(--mono);font-size:9px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--far);
}
#karte .teile p .wieviele{
  float:right;color:var(--gold);font-weight:700;letter-spacing:.08em;
}
#karte .teile div{display:flex;flex-wrap:nowrap;gap:4px}
#karte .slot{position:relative;display:block;line-height:0}
#karte .teile svg{
  width:26px;height:26px;padding:4px;box-sizing:border-box;flex:0 0 auto;
  border:1px solid var(--line-2);fill:none;stroke:var(--gold);
  stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round;
}
#karte .slot.aus svg{stroke:#2c3020;border-color:#1c1f14}
#karte .slot b{
  position:absolute;right:-3px;bottom:-4px;min-width:12px;height:12px;
  padding:0 2px;box-sizing:border-box;background:var(--gold);color:#15170e;
  font-family:var(--mono);font-size:8px;font-weight:700;line-height:12px;
  text-align:center;border-radius:7px;
}
@media(max-height:640px){#karte .bild{display:none}}
@media(max-width:900px){#karte{display:none}}