@import "https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap";*{margin:0;padding:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;transition:none}body,#root{min-height:100svh}:root{--bg:#0b1120;--bg-elev:#0f1729;--card:#131d34;--card-border:#ffffff12;--text:#edf1f7;--text-dim:#8b93a7;--text-faint:#5c6479;--header-bg:#0f1526eb;--gold-a:#f7d774;--gold-b:#e2a83c;--silver-a:#eef1f5;--silver-b:#aeb6c4;--bronze-a:#e3a469;--bronze-b:#b06a35;--teal:#35d6bf;--teal-dim:#35d6bf24;--blue:#5b8def;--blue-dim:#5b8def24;--amber:#f0a63a;--amber-dim:#f0a63a24;--violet:#b48cf2;--violet-dim:#b48cf224;--radius:16px;--radius-sm:10px}:root[data-theme=light]{--bg:#f4f6fb;--bg-elev:#fff;--card:#fff;--card-border:#10182b17;--text:#10182b;--text-dim:#5b6478;--text-faint:#97a0b3;--header-bg:#ffffffeb;--teal:#0e9a8b;--teal-dim:#0e9a8b1a;--blue:#3457c9;--blue-dim:#3457c91a;--amber:#b5720f;--amber-dim:#b5720f1a;--violet:#7c4fd1;--violet-dim:#7c4fd11a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-feature-settings:"ss01" on;margin:0;font-family:Vazirmatn,system-ui,sans-serif}.page{background:radial-gradient(1200px 400px at 50% -10%, #5b8def1f, transparent 60%), var(--bg);flex-direction:column;min-height:100svh;transition:background-color .2s;display:flex}:root[data-theme=light] .page{background:radial-gradient(1200px 400px at 50% -10%, #3b66d814, transparent 60%), var(--bg)}.topbar{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:var(--header-bg);border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex;position:sticky;top:0}.topbar h1{letter-spacing:-.2px;color:var(--text);margin:0;font-size:18px;font-weight:700}.topbar-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.theme-toggle{border:1px solid var(--card-border);background:var(--bg-elev);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;line-height:1;transition:transform .15s,background-color .2s;display:flex}.theme-toggle:hover{transform:scale(1.06)}.theme-toggle:active{transform:scale(.94)}.theme-toggle:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.counter-badge{color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;align-items:center;gap:5px;font-size:13px;font-weight:600;display:flex}.counter-sep{color:var(--text-dim);font-weight:400}.list{flex-direction:column;gap:7px;width:100%;max-width:640px;margin:0 auto;padding:12px 10px 8px;display:flex}.card{background:var(--card);border:1px solid var(--card-border);contain:content;border-radius:12px;padding:6px 10px 7px;animation:.24s both card-in}@keyframes card-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.card{animation:none}}.card.rank-1{background:linear-gradient(160deg, #f7d7741a, var(--card) 55%);border-color:#f7d77466}.card.rank-2{background:linear-gradient(160deg, #aeb6c417, var(--card) 55%);border-color:#aeb6c45c}.card.rank-3{background:linear-gradient(160deg, #e09a601a, var(--card) 55%);border-color:#e09a605c}.card-row-top{align-items:center;gap:6px;display:flex}.owner-side,.pigeon-side{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.pigeon-side{justify-content:flex-end}.rank-num{color:var(--text-faint);font-variant-numeric:tabular-nums;text-align:center;flex-shrink:0;width:16px;font-size:12px;font-weight:700}.medal-sticker{text-align:center;filter:drop-shadow(0 1px 3px #00000059);flex-shrink:0;width:16px;font-size:17px;line-height:1}.avatar-circle{background:var(--bg-elev);border-radius:50%;flex-shrink:0;width:34px;height:34px;position:relative;overflow:hidden}.avatar-circle:before{content:attr(data-initial);color:var(--text-dim);background:linear-gradient(150deg, var(--card-border), transparent);justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex;position:absolute;inset:0}.avatar-circle img{z-index:1;object-fit:cover;width:100%;height:100%;display:block;position:relative}.card.rank-1 .avatar-user{box-shadow:0 0 0 2px var(--gold-b)}.card.rank-2 .avatar-user{box-shadow:0 0 0 2px var(--silver-b)}.card.rank-3 .avatar-user{box-shadow:0 0 0 2px var(--bronze-b)}.username,.pigeonname{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:13px;font-weight:700;overflow:hidden}.username{color:var(--text)}.pigeonname{color:var(--teal);font-weight:500}.meta-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:5px;margin-top:5px;display:flex}.meta-right{flex-wrap:wrap;gap:5px;display:flex}.chip{color:var(--text-dim);background:var(--bg-elev);border:1px solid var(--card-border);white-space:nowrap;border-radius:999px;padding:2.5px 8px;font-size:10.5px}.chip b{font-weight:700}.chip-ring{color:var(--blue);background:var(--blue-dim);border-color:#5b8def40}.chip-pigeoncolor{color:var(--violet);background:var(--violet-dim);border-color:#b48cf24d}.chip-code{color:var(--amber);background:var(--amber-dim);border:1.5px solid var(--amber);font-variant-numeric:tabular-nums;letter-spacing:.2px;font-weight:600}.stats-row{justify-content:space-between;align-items:center;gap:5px;margin-top:5px;display:flex}.chip-distance,.chip-speed{font-variant-numeric:tabular-nums;font-size:11px;font-weight:600}.chip-distance{color:var(--teal);background:var(--teal-dim);border:1.5px solid var(--teal)}.chip-speed{color:var(--gold-b);border:1.5px solid var(--gold-b);background:#e2a83c24}.chip-distance b,.chip-speed b{font-weight:800}.loading-row,.end-row{color:var(--text-dim);justify-content:center;align-items:center;gap:10px;width:100%;max-width:640px;margin:0 auto;padding:18px;font-size:13px;display:flex}.error-inline{color:#f28b82;gap:12px}.spinner{border:2px solid #ffffff26;border-top-color:var(--teal);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}.spinner-lg{border-width:3px;width:40px;height:40px}.initial-loader{color:var(--text-dim);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:40px 20px;font-size:13px;display:flex}@keyframes spin{to{transform:rotate(360deg)}}.error-box{text-align:center;color:#f28b82;border-radius:var(--radius);background:#f28b8214;border:1px solid #f28b8240;max-width:640px;margin:24px auto;padding:20px}.error-box button,.error-inline button{background:var(--teal);color:#06231f;cursor:pointer;border:none;border-radius:999px;margin-top:10px;padding:8px 18px;font-family:inherit;font-size:13px;font-weight:700}.error-inline button{margin-top:0}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2s}}