/* ============================================================
   SEZON NISHONLARI — KO'RINISHI (umumiy uslublar)
   ------------------------------------------------------------
   Bu fayl HAM o'quvchi paneli (user.html), HAM ustoz paneli
   (admin_panel.html) tomonidan yuklanadi — nishon ikkala joyda
   bir xil ko'rinsin. Mantiq: nishon.js.

   1-o'rin  : oltin TOJ — nafas olib yaltiraydi, uchqunlari chaqnaydi
   2-o'rin  : YULDUZ — 360° aylanadi
   3-o'rin  : galochka nishoni (aylanmaydi)
   4-5      : ko'k galochka
   6-10     : kulrang galochka
   1-3 o'rinda o'quvchining ISMI ham yaltirab turadi.

   Nishonlar HOZIRGI ballardan hisoblanmaydi: ustoz "yangi sezon"
   tugmasini bosganda tugagan sezon TOP-10 iga beriladi.
   ============================================================ */

.rt-nishon {
    display: inline-flex; align-items: center; line-height: 0;
    margin-left: 5px; flex-shrink: 0;
}

/* --- 360° aylanish (2- va 3-o'rin) --- */
@keyframes rt-aylan { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
.rt-aylan { animation: rt-aylan 3.4s linear infinite; transform-origin: 50% 50%; }

/* --- Toj: yorug'lik kuchayib-susayib turadi va sal chayqaladi --- */
@keyframes rt-toj-nur {
    0%, 100% { transform: scale(1) rotate(0deg);
               filter: drop-shadow(0 0 2px rgba(255,196,66,.85)) drop-shadow(0 0 6px rgba(255,150,0,.40)); }
    30%      { transform: scale(1.10) rotate(-5deg);
               filter: drop-shadow(0 0 6px rgba(255,244,170,1))  drop-shadow(0 0 15px rgba(255,178,0,.85)); }
    62%      { transform: scale(1.05) rotate(5deg);
               filter: drop-shadow(0 0 5px rgba(255,232,130,1))  drop-shadow(0 0 12px rgba(255,168,0,.70)); }
}
.rt-toj { animation: rt-toj-nur 2.6s ease-in-out infinite; transform-origin: 50% 65%; }

/* Toj ustidan o'tadigan oq nur (yalt-yalt) */
@keyframes rt-toj-yalt { 0% { transform: translateX(-160%); } 55%, 100% { transform: translateX(190%); } }
.rt-toj-yalt { animation: rt-toj-yalt 2.6s ease-in-out infinite; transform-box: fill-box; }

/* Uchqunlar navbat bilan chaqnaydi */
@keyframes rt-uchqun { 0%, 100% { opacity: .15; transform: scale(.45); } 50% { opacity: 1; transform: scale(1.15); } }
.rt-uchqun { animation: rt-uchqun 1.7s ease-in-out infinite; transform-box: fill-box; transform-origin: center; }
.rt-uchqun-2 { animation-delay: .58s; }
.rt-uchqun-3 { animation-delay: 1.15s; }

/* --- Ism yaltirashi (faqat 1-3 o'rin) ---
   background-clip:text qo'llab-quvvatlanmasa ism oddiy rangda qoladi
   (@supports shu uchun) — hech qachon ko'rinmay qolmaydi. */
@keyframes rt-yalt { 0% { background-position: 210% 0; } 100% { background-position: -110% 0; } }
.rt-ism { font-weight: 800; letter-spacing: .2px; }
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
    .rt-ism {
        background-image: linear-gradient(100deg,
            var(--rt-a) 0%, var(--rt-a) 32%, var(--rt-nur) 47%, var(--rt-nur) 53%, var(--rt-b) 68%, var(--rt-b) 100%);
        background-size: 210% 100%;
        -webkit-background-clip: text; background-clip: text;
        -webkit-text-fill-color: transparent;
        /* alternate-reverse: nur oxiriga yetgach ORQAGA qaytadi, ya'ni
           boshiga "sakrab" qaytmaydi — takrorlanishi sezilmaydi. */
        animation: rt-yalt 3.1s ease-in-out infinite alternate-reverse;
    }
}
.rt-ism-1 { --rt-a: #FFC93C; --rt-b: #FF8A00; --rt-nur: #FFFDF2; color: #FFC542;
            filter: drop-shadow(0 0 7px rgba(255,176,0,.40)); }
.rt-ism-2 { --rt-a: #6FB7FF; --rt-b: #E86BFF; --rt-nur: #FFFFFF; color: #8EC5FF;
            filter: drop-shadow(0 0 6px rgba(140,120,255,.32)); }
.rt-ism-3 { --rt-a: #5FE3F5; --rt-b: #C77DFF; --rt-nur: #FFFFFF; color: #7FDCF5;
            filter: drop-shadow(0 0 6px rgba(120,190,255,.28)); }

/* Harakat kamaytirilgan rejim — hamma animatsiya to'xtaydi */
@media (prefers-reduced-motion: reduce) {
    .rt-aylan, .rt-toj, .rt-toj-yalt, .rt-uchqun, .rt-ism { animation: none !important; }
}