/* discord94 (2026-11-06): drugi, pomocniczy link "Join our Discord" w karcie "Who makes Planet Coolkee" (obok glownego przycisku
   e-mail). Dolaczany tylko na 8 stronach glownych, po worldbg.css; bez stylow inline (CSP). Glif Discorda to wlasny plik SVG
   (same-origin) uzyty jako maska CSS -- zadnych zapytan do zewnetrznych serwerow. Kolor glifu = oficjalny blurple Discorda. */
.maker-discord { display: inline-flex; align-items: center; gap: 10px; min-height: 48px; max-width: 100%; padding: 0 20px 0 16px;
  border-radius: 999px; background: #fff; color: var(--ink); font-weight: 700; text-decoration: none; overflow-wrap: anywhere;
  border: 2px solid rgba(88, 101, 242, .55);
  box-shadow: 0 4px 0 #c3c8fa, 0 12px 20px -14px rgba(88, 101, 242, .7), inset 0 1px 0 rgba(255, 255, 255, .9);
  transition: background-color .2s ease, border-color .2s ease, transform .35s var(--spring), box-shadow .2s ease; }
.maker-discord::before { content: ""; flex: none; width: 22px; height: 17px; background: #5865f2;
  -webkit-mask: url("discord/discord-glyph.97068853cb.svg") center / contain no-repeat; mask: url("discord/discord-glyph.97068853cb.svg") center / contain no-repeat; }
.maker-discord:hover { background: #f3f4ff; border-color: #5865f2; transform: translateY(-2px); }
.maker-discord:active { transform: translateY(2px); box-shadow: 0 1px 0 #c3c8fa, 0 6px 12px -10px rgba(88, 101, 242, .7); }
.maker-discord:focus-visible { outline: 3px solid var(--ink); outline-offset: 3px; border-radius: 999px; }
@media (forced-colors: active) { .maker-discord::before { background: CanvasText; } .maker-discord { border-color: CanvasText; } }
/* whomakes94 (2026-11-06, wlasciciel: "tam gdzie przycisk maila to przycisk juz bym przeniosl nizej"): w karcie "Who makes" etykieta
   "Questions and feedback:" stoi w pierwszej linii, przycisk e-mail pod nia, a przycisk Discorda pod e-mailem -- jedna kolumna,
   rowne odstepy, na kazdej szerokosci ekranu. Nadpisuje uklad wiersza z worldbg.css (ta sama specyficznosc, plik ladowany pozniej). */
.maker--card .maker-contact { flex-direction: column; align-items: flex-start; gap: 12px; }