.sprite { position: absolute; width: 0; height: 0; overflow: hidden; }
body.gesperrt { overflow: hidden; }
.start-lader { min-height: 60vh; display: flex; align-items: center; justify-content: center; gap: 12px; color: var(--ink-3); font-size: var(--t-m); }
.ohne-huelle .start-lader { min-height: 100vh; }
.toast .lauf { animation-duration: var(--dauer, 4600ms); }
.bild.mit-bild, .avatar.mit-bild { overflow: hidden; background: var(--s3); }
.mit-bild img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: inherit; max-width: none; }
.server-symbol.mit-bild { background: var(--s3); }
.server-symbol > span[data-no-i18n] { pointer-events: none; }
.menue .rechts-sym { margin-left: auto; }
.klassisch-marke { display: inline-flex; align-items: center; flex: none; color: var(--ink-4); }
.klassisch-marke svg { width: 13px; height: 13px; }
.knopf .klassisch-marke { color: inherit; opacity: 0.6; }
.knopf .klassisch-marke svg { width: 12px; height: 12px; }
.ue-schnell a .klassisch-marke { margin-left: auto; }
.ue-schnell a .klassisch-marke svg { width: 13px; height: 13px; color: var(--ink-4); }
.led-huelle { display: inline-flex; align-items: center; padding: 3px; }
.nav-punkt .rechts .klassisch-marke svg { width: 12px; height: 12px; }
.nav-server .bild.leer-bild { background: var(--s3); color: var(--ink-3); }
.nav-server .bild.leer-bild svg { width: 18px; height: 18px; }
.nav-server .bild { background: var(--sv, var(--s3)); }
.sk-spalte { gap: 12px; }
.skelett.sk-b0 { width: 88%; }
.skelett.sk-b1 { width: 64%; }
.skelett.sk-b2 { width: 76%; }
.skelett.sk-b3 { width: 52%; }
.skelett.sk-b4 { width: 70%; }
.skelett.sk-code { width: 140px; height: 10px; }
.skelett.sk-titel { width: min(380px, 80%); height: 30px; border-radius: 8px; }
.skelett.sk-text { width: min(560px, 90%); }
.skelett.sk-etikett { width: 50%; height: 9px; }
.skelett.sk-wert { width: 70px; height: 28px; border-radius: 6px; }
.sk-reihe { margin-bottom: var(--a-5); }
.sk-gitter { align-items: start; }
.zustand-code { font-size: var(--t-s); color: var(--ink-3); }
.zustand-code .mono { color: var(--ink-2); }
.zustand-band { align-items: center; }
.zustand-band > span { flex: 1; }
.start-titel { margin-top: 14px; }
.start-zurueck { align-self: flex-start; }
.anmelde-person { padding: 10px 12px; border-radius: var(--r-m); background: var(--s2); border: 1px solid var(--linie); }
.anmelde-breite { width: min(520px, 100%); }
.anmelde-karte .knopf.discord[disabled] { opacity: 0.42; }
.abstand-unten { margin-bottom: var(--a-5); }
.up-inhalt { gap: 12px; }
.up-gruppe li b { color: var(--ink-1); font-weight: 600; }
.inline-sym { display: inline-block; vertical-align: -1px; margin-left: 3px; }
.textlink .inline-sym { color: currentColor; }
.neu-zeile { margin-bottom: 6px; }
.ue-stapel { gap: var(--a-4); }
.ue-abstand { margin-top: var(--a-4); }
.ue-support p { font-size: var(--t-m); }
.ue-support-links { display: flex; flex-wrap: wrap; gap: var(--a-2); }
.ue-link-name { display: inline-flex; align-items: center; gap: 8px; }
.ue-note-kopf { display: inline-flex; align-items: center; gap: 6px; }
.ue-info { display: inline-flex; color: var(--ink-3); cursor: help; border-radius: 50%; }
.ue-info svg { width: 13px; height: 13px; }
.ue-kopf-links .bild { background: var(--sv, var(--s3)); }
.server-karte .bild { background: var(--sv, var(--s3)); }
.mobil-leiste.wenig { grid-template-columns: repeat(3, 1fr); }
.palette .fuss .pal-zahl { margin-left: auto; }
.palette .treffer .pal-klassisch { display: inline-flex; color: var(--ink-4); }
.buehne.veraltet { opacity: 0.72; transition: opacity var(--d-mittel) var(--e-aus); }
.ohne-huelle .buehne.veraltet { opacity: 1; }
.dg-ring { width: var(--gr, 148px); height: var(--gr, 148px); }
.kachel .wert > span:not(.leise) { font-variant-numeric: tabular-nums; }
.kachel .wert .leise { font-size: var(--t-m); font-weight: 520; }
.ue-system .zeile b .leise { font-weight: 500; }
@media (max-width: 720px) {
  .ue-kopf-rechts { flex-wrap: wrap; }
  .knopf-reihe .knopf { flex: 1 1 auto; }
  .seitenkopf .aktionen { width: 100%; }
}
.palette .eingabe-zeile input:focus-visible { box-shadow: none; }
.pfad > span { white-space: nowrap; }
@media (max-width: 720px) {
  .pfad > span:not(.jetzt) { display: none; }
  .pfad .jetzt { overflow: hidden; text-overflow: ellipsis; }
}
.solo-huelle .rail, .solo-huelle .navigator, .solo-huelle .mobil-leiste { display: none !important; }
.solo-huelle .app { grid-template-columns: minmax(0, 1fr) !important; }
.solo-huelle .kopf .menue-knopf { display: none; }
.solo-huelle .buehne { max-width: 1240px; }
.kopf-marke { display: inline-flex; align-items: center; gap: 9px; color: var(--ink-1); font-weight: 650; letter-spacing: -0.01em; flex: none; }
.kopf-marke svg { width: 22px; height: 22px; color: var(--akzent-text); }
.waehler .sa-liste button[aria-selected="true"] { background: var(--s3); }
.waehler .sa-liste button[aria-disabled="true"] { opacity: 0.5; cursor: not-allowed; }
.waehler .sa-liste .avatar { width: 24px; height: 24px; font-size: 10px; box-shadow: none; }
.waehler .sa-liste .punkt { background: var(--farbe, var(--ink-4)); }
.waehler .wh-haken { margin-left: auto; color: var(--akzent-text); }
.waehler .wh-kopf { padding: 2px 4px 4px; font-size: var(--t-xs); color: var(--ink-3); }
@media (max-width: 720px) { .solo-huelle .kopf .sprache { display: inline-flex; } .kopf-marke span { display: none; } }