.tzq-leaderboard-card{background:#fff;border-radius:var(--tzq-radius-lg,16px);border:1px solid var(--tzq-border-color,rgb(0 0 0 / .08));overflow:hidden;box-shadow:0 4px 20px rgb(0 0 0 / .04)}.tzq-leaderboard-card--glass{background:rgb(255 255 255 / .7);border:1px solid rgb(255 255 255 / .4)}.tzq-leaderboard-card__header{background:#fff0;color:#1A2530;padding:var(--tzq-spacing-3) var(--tzq-spacing-md,16px);display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #E5E7EB}.tzq-leaderboard-card__title{margin:0;font-size:var(--tzq-text-lg);font-weight:var(--tzq-font-extrabold);display:flex;align-items:center;gap:var(--tzq-spacing-2-5)}.tzq-leaderboard-card__body{padding:0}.tzq-leaderboard-filters-container{margin-bottom:var(--tzq-spacing-6);overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:var(--tzq-spacing-1)}.tzq-tabs--leaderboard{display:flex;gap:var(--tzq-spacing-1-5);padding:.35rem;background:var(--tzq-bg-secondary);border-radius:var(--tzq-radius-md);width:max-content;min-width:100%}.tzq-tabs--leaderboard .tzq-tab{display:flex;align-items:center;gap:.4rem;padding:var(--tzq-spacing-2) var(--tzq-spacing-4);border-radius:var(--tzq-radius-md);font-size:var(--tzq-text-sm);font-weight:var(--tzq-font-bold);color:var(--tzq-text-secondary);text-decoration:none;white-space:nowrap}.tzq-tabs--leaderboard .tzq-tab:hover{color:var(--tzq-primary);background:rgba(var(--tzq-primary-rgb,59,130,246),.08);text-decoration:none}.tzq-tabs--leaderboard .tzq-tab.is-active{background:var(--tzq-primary);color:#fff;box-shadow:0 4px 12px rgba(var(--tzq-primary-rgb,59,130,246),.3)}.tzq-tabs--leaderboard .tab-icon{font-size:var(--tzq-text-base);line-height:var(--tzq-leading-none)}.tzq-podium-wrapper{margin-bottom:var(--tzq-spacing-6);background:linear-gradient(180deg,rgba(var(--tzq-primary-rgb,59,130,246),.04) 0%,transparent 100%);border-radius:var(--tzq-radius-md);padding-bottom:0;overflow:hidden}.tzq-podium-display{display:flex;align-items:flex-end;justify-content:center;gap:var(--tzq-spacing-3);padding:var(--tzq-spacing-6) var(--tzq-spacing-4) 0}.tzq-podium-item{display:flex;flex-direction:column;align-items:center;gap:var(--tzq-spacing-2);flex:1;max-width:130px}.tzq-podium-item.podium-1{order:2}.tzq-podium-item.podium-2{order:1}.tzq-podium-item.podium-3{order:3}.podium-badge{font-size:var(--tzq-text-3xl);line-height:var(--tzq-leading-none);filter:drop-shadow(0 2px 4px rgb(0 0 0 / .15))}.podium-avatar{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--tzq-text-xl);font-weight:var(--tzq-font-black);color:#fff;border:3px solid #fff;box-shadow:0 4px 16px rgb(0 0 0 / .18);position:relative}.tzq-podium-item.podium-1 .podium-avatar{width:68px;height:68px;font-size:var(--tzq-text-2xl);background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 8px 28px rgb(245 158 11 / .45);border-color:rgb(255 255 255 / .9)}.tzq-podium-item.podium-2 .podium-avatar{background:linear-gradient(135deg,#94a3b8,#64748b);box-shadow:0 6px 20px rgb(100 116 139 / .35)}.tzq-podium-item.podium-3 .podium-avatar{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 6px 20px rgb(249 115 22 / .35)}.tzq-podium-item.is-me .podium-avatar{outline:3px solid var(--tzq-primary);outline-offset:2px}.podium-name{font-size:var(--tzq-text-sm);font-weight:var(--tzq-font-bold);color:var(--tzq-text-primary);text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podium-xp{font-size:var(--tzq-text-xs);font-weight:var(--tzq-font-extrabold);color:var(--tzq-primary);background:var(--tzq-primary-light,#dce4fb);padding:var(--tzq-spacing-0-5) var(--tzq-spacing-2-5);border-radius:var(--tzq-radius-md);border:1px solid rgba(var(--tzq-primary-rgb,59,130,246),.2)}.tzq-podium-item::after{content:'';display:block;width:100%;border-radius:var(--tzq-radius-md);margin-top:var(--tzq-spacing-2-5)}.tzq-podium-item.podium-1::after{height:64px;background:linear-gradient(180deg,#fef3c7,#fde68a);border:1.5px solid #fbbf24;border-bottom:none;box-shadow:inset 0 2px 8px rgb(251 191 36 / .2)}.tzq-podium-item.podium-2::after{height:48px;background:linear-gradient(180deg,#f1f5f9,#e2e8f0);border:1.5px solid #94a3b8;border-bottom:none;box-shadow:inset 0 2px 8px rgb(148 163 184 / .2)}.tzq-podium-item.podium-3::after{height:36px;background:linear-gradient(180deg,#ffedd5,#fed7aa);border:1.5px solid #f97316;border-bottom:none;box-shadow:inset 0 2px 8px rgb(249 115 22 / .2)}.tzq-leaderboard-list{display:flex;flex-direction:column;gap:var(--tzq-spacing-2,.5rem)}.tzq-section-header--column{flex-direction:column!important;align-items:flex-start!important;gap:var(--tzq-spacing-1-5,6px)!important}.tzq-leaderboard-item{display:flex;align-items:center;gap:var(--tzq-spacing-2,.5rem);padding:var(--tzq-spacing-2,.5rem) var(--tzq-spacing-3,.75rem);border-radius:var(--tzq-radius-lg,12px);background:var(--tzq-bg-primary,#ffffff);border:1px solid var(--tzq-border-light,#e2e8f0);min-height:48px;transition:all 0.25s cubic-bezier(.4,0,.2,1);position:relative}.tzq-leaderboard-item:hover{border-color:rgba(var(--tzq-primary-rgb,59,130,246),.35);box-shadow:var(--tzq-shadow-sm),0 0 0 3px rgba(var(--tzq-primary-rgb,59,130,246),.08);transform:translateX(3px)}.tzq-leaderboard-item.is-me,.tzq-leaderboard-item.tzq-leaderboard-item--me{background:rgba(var(--tzq-primary-rgb,59,130,246),.05)!important;border-color:var(--tzq-primary,#2563eb)!important;box-shadow:inset 4px 0 0 var(--tzq-primary,#2563eb)!important}.tzq-leaderboard-item--rank-1{background:linear-gradient(135deg,rgb(245 158 11 / .08),var(--tzq-bg-primary,#ffffff))!important;border-color:rgb(245 158 11 / .45)!important;box-shadow:0 4px 12px rgb(245 158 11 / .1),inset 0 1px 0 rgb(255 255 255 / .6)!important;transform:scale(1.01);z-index:2}.tzq-leaderboard-item--rank-1:hover{transform:scale(1.01) translateX(3px)!important;box-shadow:0 6px 18px rgb(245 158 11 / .18)!important}.tzq-leaderboard-item--rank-2{background:linear-gradient(135deg,rgb(148 163 184 / .06),var(--tzq-bg-primary,#ffffff))!important;border-color:rgb(148 163 184 / .25)!important}.tzq-leaderboard-item--rank-3{background:linear-gradient(135deg,rgb(249 115 22 / .05),var(--tzq-bg-primary,#ffffff))!important;border-color:rgb(249 115 22 / .2)!important}.tzq-leaderboard-item__rank{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.tzq-leaderboard-item__medal{width:28px;height:28px;border-radius:var(--tzq-radius-full,999px);display:flex;align-items:center;justify-content:center;font-size:var(--tzq-text-xs,12px);font-weight:var(--tzq-font-black,900);color:#fff;background:linear-gradient(135deg,#ffd700,#ffa500);box-shadow:0 2px 6px rgb(245 158 11 / .4)}.tzq-leaderboard-item--rank-2 .tzq-leaderboard-item__medal{background:linear-gradient(135deg,#cbd5e1,#94a3b8);box-shadow:0 2px 6px rgb(148 163 184 / .3)}.tzq-leaderboard-item--rank-3 .tzq-leaderboard-item__medal{background:linear-gradient(135deg,#ffedd5,#ea580c);box-shadow:0 2px 6px rgb(234 88 12 / .3)}.tzq-leaderboard-item__number{width:24px;height:24px;border-radius:var(--tzq-radius-sm,6px);display:flex;align-items:center;justify-content:center;font-size:var(--tzq-text-xs,12px);font-weight:var(--tzq-font-extrabold,800);color:var(--tzq-text-tertiary,#64748b);background:var(--tzq-bg-secondary,#f8fafc);border:1px solid var(--tzq-border-light,#e2e8f0)}.tzq-leaderboard-item__user{flex:1;min-width:0}.tzq-leaderboard-item__name{display:flex;align-items:center;font-size:var(--tzq-text-sm,14px);font-weight:var(--tzq-font-bold,700);color:var(--tzq-text-primary,#0f172a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:var(--tzq-leading-tight,1.25)}.tzq-leaderboard-item__meta-row{display:flex;align-items:center;gap:var(--tzq-spacing-1,4px);flex-shrink:0}.tzq-meta-item{font-size:var(--tzq-text-xs,12px);font-weight:var(--tzq-font-extrabold,800);padding:var(--tzq-spacing-0-5,2px) var(--tzq-spacing-1-5,6px);border-radius:var(--tzq-radius-full,999px);white-space:nowrap;line-height:var(--tzq-leading-tight,1.25)}.tzq-meta-item--correct{color:var(--tzq-success-700,#15803d);background:var(--tzq-success-100,#dcfce7)}.tzq-meta-item--wrong{color:var(--tzq-error-700,#b91c1c);background:var(--tzq-error-100,#fee2e2)}.tzq-meta-item--time{color:var(--tzq-text-tertiary,#64748b);background:var(--tzq-bg-secondary,#f8fafc);border:1px solid var(--tzq-border-light,#e2e8f0)}.tzq-stats-bar-compact{display:grid;grid-template-columns:repeat(3,1fr);background:var(--tzq-bg-secondary,#f8fafc);border:1px solid var(--tzq-border-light,#e2e8f0);border-radius:var(--tzq-radius-lg,12px);margin-top:var(--tzq-spacing-4,1rem);padding:var(--tzq-spacing-2,8px) 0;overflow:hidden;box-shadow:inset 0 2px 6px rgb(0 0 0 / .02)}.tzq-stats-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:none;border-right:1px solid var(--tzq-border-light,#e2e8f0);padding:var(--tzq-spacing-2,8px) var(--tzq-spacing-1,4px)}.tzq-stats-item:last-child{border-right:none}.tzq-stats-item__value{font-size:var(--tzq-text-base,16px);font-weight:var(--tzq-font-black,900);color:var(--tzq-primary,#2563eb);line-height:var(--tzq-leading-tight,1.25)}.tzq-stats-item__label{font-size:var(--tzq-text-xs,12px);font-weight:var(--tzq-font-bold,700);color:var(--tzq-text-tertiary,#64748b);text-transform:uppercase;letter-spacing:var(--tzq-tracking-wide,.05em);margin-top:2px}.tzq-ldr-hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--tzq-spacing-4);margin-bottom:var(--tzq-spacing-6)}.tzq-ldr-stat-card{background:#fff;border:1px solid var(--tzq-border-light);border-radius:var(--tzq-radius-md);padding:1.125rem var(--tzq-spacing-3);text-align:center;box-shadow:0 2px 8px rgb(0 0 0 / .04);position:relative;overflow:hidden}.tzq-ldr-stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--tzq-primary);opacity:0}.tzq-ldr-stat-card:nth-child(1)::before{background:linear-gradient(90deg,#3b82f6,#6366f1)}.tzq-ldr-stat-card:nth-child(2)::before{background:linear-gradient(90deg,#10b981,#059669)}.tzq-ldr-stat-card:nth-child(3)::before{background:linear-gradient(90deg,#f59e0b,#f97316)}.tzq-ldr-stat-card:hover{box-shadow:0 8px 24px rgb(0 0 0 / .1);transform:translateY(-3px);border-color:rgba(var(--tzq-primary-rgb,59,130,246),.3)}.tzq-ldr-stat-card:hover::before{opacity:1}.tzq-ldr-stat-card__icon{font-size:var(--tzq-text-2xl);line-height:var(--tzq-leading-none);margin-bottom:var(--tzq-spacing-2);display:block}.tzq-ldr-stat-card__value{font-size:var(--tzq-text-2xl);font-weight:var(--tzq-font-black);color:var(--tzq-primary);line-height:var(--tzq-leading-tight);letter-spacing:-.02em}.tzq-ldr-stat-card:nth-child(2) .tzq-ldr-stat-card__value{color:var(--tzq-success-600)}.tzq-ldr-stat-card:nth-child(3) .tzq-ldr-stat-card__value{color:var(--tzq-warning-500)}.tzq-ldr-stat-card__label{font-size:var(--tzq-text-xs);color:var(--tzq-text-tertiary);font-weight:var(--tzq-font-bold);margin-top:var(--tzq-spacing-1);text-transform:uppercase;letter-spacing:.05em}.tzq-ldr-my-rank{display:flex;align-items:center;gap:var(--tzq-spacing-4);padding:var(--tzq-spacing-4) var(--tzq-spacing-5);background:linear-gradient(135deg,rgba(var(--tzq-primary-rgb,59,130,246),.08),rgba(var(--tzq-primary-rgb,59,130,246),.03));border:1.5px solid rgba(var(--tzq-primary-rgb,59,130,246),.35);border-radius:var(--tzq-radius-md);margin-bottom:var(--tzq-spacing-6);position:relative;overflow:hidden}.tzq-ldr-my-rank::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--tzq-primary),rgba(var(--tzq-primary-rgb,59,130,246),.5));border-radius:var(--tzq-radius-md)}.tzq-ldr-my-rank__icon{font-size:var(--tzq-text-3xl);line-height:var(--tzq-leading-none);flex-shrink:0;filter:drop-shadow(0 2px 4px rgb(0 0 0 / .1))}.tzq-ldr-my-rank__body{flex:1;min-width:0}.tzq-ldr-my-rank__label{font-size:var(--tzq-text-xs);font-weight:var(--tzq-font-extrabold);color:var(--tzq-primary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--tzq-spacing-0-5)}.tzq-ldr-my-rank__value{font-size:var(--tzq-text-lg);font-weight:var(--tzq-font-black);color:var(--tzq-text-primary);line-height:var(--tzq-leading-tight);display:flex;align-items:center;gap:var(--tzq-spacing-1-5);flex-wrap:wrap}.tzq-ldr-my-rank__xp{font-size:var(--tzq-text-sm);color:var(--tzq-text-secondary);font-weight:var(--tzq-font-semibold);margin-top:var(--tzq-spacing-0-5)}.tzq-leaderboard-widget .tzq-leaderboard-list{padding:0}.tzq-leaderboard-section.tzq-widget--card{padding:var(--tzq-spacing-6);background:#fff;border-radius:var(--tzq-radius-md);border:1px solid var(--tzq-border-light)}.tzq-leaderboard-section .tzq-heading{margin:0;display:flex;align-items:center;gap:var(--tzq-spacing-2-5)}.tzq-leaderboard-section .tzq-heading span:last-child{font-weight:var(--tzq-font-black);letter-spacing:-.02em}.tzq-leaderboard-table-wrapper{margin-bottom:var(--tzq-spacing-8)}.tzq-leaderboard-item__info{display:flex;align-items:center;gap:var(--tzq-spacing-3)}.tzq-leaderboard-empty-state{padding:var(--tzq-spacing-8);text-align:center;background:var(--tzq-bg-secondary);border-radius:var(--tzq-radius-md);margin-bottom:var(--tzq-spacing-8)}.tzq-leaderboard-empty-state p{margin:0;font-weight:var(--tzq-font-bold);color:var(--tzq-text-muted)}.tzq-leaderboard-reg-card{margin:var(--tzq-spacing-8) var(--tzq-spacing-6) 0;padding:var(--tzq-spacing-6);background:#fff;border-radius:var(--tzq-radius-md);border:1.5px solid var(--tzq-primary);box-shadow:0 10px 25px rgba(var(--tzq-primary-rgb,59,130,246),.12)}.tzq-leaderboard-reg-title{font-size:var(--tzq-text-lg);font-weight:var(--tzq-font-black);color:var(--tzq-primary);margin-bottom:var(--tzq-spacing-4);display:block}.tzq-leaderboard-reg-form{display:flex;flex-direction:column;gap:var(--tzq-spacing-3)}.tzq-leaderboard-input{padding:var(--tzq-spacing-3) var(--tzq-spacing-4);border-radius:var(--tzq-radius-md);border:1.5px solid #e2e8f0;font-size:var(--tzq-text-base);font-weight:var(--tzq-font-semibold)}.tzq-leaderboard-input:focus{border-color:var(--tzq-primary);box-shadow:0 0 0 4px rgba(var(--tzq-primary-rgb,59,130,246),.1);outline:none}.tzq-leaderboard-submit{padding:var(--tzq-spacing-3);border-radius:var(--tzq-radius-md);font-weight:var(--tzq-font-extrabold);text-transform:uppercase;letter-spacing:.05em}.tzq-leaderboard-reset-badge{margin-top:var(--tzq-spacing-2);display:inline-flex;align-items:center;gap:var(--tzq-spacing-1-5);padding:var(--tzq-spacing-1-5) var(--tzq-spacing-2-5);border-radius:999px;border:1px solid rgba(var(--tzq-primary-rgb,59,130,246),.25);background:rgba(var(--tzq-primary-rgb,59,130,246),.08);color:var(--tzq-text-secondary,#334155);font-size:var(--tzq-text-xs);font-weight:var(--tzq-font-bold)}.tzq-leaderboard-reset-badge__timer{color:var(--tzq-primary,#2563eb);font-variant-numeric:tabular-nums}.tzq-leaderboard-item--me{background:rgba(var(--tzq-primary-rgb,59,130,246),.12)!important;border-color:var(--tzq-primary)!important;box-shadow:inset 4px 0 0 var(--tzq-primary)!important}.tzq-me-badge{color:var(--tzq-primary);font-size:var(--tzq-text-xs);font-weight:var(--tzq-font-extrabold);margin-left:var(--tzq-spacing-1)}.tzq-leaderboard-notice{font-size:.8125rem;text-align:center;color:var(--tzq-text-muted,#64748b);padding:var(--tzq-spacing-3) var(--tzq-spacing-4);background:var(--tzq-surface-50,#f8fafc);border:1px solid var(--tzq-border,#e2e8f0);border-radius:var(--tzq-radius-md,8px);margin-top:var(--tzq-spacing-4);display:flex;align-items:center;justify-content:center;gap:var(--tzq-spacing-2);flex-wrap:wrap}.tzq-leaderboard-notice__icon{color:var(--tzq-primary,#3b82f6);flex-shrink:0}.tzq-leaderboard-notice__label{font-weight:var(--tzq-font-medium);margin-right:var(--tzq-spacing-1)}.tzq-lb-countdown{font-family:var(--tzq-font-mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-size:var(--tzq-text-sm);font-weight:var(--tzq-font-bold);color:var(--tzq-primary,#3b82f6);background:rgb(59 130 246 / .1);padding:var(--tzq-spacing-0-5) var(--tzq-spacing-2);border-radius:var(--tzq-radius-sm);letter-spacing:.05em}.tzq-leaderboard-empty{padding:var(--tzq-spacing-10) var(--tzq-spacing-6);text-align:center;color:var(--tzq-text-muted,#64748b);background:var(--tzq-surface-50,#f8fafc);border:1px dashed var(--tzq-border,#e2e8f0);border-radius:var(--tzq-radius-md,8px);font-size:var(--tzq-text-sm);display:flex;flex-direction:column;align-items:center;gap:var(--tzq-spacing-3)}@media (max-width:768px){.tzq-podium-display{gap:var(--tzq-spacing-2)}.tzq-podium-item{max-width:90px}.tzq-tabs--leaderboard{border-radius:var(--tzq-radius-md)}.tzq-ldr-hero-stats{grid-template-columns:repeat(3,1fr);gap:var(--tzq-spacing-2)}.tzq-ldr-stat-card{padding:var(--tzq-spacing-3) var(--tzq-spacing-1-5)}.tzq-ldr-stat-card__value{font-size:var(--tzq-text-lg)}.tzq-ldr-stat-card__icon{font-size:var(--tzq-text-xl)}.tzq-leaderboard-item:hover{transform:none}}