/* Nick and chat styles 1001+: CSS only (no images), readable on light and dark
   backgrounds. Fonts are the self-hosted ones in /res/fonts/nick-fonts.css
   (imported by colors.css); colour fonts (Nabla, Honk, Bungee Spice, Kalnia
   Glaze, Foldit) bring their own 3D look. */

/* ---- Nick: gradients (1001-1012) ---- */
[class*="NickRenk10"], [class*="YaziRenk10"] { -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.NickRenk1001, .NickRenk1002, .NickRenk1003, .NickRenk1004, .NickRenk1005, .NickRenk1006,
.NickRenk1007, .NickRenk1008, .NickRenk1009, .NickRenk1010, .NickRenk1011, .NickRenk1012,
.NickRenk1013, .NickRenk1014, .NickRenk1037, .NickRenk1038, .NickRenk1039, .NickRenk1040 {
  font-weight: 800; -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
  filter: drop-shadow(0 1px 0 rgba(0, 0, 0, .35));
}
.NickRenk1001 { background-image: linear-gradient(180deg, #fff3b0 0%, #f5c542 45%, #b8860b 100%); }               /* altın */
.NickRenk1002 { background-image: linear-gradient(90deg, #f7c6c7, #e8a0a8 40%, #c97b84 70%, #f1d3b3); }           /* rose gold */
.NickRenk1003 { background-image: linear-gradient(90deg, #ff7e5f, #feb47b 50%, #ff5f6d); }                        /* gün batımı */
.NickRenk1004 { background-image: linear-gradient(90deg, #00c6ff, #0072ff); }                                     /* okyanus */
.NickRenk1005 { background-image: linear-gradient(90deg, #43e97b, #38f9d7 50%, #7f7fd5); }                        /* aurora */
.NickRenk1006 { background-image: linear-gradient(90deg, #ff6ec4, #7873f5); }                                     /* şeker */
.NickRenk1007 { background-image: linear-gradient(180deg, #a8ff78, #11998e); }                                    /* zümrüt */
.NickRenk1008 { background-image: linear-gradient(90deg, #c471f5, #fa71cd); }                                     /* lavanta */
.NickRenk1009 { background-image: linear-gradient(0deg, #f12711 0%, #f5af19 100%); }                              /* ateş */
.NickRenk1010 { background-image: linear-gradient(180deg, #e0f7ff, #8fd3fe 50%, #4a90e2); }                       /* buz */
.NickRenk1011 { background-image: linear-gradient(90deg, #ff3c3c, #ff9a3c, #ffe53c, #3cff7a, #3cb4ff, #a03cff); } /* gökkuşağı */
.NickRenk1012 { background-image: linear-gradient(180deg, #f3d7b6, #c48a4a 55%, #7a4a1e); }                       /* bronz */

/* ---- Nick: shine and neon (1013-1020) ---- */
.NickRenk1013 { background-image: linear-gradient(110deg, #b8860b 20%, #fff6c9 40%, #f5c542 50%, #b8860b 70%); background-size: 250% 100%; animation: NickParilti 3.2s linear infinite; }
.NickRenk1014 { background-image: linear-gradient(110deg, #8e9eab 20%, #ffffff 40%, #cfd9df 50%, #8e9eab 70%); background-size: 250% 100%; animation: NickParilti 3.2s linear infinite; }
@keyframes NickParilti { from { background-position: 100% 0; } to { background-position: -150% 0; } }
.NickRenk1015 { color: #fff; font-weight: 700; text-shadow: 0 0 4px #ff2fd2, 0 0 10px #ff2fd2, 0 0 18px #ff2fd2; }
.NickRenk1016 { color: #fff; font-weight: 700; text-shadow: 0 0 4px #00e5ff, 0 0 10px #00e5ff, 0 0 18px #00b8ff; }
.NickRenk1017 { color: #f4fff4; font-weight: 700; text-shadow: 0 0 4px #39ff14, 0 0 10px #39ff14, 0 0 18px #12c400; }
.NickRenk1018 { color: #fff; font-weight: 700; text-shadow: 0 0 4px #b026ff, 0 0 10px #b026ff, 0 0 18px #7a00ff; }
.NickRenk1019 { color: #fff8ef; font-weight: 700; text-shadow: 0 0 4px #ff8c00, 0 0 10px #ff6a00, 0 0 18px #ff3d00; }
.NickRenk1020 { color: #fff; font-weight: 700; text-shadow: 0 0 4px #ff2b4a, 0 0 10px #ff2b4a; animation: NickNabiz 1.8s ease-in-out infinite; }
@keyframes NickNabiz { 50% { text-shadow: 0 0 2px #ff2b4a, 0 0 4px #ff2b4a; } }

/* ---- Nick: 3D (1021-1028) ---- */
.NickRenk1021 { font-family: 'Nabla', system-ui; font-size: 1.15em; letter-spacing: .02em; }
.NickRenk1022 { font-family: 'Honk', system-ui; font-size: 1.2em; }
.NickRenk1023 { font-family: 'Bungee Spice', system-ui; }
.NickRenk1024 { font-family: 'Kalnia Glaze', serif; font-weight: 700; font-size: 1.1em; }
.NickRenk1025 { font-family: 'Foldit', system-ui; font-weight: 700; font-size: 1.1em; }
.NickRenk1026 { font-weight: 900; color: #ffd34d; text-shadow: 1px 1px 0 #d89b00, 2px 2px 0 #b07a00, 3px 3px 0 #7a5200, 4px 4px 4px rgba(0, 0, 0, .45); }
.NickRenk1027 { font-weight: 900; color: #ff5a5a; text-shadow: 1px 1px 0 #d42f2f, 2px 2px 0 #a81d1d, 3px 3px 0 #741010, 4px 4px 4px rgba(0, 0, 0, .45); }
.NickRenk1028 { font-weight: 900; color: #5ab4ff; text-shadow: 1px 1px 0 #2f86d4, 2px 2px 0 #1d5fa8, 3px 3px 0 #103b74, 4px 4px 4px rgba(0, 0, 0, .45); }

/* ---- Nick: fonts (1029-1048) ---- */
.NickRenk1029 { font-family: 'Pacifico', cursive; color: #ff5e8a; font-size: 1.05em; }
.NickRenk1030 { font-family: 'Great Vibes', cursive; color: #d4a017; font-size: 1.35em; font-weight: 400; }
.NickRenk1031 { font-family: 'Dancing Script', cursive; color: #e84393; font-size: 1.2em; font-weight: 700; }
.NickRenk1032 { font-family: 'Satisfy', cursive; color: #00a8a8; font-size: 1.15em; }
.NickRenk1033 { font-family: 'Monoton', system-ui; color: #ff4fd8; font-size: 1.05em; font-weight: 400; letter-spacing: .03em; }
.NickRenk1034 { font-family: 'Cinzel', serif; font-weight: 700; color: #c9a227; letter-spacing: .06em; }
.NickRenk1035 { font-family: 'Bebas Neue', sans-serif; color: #ff7a00; font-size: 1.2em; letter-spacing: .06em; }
.NickRenk1036 { font-family: 'Princess Sofia', cursive; color: #b04fe6; font-size: 1.15em; font-weight: 700; }
.NickRenk1037 { font-family: 'Lobster', cursive; background-image: linear-gradient(90deg, #ff9966, #ff5e62); font-weight: 400; font-size: 1.1em; }
.NickRenk1038 { font-family: 'Righteous', cursive; background-image: linear-gradient(90deg, #00c6ff, #7873f5); font-weight: 400; }
.NickRenk1039 { font-family: 'Sigmar', system-ui; background-image: linear-gradient(180deg, #fff3b0, #f5c542 50%, #b8860b); font-weight: 400; }
.NickRenk1040 { font-family: 'Playball', cursive; background-image: linear-gradient(90deg, #f7c6c7, #c97b84); font-weight: 400; font-size: 1.2em; }
.NickRenk1041 { font-family: 'Yellowtail', cursive; color: #ff4757; font-size: 1.2em; }
.NickRenk1042 { font-family: 'Lilita One', system-ui; color: #1e90ff; font-size: 1.1em; letter-spacing: .02em; }
.NickRenk1043 { font-family: 'Chewy', system-ui; color: #ff9f1a; font-size: 1.1em; }
.NickRenk1044 { font-family: 'Fredericka the Great', serif; color: #8e44ad; font-size: 1.1em; }
.NickRenk1045 { font-family: 'Audiowide', system-ui; color: #00d1b2; }
.NickRenk1046 { font-family: 'Black Ops One', system-ui; color: #6ab04c; letter-spacing: .03em; }
.NickRenk1047 { font-family: 'Rock Salt', cursive; color: #e17055; font-size: .95em; }
.NickRenk1048 { font-family: 'Caveat Brush', cursive; color: #0abde3; font-size: 1.25em; }

/* ---- Chat text (YaziRenk 1001-1024): calm enough for whole sentences ---- */
.YaziRenk1001, .YaziRenk1002, .YaziRenk1003, .YaziRenk1004, .YaziRenk1005, .YaziRenk1006 {
  font-weight: 600; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent;
}
.YaziRenk1001 { background-image: linear-gradient(90deg, #d4a017, #f5c542, #b8860b); }
.YaziRenk1002 { background-image: linear-gradient(90deg, #0072ff, #00a8e8); }
.YaziRenk1003 { background-image: linear-gradient(90deg, #ff5f6d, #ff9f43); }
.YaziRenk1004 { background-image: linear-gradient(90deg, #d6457d, #a55eea); }
.YaziRenk1005 { background-image: linear-gradient(90deg, #11998e, #38b26b); }
.YaziRenk1006 { background-image: linear-gradient(90deg, #ff3c3c, #ff9a3c, #e6c200, #2ecc71, #3c9dff, #a03cff); }
.YaziRenk1007 { font-family: 'Caveat', cursive; font-size: 1.25em; color: #3c8dde; }
.YaziRenk1008 { font-family: 'Dancing Script', cursive; font-size: 1.2em; color: #d6457d; font-weight: 600; }
.YaziRenk1009 { font-family: 'Kalam', cursive; color: #2e9e6b; }
.YaziRenk1010 { font-family: 'Courgette', cursive; color: #c0632b; }
.YaziRenk1011 { font-family: 'Indie Flower', cursive; font-size: 1.1em; color: #8e5bd6; font-weight: 700; }
.YaziRenk1012 { font-family: 'Gochi Hand', cursive; font-size: 1.15em; color: #e0567a; }
.YaziRenk1013 { font-family: 'Shantell Sans', sans-serif; color: #1f9bd1; }
.YaziRenk1014 { font-family: 'Josefin Sans', sans-serif; font-weight: 600; color: #b8860b; }
.YaziRenk1015 { font-family: 'Montserrat Alternates', sans-serif; font-weight: 600; color: #6c5ce7; }
.YaziRenk1016 { font-family: 'Bree Serif', serif; color: #c0392b; }
.YaziRenk1017 { font-family: 'Concert One', system-ui; color: #16a085; }
.YaziRenk1018 { font-family: 'Klee One', serif; font-weight: 600; color: #8b6f47; }
.YaziRenk1019 { font-family: 'Cinzel', serif; font-weight: 700; color: #b8860b; letter-spacing: .03em; }
.YaziRenk1020 { font-family: 'Oswald', sans-serif; color: #e67e22; letter-spacing: .02em; }
.YaziRenk1021 { color: #e8fdff; text-shadow: 0 0 3px #00b8ff, 0 0 8px #00b8ff; }
.YaziRenk1022 { color: #fff0fb; text-shadow: 0 0 3px #ff2fd2, 0 0 8px #ff2fd2; }
.YaziRenk1023 { font-weight: 800; color: #e74c3c; }
.YaziRenk1024 { font-style: italic; font-weight: 600; color: #7f8c9a; }

@media (prefers-reduced-motion: reduce) {
  .NickRenk1013, .NickRenk1014, .NickRenk1020 { animation: none; }
}

/* picker: section titles across the swatch grid */
.SwatchBaslik { grid-column: 1 / -1; font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--text-2, #8a8f98); margin: 8px 2px 0; }
.SwatchBaslik:first-child { margin-top: 0; }