/* ================= RANGI - KOLORY ================= */
.rg{font-weight:700}
.rg i{margin-right:3px}

/* Administracja */
.rg-wlasciciel{color:#ff1a1a;text-shadow:0 0 6px #ff0000,0 0 12px #ff0000}
.rg-admin{color:#d40000;text-shadow:0 0 6px #a00000}
.rg-jadmin{color:#4f8a8b;text-shadow:0 0 5px #2d5556}
/* Wsparcie */
.rg-gmod{color:#22dd22;text-shadow:0 0 6px #00aa00}
.rg-mod{color:#2fb12f;text-shadow:0 0 5px #127a12}
.rg-technik{color:#7ab8ff;text-shadow:0 0 6px #2f7fe0}
/* Forumowe */
.rg-ubteam{color:#f0a818;text-shadow:0 0 6px #b37400}
.rg-redaktor{color:#f5e7a1;text-shadow:0 0 5px #a89650}
.rg-grafik{color:#ff3b3b;text-shadow:0 0 6px #c00000}
/* Serwerowe */
.rg-wlserwera{color:#1e8fff;text-shadow:0 0 6px #0059c9}
.rg-opiekun{color:#3d9bff;text-shadow:0 0 5px #1a5fb0}
.rg-admincs{color:#b8bfd6;text-shadow:0 0 5px #5a6280}
.rg-glosowy{color:#3cc0a8;text-shadow:0 0 5px #1a7a68}
/* Specjalne */
.rg-legenda{color:#ff8a3d;text-shadow:0 0 6px #c04f00}
.rg-zasluzony{color:#8cff1a;text-shadow:0 0 6px #4fa000}
.rg-wspierajace{color:#2fbfa5;text-shadow:0 0 5px #127a68}
.rg-konkursowe{color:#a64dff;text-shadow:0 0 6px #6a00cc}
/* Podstawowe */
.rg-wspolpraca{color:#d63a6e;text-shadow:0 0 5px #8a1a40}
.rg-kobieta{color:#ff3ad1;text-shadow:0 0 7px #ff00b3}
.rg-przyjaciel{color:#ffd0d0;text-shadow:0 0 5px #b06060}
.rg-bywalec{color:#a8ff70;text-shadow:0 0 5px #4f9a20}
.rg-user{color:#ffffff}
.rg-swiezak{color:#2f9bff;text-shadow:0 0 5px #0a5fc0}
.rg-ban{color:#6b7280;text-decoration:line-through;font-weight:400}

/* ================= ANIMACJE ================= */
/* Gwiazdki w tle */
.iskry{position:relative;display:inline-block;padding:0 3px}
.iskry::before,.iskry::after{
  content:"";position:absolute;inset:-5px -8px;
  pointer-events:none;filter:drop-shadow(0 0 2px currentColor)}
.iskry::before{
  background-image:
    radial-gradient(1.6px 1.6px at 10% 25%,#fff 50%,transparent 52%),
    radial-gradient(1.2px 1.2px at 55% 70%,currentColor 50%,transparent 52%),
    radial-gradient(1.4px 1.4px at 85% 35%,#fff 50%,transparent 52%);
  background-size:40px 22px;
  animation:iskry-ruch1 3s linear infinite,iskry-mig 1.4s ease-in-out infinite alternate}
.iskry::after{
  background-image:
    radial-gradient(1px 1px at 30% 60%,#fff 50%,transparent 52%),
    radial-gradient(1.3px 1.3px at 75% 15%,currentColor 50%,transparent 52%),
    radial-gradient(1px 1px at 50% 90%,#fff 50%,transparent 52%);
  background-size:28px 18px;
  animation:iskry-ruch2 4.5s linear infinite,iskry-mig 2s ease-in-out infinite alternate-reverse}
@keyframes iskry-ruch1{from{background-position:0 0}to{background-position:40px -22px}}
@keyframes iskry-ruch2{from{background-position:0 0}to{background-position:-28px 18px}}
@keyframes iskry-mig{from{opacity:.15}to{opacity:1}}

/* Pulsująca poświata */
.puls{animation:puls 1.8s ease-in-out infinite}
@keyframes puls{
  0%,100%{filter:brightness(1) drop-shadow(0 0 0 currentColor)}
  50%{filter:brightness(1.35) drop-shadow(0 0 6px currentColor)}}

@media (prefers-reduced-motion:reduce){
  .iskry::before,.iskry::after,.puls{animation:none}}