.hub-supporters{isolation:isolate;color:#eef2ff;background:radial-gradient(520px 180px at 8% -10%, color-mix(in srgb, var(--gold,#fbbf24) 16%, transparent), transparent 62%), radial-gradient(380px 160px at 100% 0%, color-mix(in srgb, var(--cyan,#67e8f9) 10%, transparent), transparent 58%), linear-gradient(180deg, color-mix(in srgb, var(--header,#101018) 82%, #07080f), #070910);border:1px solid color-mix(in srgb, var(--gold,#fbbf24) 22%, #ffffff14);border-radius:1.35rem;padding:1.5rem 1.35rem 1.45rem;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff08,0 18px 40px #00000047}.hub-supporters:before{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--gold,#fbbf24) 55%, #fff), transparent);opacity:.7;width:100%;height:1px;position:absolute;inset:0 auto auto 0}.hub-supporters__scan{display:none}.hub-supporters__head{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.7rem 1rem;display:flex;position:relative}.hub-supporters__head p{letter-spacing:.34em;text-transform:uppercase;color:color-mix(in srgb, var(--gold,#fde68a) 70%, #94a3b8);margin:0;font-size:.62rem}.hub-supporters__head h2{letter-spacing:.01em;color:#f8fafc;width:100%;margin:.28rem 0 0;font-size:1.28rem;font-weight:650}.hub-supporters__enter{border:1px solid color-mix(in srgb, var(--cyan,#67e8f9) 28%, transparent);color:#dbeafe;background:#080c168c;border-radius:999px;align-items:center;min-height:2rem;padding:0 .9rem;font-size:.74rem;font-weight:700;text-decoration:none;display:inline-flex}.hub-supporters__enter:hover{color:#fff;border-color:color-mix(in srgb, var(--gold,#fbbf24) 55%, #fff)}.hub-supporters__aurora{pointer-events:none;background:radial-gradient(40% 70% at 30% 40%, color-mix(in srgb, var(--gold,#fde68a) 18%, transparent), transparent 70%), radial-gradient(36% 80% at 70% 20%, color-mix(in srgb, var(--cyan,#67e8f9) 14%, transparent), transparent 72%);filter:blur(18px);height:58%;animation:9s ease-in-out infinite alternate hub-rank-aurora;position:absolute;inset:-20% -10% auto}.hub-supporters__find{z-index:1;margin:1.05rem 0 0;display:block;position:relative}.hub-supporters__sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.hub-supporters__find input{color:#f8fafc;background:#050810b8;border:1px solid #7dd3fc47;border-radius:999px;outline:none;width:100%;min-height:2.7rem;padding:0 1.1rem;font-size:.92rem}.hub-supporters__empty{z-index:1;color:#94a3b8;margin:1.2rem 0 0;font-size:.88rem;position:relative}.hub-supporters__podium{z-index:1;grid-template-columns:1fr 1fr;grid-template-areas:"one one""two three";gap:.85rem;margin:1.35rem 0 0;padding:0;list-style:none;display:grid;position:relative}.hub-supporters__podium li{text-align:center;background:#ffffff06;border:1px solid #ffffff12;border-radius:1.05rem;justify-items:center;gap:.32rem;padding:1.05rem .7rem .95rem;display:grid}.hub-supporters__podium li[data-rank="1"]{grid-area:one}.hub-supporters__podium li[data-rank="2"]{grid-area:two}.hub-supporters__podium li[data-rank="3"]{grid-area:three}.hub-supporters__halo{filter:blur(18px);opacity:.55;pointer-events:none;border-radius:999px;height:70%;position:absolute;inset:auto 18% -35%}.hub-supporters__honor{letter-spacing:.28em;text-transform:uppercase;color:#94a3b8;font-size:.58rem}.hub-supporters__podium li.is-gold .hub-supporters__honor{color:#fde68a}.hub-supporters__podium li{position:relative;overflow:hidden}.hub-supporters__podium li.is-gold{background:linear-gradient(180deg, color-mix(in srgb, var(--gold,#fbbf24) 18%, transparent), #ffffff05);border-color:color-mix(in srgb, var(--gold,#fbbf24) 42%, #ffffff1a);box-shadow:0 12px 28px color-mix(in srgb, var(--gold,#fbbf24) 12%, transparent);padding-top:1.2rem}.hub-supporters__podium li.is-silver{background:linear-gradient(#e2e8f01a,#ffffff05);border-color:#e2e8f038}.hub-supporters__podium li.is-bronze{background:linear-gradient(#fb923c1a,#ffffff05);border-color:#fb923c38}.hub-supporters__podium em{letter-spacing:.28em;color:#cbd5e1;font-size:.62rem;font-style:normal}.hub-supporters__podium li.is-gold em{color:var(--gold,#fde68a)}.hub-supporters__ava{object-fit:cover;border:1px solid #ffffff38;border-radius:999px;width:3.2rem;height:3.2rem}.hub-supporters__ava--fallback{background:#111827;place-items:center;font-weight:800;display:grid}.hub-supporters__podium strong,.hub-supporters__who strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.92rem;font-weight:700;display:block;overflow:hidden}.hub-supporters__podium small,.hub-supporters__who small{color:#94a3b8;letter-spacing:.06em;font-size:.66rem}.hub-supporters__podium b,.hub-supporters__ladder b{font-variant-numeric:tabular-nums;color:color-mix(in srgb, var(--gold,#fde68a) 85%, #fff);font-size:1rem}.hub-supporters__ladder{z-index:1;gap:.28rem;margin:1rem 0 0;padding:0;list-style:none;display:grid;position:relative}.hub-supporters__ladder li{background:0 0;border:1px solid #0000;border-radius:.8rem;grid-template-columns:2rem 2.05rem minmax(0,1fr) auto;align-items:center;gap:.65rem;min-height:2.85rem;padding:.28rem .55rem;display:grid}.hub-supporters__ladder li:hover{background:#ffffff08;border-color:#ffffff0f}.hub-supporters__ladder .hub-supporters__ava{width:2.05rem;height:2.05rem}.hub-supporters__pos{letter-spacing:.1em;font-variant-numeric:tabular-nums;color:#7dd3fc;font-size:.7rem}.hub-supporters--arena{min-height:62vh;padding:1.8rem 1.5rem 2rem}.hub-supporters--arena .hub-supporters__head h2{font-size:1.85rem}@media (max-width:700px){.hub-supporters__podium{grid-template-columns:1fr;grid-template-areas:"one""two""three"}}@keyframes hub-rank-aurora{0%{opacity:.7;transform:translateY(0)scale(1)}to{opacity:1;transform:translateY(12px)scale(1.06)}}.hub-ranking-arena{isolation:isolate;background:radial-gradient(70vw 36vh at 8% -8%, color-mix(in srgb, var(--gold,#fbbf24) 12%, transparent), transparent 58%), radial-gradient(50vw 32vh at 100% 0%, color-mix(in srgb, var(--cyan,#67e8f9) 10%, transparent), transparent 52%), linear-gradient(180deg, #05060c, color-mix(in srgb, var(--bg,#070914) 90%, #000));min-height:100vh;padding:2.4rem 1.2rem 4rem;position:relative;overflow:clip}.hub-ranking-arena__back{color:#7dd3fc;font-size:.86rem;font-weight:650;text-decoration:none}.hub-ranking-arena__kicker{letter-spacing:.34em;text-transform:uppercase;color:color-mix(in srgb, var(--gold,#fde68a) 70%, #94a3b8);margin:1.5rem 0 0;font-size:.66rem}.hub-ranking-arena h1{letter-spacing:-.04em;background:linear-gradient(120deg,#fff 10%,#fde68a 45%,#fff 80%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:.4rem 0 0;font-size:clamp(2.4rem,7vw,4.6rem);font-weight:900;line-height:.95}.hub-ranking-arena__periods{flex-wrap:wrap;gap:.4rem;margin:1.15rem 0 1.5rem;display:flex}.hub-ranking-arena__periods a{color:#cbd5e1;background:#080a1273;border:1px solid #ffffff1a;border-radius:999px;align-items:center;min-height:2.05rem;padding:0 .9rem;font-size:.78rem;font-weight:700;text-decoration:none;display:inline-flex}.hub-ranking-arena__periods a.is-on{border-color:color-mix(in srgb, var(--gold,#fbbf24) 55%, #fff);color:#fff;background:color-mix(in srgb, var(--gold,#fbbf24) 12%, #080a12b3);box-shadow:0 0 22px color-mix(in srgb, var(--gold,#fbbf24) 28%, transparent)}.hub-ranking-arena__aurora,.hub-ranking-arena__ring{pointer-events:none;position:absolute}.hub-ranking-arena__aurora{background:radial-gradient(circle at 20% 40%, color-mix(in srgb, var(--gold,#fbbf24) 28%, transparent), transparent 42%), radial-gradient(circle at 78% 20%, #7dd3fc2e, transparent 40%);filter:blur(8px);height:46vh;animation:8s ease-in-out infinite alternate hub-rank-aurora;inset:-20% -10% auto}.hub-ranking-arena__ring{border:1px solid color-mix(in srgb, var(--gold,#fbbf24) 35%, transparent);width:min(18rem,40vw);height:min(18rem,40vw);box-shadow:inset 0 0 40px color-mix(in srgb, var(--gold,#fbbf24) 12%, transparent);border-radius:50%;animation:28s linear infinite hub-rank-spin;top:6.5rem;right:8%}.hub-ranking-arena h1{background:linear-gradient(100deg,#fff,#fde68a 42%,#fff 70%);color:#0000;-webkit-background-clip:text;background-clip:text}.hub-ranking-arena__periods a{transition:transform .18s,border-color .18s,box-shadow .18s}.hub-ranking-arena__periods a:hover{border-color:#fde68a73;transform:translateY(-1px)}@keyframes hub-rank-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.hub-ranking-arena__aurora,.hub-ranking-arena__ring{animation:none}}.hub-ranking-arena{background:radial-gradient(circle at 50% -8%,#dc262652,#0000 34%),radial-gradient(circle at 100% 18%,#7dd3fc24,#0000 30%),repeating-linear-gradient(135deg,#ffffff05 0 1px,#0000 1px 14px),#05060c}.hub-ranking-arena h1{letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(100deg,#fff 0%,#fde68a 38%,#fff 52%,#fb7185 100%);color:#0000;text-shadow:none;filter:drop-shadow(0 10px 24px #dc262647);-webkit-background-clip:text;background-clip:text;font-size:clamp(3rem,8vw,5.4rem)}.hub-supporters--arena .hub-supporters__podium li{clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);background:linear-gradient(165deg,#ffffff12,#0000 42%),radial-gradient(circle at 50% 0,#fde68a2e,#0000 55%),#0b0d16;border:1px solid #fde68a61;min-height:16rem;box-shadow:inset 0 0 0 1px #00000073,0 22px 48px #00000061}.hub-supporters--arena .hub-supporters__podium li[data-rank="1"]{background:radial-gradient(circle at 50% 0,#dc26266b,#0000 48%),radial-gradient(circle at 80% 90%,#fde68a38,#0000 42%),#14080c;min-height:20rem}.hub-supporters--arena .hub-supporters__podium em{letter-spacing:.06em;background:linear-gradient(#fff,#fde68a 70%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.6rem,6vw,4.4rem);font-weight:900;line-height:.85}.hub-supporters--arena .hub-supporters__ava{border:2px solid #fde68a;width:5.4rem;height:5.4rem;box-shadow:0 0 28px #fde68a61}.hub-supporters--arena .hub-supporters__ladder{position:relative}.hub-supporters--arena .hub-supporters__ladder:before{content:"";pointer-events:none;background:linear-gradient(#fff,#fde68a 30%,#0000);width:2px;position:absolute;top:.4rem;bottom:.4rem;left:1.35rem}.hub-supporters--arena .hub-supporters__ladder li{clip-path:polygon(10px 0,100% 0,100% 100%,0 100%,0 10px);background:linear-gradient(90deg,#fde68a14,#0000 46%);border:1px solid #ffffff0f}
