/* 12.11.2026: die gemalten Kraftsymbole von Codex (kraefte-1) überall statt der alten Icons:
   Kraftknöpfe in der Leiste, Kraft-Glyphe über der Figur, Hex-Rune beim Wurf, Tutorial. Lädt als letzte Stylesheet. */
#dashA {--power-art:url('../media/crawl-v10-kraefte/power-A-dash.webp') !important; background-image:url('../media/crawl-v10-kraefte/power-A-dash.webp') !important; background-repeat:no-repeat !important; background-position:center !important; background-size:auto 86% !important;}
#dashB {--power-art:url('../media/crawl-v10-kraefte/power-B-dash.webp') !important; background-image:url('../media/crawl-v10-kraefte/power-B-dash.webp') !important; background-repeat:no-repeat !important; background-position:center !important; background-size:auto 86% !important;}
#hexA {--power-art:url('../media/crawl-v10-kraefte/power-A-hex.webp') !important; background-image:url('../media/crawl-v10-kraefte/power-A-hex.webp') !important; background-repeat:no-repeat !important; background-position:center !important; background-size:auto 86% !important;}
#hexB {--power-art:url('../media/crawl-v10-kraefte/power-B-hex.webp') !important; background-image:url('../media/crawl-v10-kraefte/power-B-hex.webp') !important; background-repeat:no-repeat !important; background-position:center !important; background-size:auto 86% !important;}
#shieldA {--power-art:url('../media/crawl-v10-kraefte/power-A-shield.webp') !important; background-image:url('../media/crawl-v10-kraefte/power-A-shield.webp') !important; background-repeat:no-repeat !important; background-position:center !important; background-size:auto 86% !important;}
#shieldB {--power-art:url('../media/crawl-v10-kraefte/power-B-shield.webp') !important; background-image:url('../media/crawl-v10-kraefte/power-B-shield.webp') !important; background-repeat:no-repeat !important; background-position:center !important; background-size:auto 86% !important;}
#rushA {--power-art:url('../media/crawl-v10-kraefte/power-A-rush.webp') !important; background-image:url('../media/crawl-v10-kraefte/power-A-rush.webp') !important; background-repeat:no-repeat !important; background-position:center !important; background-size:auto 86% !important;}
#rushB {--power-art:url('../media/crawl-v10-kraefte/power-B-rush.webp') !important; background-image:url('../media/crawl-v10-kraefte/power-B-rush.webp') !important; background-repeat:no-repeat !important; background-position:center !important; background-size:auto 86% !important;}
#dashA svg,#dashB svg,#hexA svg,#hexB svg,#shieldA svg,#shieldB svg,#rushA svg,#rushB svg,.power-glyph svg,.tutorial-power-icon svg {opacity:0 !important;}
.cast-rune {background-image:url('../media/crawl-v10-kraefte/power-A-hex.webp') !important;}
.team-b .cast-rune {background-image:url('../media/crawl-v10-kraefte/power-B-hex.webp') !important;}
.power-glyph {background-position:center !important; background-size:contain !important; background-repeat:no-repeat !important;}
.team-a .power-glyph[data-power='dash'] {background-image:url('../media/crawl-v10-kraefte/power-A-dash.webp') !important;} .team-b .power-glyph[data-power='dash'] {background-image:url('../media/crawl-v10-kraefte/power-B-dash.webp') !important;}
.team-a .power-glyph[data-power='hex'] {background-image:url('../media/crawl-v10-kraefte/power-A-hex.webp') !important;} .team-b .power-glyph[data-power='hex'] {background-image:url('../media/crawl-v10-kraefte/power-B-hex.webp') !important;}
.team-a .power-glyph[data-power='shield'] {background-image:url('../media/crawl-v10-kraefte/power-A-shield.webp') !important;} .team-b .power-glyph[data-power='shield'] {background-image:url('../media/crawl-v10-kraefte/power-B-shield.webp') !important;}
.team-a .power-glyph[data-power='rush'] {background-image:url('../media/crawl-v10-kraefte/power-A-rush.webp') !important;} .team-b .power-glyph[data-power='rush'] {background-image:url('../media/crawl-v10-kraefte/power-B-rush.webp') !important;}
.tutorial-power-icon {background-position:center !important; background-size:contain !important; background-repeat:no-repeat !important;}
.tutorial-dialog[data-chapter='dash'] .tutorial-power-icon {background-image:url('../media/crawl-v10-kraefte/power-A-dash.webp') !important;}
.tutorial-dialog[data-chapter='hex'] .tutorial-power-icon {background-image:url('../media/crawl-v10-kraefte/power-A-hex.webp') !important;}
.tutorial-dialog[data-chapter='shield'] .tutorial-power-icon {background-image:url('../media/crawl-v10-kraefte/power-A-shield.webp') !important;}
.tutorial-dialog[data-chapter='rush'] .tutorial-power-icon {background-image:url('../media/crawl-v10-kraefte/power-A-rush.webp') !important;}

/* Portal-Trophäen (12.11.2026, Nutzerwunsch „neue Icons oben“): statt der drei Pillen die echten Tore
   des laufenden Rennens (js/worlds.js GATE_ICONS, app.js setzt --trophy-0..2). Noch nicht erreicht:
   grau und gedämpft; erreicht: in Farbe mit warmem Schein. */
.portal-trophies{gap:calc(4px * var(--display-unit,1)) !important;align-items:flex-end}
.portal-trophies i{width:calc(27px * var(--display-unit,1)) !important;height:calc(34px * var(--display-unit,1)) !important;border:0 !important;border-radius:0 !important;
 background:var(--trophy-0) center bottom / contain no-repeat !important;box-shadow:none !important;opacity:1 !important;
 filter:grayscale(1) brightness(.6) contrast(1.1);transition:filter .5s ease}
.portal-trophies i:nth-child(2){background-image:var(--trophy-1) !important}
.portal-trophies i:nth-child(3){background-image:var(--trophy-2) !important}
.portal-trophies i.lit{filter:brightness(1.12) drop-shadow(0 0 calc(5px * var(--display-unit,1)) #ffe2a0b0)}
/* erreicht: die Toröffnung leuchtet (Glanz hinter dem Torbild, sichtbar durch die Öffnung) */
.portal-trophies i.lit{background-image:var(--trophy-0),radial-gradient(ellipse 34% 40% at 50% 60%,#fff4cf,#ffc86acc 45%,transparent 72%) !important;background-size:contain,100% 100% !important;background-position:center bottom,center !important;background-repeat:no-repeat !important}
.portal-trophies i.lit:nth-child(2){background-image:var(--trophy-1),radial-gradient(ellipse 34% 40% at 50% 60%,#fff4cf,#ffc86acc 45%,transparent 72%) !important}
.portal-trophies i.lit:nth-child(3){background-image:var(--trophy-2),radial-gradient(ellipse 34% 40% at 50% 60%,#fff4cf,#ffc86acc 45%,transparent 72%) !important}
