/* ==========================================================================
   Groyt — Herkese açık sayfalar (Kehribar, Ekim 2026)
   Sıralama sayfaları (seviye / ekonomi / ses / mesaj), çekiliş takibi,
   oylama, rol ve hepsinin ortak üye kartı. Yalnızca görünüm; JS aynı.
   Kurallar: kahverengiye kayan amber gradyan yok, büyük harfli etiket yok,
   ışıma ölçülü, zemin nötr; vurgu logodaki sarı gradyan.
   ========================================================================== */

/* ---------------------------------------------------------------- Ortak */
.k-page .lb-back, .k-page .legal-back {
  border-radius: 999px; background: var(--k-bg-2); border: 1px solid var(--k-line); color: var(--k-text-2);
}
.k-page .lb-back:hover { border-color: rgba(255, 193, 7, 0.45); background: var(--k-bg-3); color: var(--k-text); }

/* ---------------------------------------------------------------- Sıralama sayfaları */
.k-page .lb-guild-card {
  background: var(--k-bg-2); border: 1px solid var(--k-line); border-radius: 24px;
  box-shadow: 0 30px 80px -50px rgba(255, 193, 7, 0.5);
}
.k-page .lb-guild-card::after { background: radial-gradient(circle, rgba(255, 193, 7, 0.1), transparent 65%); }
.k-page .lb-guild-icon, .k-page .lb-guild-icon-fallback { box-shadow: 0 0 0 1px var(--k-line-2), 0 14px 30px -14px rgba(0, 0, 0, 0.8); }
.k-page .lb-guild-name { font-family: var(--k-display); font-weight: 700; letter-spacing: -0.03em; }
.k-page .lb-guild-name::before { font: 600 14px var(--k-body) !important; letter-spacing: 0 !important; color: var(--k-text-3); margin-bottom: 6px; }
.k-page.lb-level .lb-guild-name::before, .lb-level.k-page .lb-guild-name::before { content: 'Seviye sıralaması'; }
.k-page .lb-page.lb-level .lb-guild-name::before, .lb-page.lb-level .lb-guild-name::before { content: 'Seviye sıralaması'; }
.lb-page.lb-economy .lb-guild-name::before { content: 'Ekonomi sıralaması'; }
.lb-page.lb-voice .lb-guild-name::before { content: 'Ses sıralaması'; }
.lb-page.lb-message .lb-guild-name::before { content: 'Mesaj sıralaması'; }
.lb-page .lb-guild-name::before { content: 'Sıralama'; }

.k-page .lb-mode-tabs, .k-page .lb-range-tabs { border-radius: 999px; background: var(--k-bg-2); border: 1px solid var(--k-line); }
.k-page .lb-mode-tab, .k-page .lb-range-tab { border-radius: 999px; }
.k-page .lb-mode-tab.active, .k-page button.lb-mode-tab.active, .k-page .lb-range-tab.active { background: var(--k-grad); color: var(--k-on-amber); box-shadow: 0 8px 20px -12px rgba(255, 193, 7, 0.8); }
.k-page .lb-range-label { font: 600 14px var(--k-body) !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--k-text-3); }

