/* Santa's Worlds – einheitliches Aussehen aller Orte (2026-11-10)
   - Schrift wie im Dorf: Überschriften + Knöpfe „Pirata One“ (wie „Weihnachtsdorf“, „Werkstattviertel“), Fließtext „Cormorant Garamond“.
   - Überschriften nie größer als das Bezirksschild („Werkstattviertel“).
   - Runde Ortsmedaillen und „SANTA'S WORLD · …“-Zeilen oben entfernt → weniger scrollen.
   - Obere Leiste: Werte ohne Scrollen (siehe sw-ci.js: swciFit).
   - Handy quer: Hinweis „bitte hochkant halten“.
   Der Ortslader (#swPlaceLoader) bleibt unverändert. */

/* ---------- Schrift: Cinzel überall durch die Dorf-Schrift ersetzen ---------- */
#emptyDialog,#emptyDialog *,#swRotate{
 --sw-cinzel:var(--santa-display,"Pirata One","Palatino Linotype",Georgia,serif)!important;
 --swci-head:var(--santa-display,"Pirata One","Palatino Linotype",Georgia,serif)!important;
 --pk-head:var(--santa-display,"Pirata One","Palatino Linotype",Georgia,serif)!important;
 --w-head:var(--santa-display,"Pirata One","Palatino Linotype",Georgia,serif)!important;
 --z-cinzel:var(--santa-display,"Pirata One","Palatino Linotype",Georgia,serif)!important;
 --mgx-head:var(--santa-display,"Pirata One","Palatino Linotype",Georgia,serif)!important;
}
#emptyDialog{font-synthesis:none}
#emptyDialog > section :is(h1,h2,h3,h4,h5){font-family:var(--santa-display,"Pirata One",Georgia,serif)!important;font-weight:400!important;letter-spacing:.03em!important;line-height:1.15!important;overflow-wrap:anywhere;hyphens:auto}
#emptyDialog > section :is(p,li,dd,dt,label,td,th){font-family:var(--santa-name,"Cormorant Garamond",Georgia,serif)}

/* ---------- Größen: wie das Bezirksschild ---------- */
#emptyDialog > section h1,#emptyDialog > section h2{font-size:clamp(17px,4.4vw,23px)!important}
#emptyDialog > section h3{font-size:clamp(16px,4.1vw,21px)!important}
#emptyDialog > section :is(h4,h5){font-size:clamp(15px,3.8vw,19px)!important}
/* Karten-Überschriften, die keine h-Tags sind */
#emptyDialog > section :is(.icx-warden-card strong,.tzh-wish strong,.gld-hero strong,.gld-choice-card strong){font-size:clamp(16px,4.1vw,21px)!important}
#emptyDialog > section :is(.icx-depth strong,.gld-gcard strong,.esx-tile-name){font-size:clamp(15px,3.8vw,19px)!important}
/* Unterzeile unter dem Ortsnamen */
#emptyDialog > section header[class$="-head"] p,#emptyDialog > section [class$="-head"] > p,#emptyDialog > section [class$="-title"] > p,#emptyDialog > section p[class$="-sub"]{font-size:clamp(14px,3.6vw,16px)!important;line-height:1.35!important;margin-top:4px!important}
/* Fließtext überall gleich */
#emptyDialog > section p:not([class*="note"]):not([class*="hint"]):not([class*="muted"]):not([class*="disclaim"]):not([class*="error"]){font-size:clamp(14px,3.7vw,16px);line-height:1.4}
#emptyDialog > section p:is([class*="note"],[class*="hint"],[class*="muted"],[class*="disclaim"]){font-size:clamp(12.5px,3.3vw,14px);line-height:1.35}

/* ---------- Oben: runde Medaille + „SANTA'S WORLD · …“ weg, Kopf kompakter ---------- */
#emptyDialog > section :is(header,div)[class$="-head"] > [class$="-medal"],
#emptyDialog > section :is(.tzh-medal,.pk-medal,.sea-medal,.wh-medal,.ep-medal,.pk-medal,.po-medal,.sh-medal,.obs-medal,.mt-medal){display:none!important}
#emptyDialog > section header[class$="-head"] [class$="-kicker"],
#emptyDialog > section header[class$="-head"] > [class$="-title"] > [class$="-kicker"]{display:none!important}
#emptyDialog > section header[class$="-head"]{min-height:0!important;gap:0!important}
#emptyDialog > section header[class$="-head"] > [class$="-title"]{padding-left:0!important;margin-left:0!important;text-align:center}
#emptyDialog > section .mgx-head{margin-bottom:10px!important}
/* Runde Orts-Abzeichen (Dorf-Bilder) in den Orten weglassen – der Ladebildschirm der Orte behält sein Bild */
#emptyDialog > section :not([class*="loading"]) > img[src*="assets.santaworlds.com/dorf/"]{display:none!important}
#emptyDialog > section .mgx-hero{grid-template-columns:1fr!important}
#emptyDialog > section .mgx-hero>img{display:none!important}

/* ---------- Knöpfe: lange Texte (z. B. Deutsch) brechen um statt abgeschnitten zu werden ---------- */
#emptyDialog > section .mgx-hero>*{min-width:0}
#emptyDialog > section .mgx-start{white-space:normal;line-height:1.1;padding-left:12px;padding-right:12px}

/* ---------- Obere Leiste: Werte passen ohne Scrollen (Stufen setzt sw-ci.js) ---------- */
#swCiTop .swci-wallet .swci-pill b{font-family:var(--santa-display,"Pirata One",Georgia,serif)!important;font-weight:400!important;letter-spacing:.02em}
#swCiTop.swci-fit1 .swci-wallet{gap:3px}
#swCiTop.swci-fit1 .swci-pill{padding:0 6px 0 2px!important;gap:2px!important;font-size:11px!important}
#swCiTop.swci-fit1 .swci-pill b{font-size:11.5px!important}
#swCiTop.swci-fit1 .swci-pill img,#swCiTop.swci-fit1 .swci-pill i{width:16px!important;height:16px!important;font-size:12px!important}
#swCiTop.swci-fit2 .swci-pill small{display:none!important}
#swCiTop.swci-fit3 .swci-pill b{font-size:10.5px!important}
#swCiTop.swci-fit3 .swci-pill img,#swCiTop.swci-fit3 .swci-pill i{width:14px!important;height:14px!important}
#swCiTop.swci-fit3 .swci-emblem img{width:28px!important;height:28px!important}

/* ---------- Handy quer: nicht erlaubt ---------- */
#swRotate{display:none}
/* Seit 2026-11-10 über die Klasse sw-landscape (sw-rotate.js, echte Gerätelage) statt über die Bildschirmfläche –
   sonst löste die Android-Tastatur den Hinweis aus. */
html.sw-landscape #swRotate{display:flex;position:fixed;inset:0;z-index:2147483000;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:20px;text-align:center;
  background:radial-gradient(circle at 50% 30%,#7a1424,#2a0710 70%);color:#ffe8a8;font:400 22px/1.25 var(--santa-display,"Pirata One",Georgia,serif);text-shadow:0 2px 2px #2a0303}
html.sw-landscape #swRotate i{font-style:normal;font-size:54px;animation:swRot 2.4s ease-in-out infinite}
html.sw-landscape #swRotate small{font:600 15px/1.4 var(--santa-name,"Cormorant Garamond",Georgia,serif);color:#f6e7cc;max-width:420px}
html.sw-landscape body{overflow:hidden}
@keyframes swRot{0%,20%{transform:rotate(-90deg)}50%,100%{transform:rotate(0)}}