/* Satırlar: nötr yüzey; ilk üç yalnızca ince renkli kenar ve madalya */
.k-page .lb-row { border-radius: 18px; background: var(--k-bg-2); border: 1px solid var(--k-line); box-shadow: none; }
.k-page .lb-row:hover { transform: translateY(-2px); background: var(--k-bg-3); border-color: rgba(255, 193, 7, 0.4); box-shadow: 0 20px 40px -30px rgba(255, 193, 7, 0.6); }
.k-page .lb-row:nth-child(1), .k-page .lb-row:nth-child(2), .k-page .lb-row:nth-child(3) { background: var(--k-bg-2); box-shadow: none; }
.k-page .lb-row:nth-child(1) { border-color: rgba(255, 193, 7, 0.55); box-shadow: inset 4px 0 0 #FFC107, 0 24px 60px -40px rgba(255, 193, 7, 0.7); }
.k-page .lb-row:nth-child(2) { border-color: rgba(200, 206, 218, 0.35); box-shadow: inset 4px 0 0 #C8CEDA; }
.k-page .lb-row:nth-child(3) { border-color: rgba(214, 138, 82, 0.35); box-shadow: inset 4px 0 0 #D68A52; }
.k-page .lb-row:nth-child(1)::after { display: none; }
.k-page .lb-row:nth-child(1) .lb-avatar, .k-page .lb-row:nth-child(1) .lb-avatar-fallback { border-color: #FFC107; box-shadow: none; }
.k-page .lb-row:nth-child(2) .lb-avatar, .k-page .lb-row:nth-child(2) .lb-avatar-fallback { border-color: #C8CEDA; }
.k-page .lb-row:nth-child(3) .lb-avatar, .k-page .lb-row:nth-child(3) .lb-avatar-fallback { border-color: #D68A52; }
.k-page .lb-rank { font-family: var(--k-display) !important; background: var(--k-bg-3); border: 1px solid var(--k-line-2); color: var(--k-text-2); box-shadow: none; }
.k-page .lb-row-name { font-weight: 650; }
.k-page .lb-row-stat-value { font-family: var(--k-display) !important; letter-spacing: -0.02em !important; background: var(--k-grad) !important; -webkit-background-clip: text !important; background-clip: text !important; color: transparent !important; }
.k-page .lb-xp-bar { background: var(--k-bg-3); }
.k-page .lb-xp-bar-fill { background: var(--k-grad); box-shadow: none; }
.k-page .lb-row-chip, .k-page .lb-row-meta span { border-radius: 999px; background: var(--k-bg-3); border-color: var(--k-line); }
.k-page .lb-loadmore-wrap .btn { border-radius: 999px; }
.k-page .lb-state { border-radius: 20px; border-color: var(--k-line-2); background: var(--k-bg-2); }
.k-page .lb-state-icon { animation: none; }

/* ---------------------------------------------------------------- Üye kartı (açılır pencere) */
.k-page .lb-modal-backdrop { background: rgba(5, 6, 8, 0.78); backdrop-filter: blur(8px); }
.k-page .lb-modal-card { background: var(--k-bg-2); border: 1px solid var(--k-line-2); border-radius: 24px; box-shadow: 0 40px 100px -30px rgba(0, 0, 0, 0.9), 0 0 0 1px rgba(255, 193, 7, 0.12); }
.k-page .lb-modal-close { border-radius: 50%; background: var(--k-bg-3); }
.k-page .lb-modal-close:hover { transform: rotate(90deg); }
.k-page .lb-card-head { background: radial-gradient(70% 100% at 50% 0%, rgba(255, 193, 7, 0.12), transparent 70%); border-bottom-color: var(--k-line); }
.k-page .lb-card-head::before { background: conic-gradient(from var(--a), transparent 0 55%, rgba(255, 212, 82, 0.9) 80%, transparent 100%); }
.k-page .lb-card-avatar { border-color: var(--k-bg-2) !important; box-shadow: 0 0 0 2px rgba(255, 193, 7, 0.55), 0 16px 34px -14px rgba(0, 0, 0, 0.8) !important; }
.k-page .lb-card-name { font-family: var(--k-display); font-weight: 700; }
.k-page .lb-card-section { background: var(--k-bg); border-color: var(--k-line); border-radius: 16px; }
.k-page .lb-card-section-title { font: 650 15px var(--k-display) !important; letter-spacing: -0.01em !important; text-transform: none; color: var(--k-text); }
.k-page .lb-card-section-title::before { background: var(--k-grad); box-shadow: none; }
.k-page .lb-card-progress-bar { background: var(--k-bg-3); border: 0; }
.k-page .lb-card-progress-fill { background: var(--k-grad); box-shadow: none; }
.k-page .lb-card-stat { background: var(--k-bg-2); border-color: var(--k-line); border-radius: 12px; }
.k-page .lb-card-stat:hover { border-color: rgba(255, 193, 7, 0.4); background: var(--k-bg-3); box-shadow: none; }
.k-page .lb-card-stat-value { font-family: var(--k-display) !important; background: var(--k-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
.k-page .lb-card-role { border-radius: 999px; }
/* Ortak üye kartı parçaları (main.js GroytMemberCard) */
.k-page .mc-badges { border-radius: 999px; background: var(--k-bg-3); border-color: var(--k-line); }
.k-page .mc-date { border-radius: 14px; background: var(--k-bg); border-color: var(--k-line); }
.k-page .mc-date-label { font-size: 12.5px; color: var(--k-text-3); letter-spacing: 0; text-transform: none; }
.k-page .mc-btn { border-radius: 999px; background: var(--k-bg-3); border-color: var(--k-line-2); }
.k-page .mc-btn:hover { border-color: rgba(255, 193, 7, 0.45); }
.k-page .mc-btn-discord { background: #5865F2; border-color: #5865F2; color: #fff; }

/* ---------------------------------------------------------------- Çekiliş takibi */
.k-page .gwp-hero { background: var(--k-bg-2); border-color: var(--k-line-2); border-radius: 24px; box-shadow: 0 30px 80px -50px rgba(255, 193, 7, 0.55); }
.k-page .gwp-chest { filter: drop-shadow(0 10px 18px rgba(0, 0, 0, 0.5)); }
.k-page .gwp-kicker { font: 600 14px var(--k-body) !important; letter-spacing: 0 !important; text-transform: none; color: var(--k-text-3); }
.k-page .gwp-hero h1, .k-page .gwp-title { font-family: var(--k-display); font-weight: 700; letter-spacing: -0.03em; }
.k-page .gwp-card, .k-page .gwp-panel, .k-page .gwp-stat, .k-page .gwp-box { background: var(--k-bg-2); border-color: var(--k-line); border-radius: 18px; }
.k-page .gwp-stat-num, .k-page .gwp-timer-num { font-family: var(--k-display) !important; letter-spacing: -0.02em !important; }
.k-page .gwp-percent { font-family: var(--k-display) !important; letter-spacing: 0 !important; color: var(--k-amber-2); }
.k-page .gwp-progress, .k-page .gwp-bar { background: var(--k-bg-3); }
.k-page .gwp-progress > *, .k-page .gwp-bar > *, .k-page .gwp-progress-fill { background: var(--k-grad); box-shadow: none; }
.k-page .gwp-winner { background: var(--k-bg-2); border-color: rgba(255, 193, 7, 0.4); box-shadow: 0 20px 50px -34px rgba(255, 193, 7, 0.6); }
.k-page .gwp-winner-avatar { box-shadow: 0 0 0 2px rgba(255, 193, 7, 0.6); }
.k-page .gwp-member { border-radius: 14px; background: var(--k-bg-2); border-color: var(--k-line); }
.k-page .gwp-member.is-winner { background: var(--k-bg-2); border-color: rgba(255, 193, 7, 0.5); box-shadow: inset 3px 0 0 #FFC107; }
.k-page .gwp-member:hover { border-color: rgba(255, 193, 7, 0.4); }
.k-page .gwp-label, .k-page .gwp-meta-label { letter-spacing: 0 !important; text-transform: none !important; font-size: 13px; color: var(--k-text-3); }

/* Oylama / rol sayfalarının ortak kartları */
.k-page .gpl-card { background: var(--k-bg-2); border-color: var(--k-line); }
.k-page .gpl-card:hover { border-color: rgba(255, 193, 7, 0.4); }
.k-page .gwp-timer-label, .k-page .gwp-date-label { font-size: 13px; font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--k-text-3); }
.k-page .plp-question { text-transform: none; }