.hn-app .sn-scope,.hn-app.sn-scope{--sn:var(--v,var(--accent));--sn-2:var(--v2,var(--accent-2));--sn-glow:color-mix(in srgb,var(--sn) 38%,transparent);--sn-soft:color-mix(in srgb,var(--sn) 9%,transparent);--sn-line:color-mix(in srgb,var(--sn) 30%,transparent)}.hn-app .sn-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--border);padding:clamp(36px,6cqw,68px) clamp(20px,4cqw,48px) clamp(24px,3cqw,36px)}.hn-app .sn-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 55% 60% at 15% -10%,var(--sn-glow),transparent 70%),radial-gradient(ellipse 45% 70% at 95% 10%,color-mix(in srgb,var(--sn-2) 16%,transparent),transparent 65%);opacity:.55}.hn-app .sn-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,auto);gap:clamp(20px,4cqw,44px);align-items:end}@container app (max-width: 900px){.hn-app .sn-hero-grid{grid-template-columns:minmax(0,1fr)}}.hn-app .sn-hero-title{margin:0;line-height:.92;font-size:clamp(30px,6.4cqw,68px);overflow-wrap:anywhere}.hn-app .sn-countdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(6px,1.6cqw,10px);max-width:420px}.hn-app .sn-cd-cell{min-width:0;text-align:center;padding:clamp(8px,2cqw,14px) 6px;border:1px solid var(--border-strong);border-radius:var(--r-md);background:rgba(10,10,11,.66);backdrop-filter:blur(10px)}.hn-app .sn-cd-num{font-family:var(--f-mono);font-size:clamp(20px,3.6cqw,34px);font-weight:800;line-height:1;color:var(--sn);font-variant-numeric:tabular-nums;text-shadow:0 0 18px var(--sn-glow)}.hn-app .sn-stats{display:flex;flex-wrap:wrap;gap:0;margin:0;padding:0;list-style:none}.hn-app .sn-stats>li{padding:0 clamp(14px,2.4cqw,22px);border-left:1px solid var(--border)}.hn-app .sn-stats>li:first-child{padding-left:0;border-left:0}@container app (max-width: 700px){.hn-app .sn-stats{gap:10px 20px}.hn-app .sn-stats>li{padding:0;border-left:0}}.hn-app .sn-stat-num{display:block;font-family:var(--f-display);font-size:clamp(20px,2.6cqw,26px);line-height:1.1;color:var(--text)}.hn-app .sn-stat-label{display:block;margin-top:2px;font-family:var(--f-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)}.hn-app .sn-track{display:grid;gap:8px;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}@container app (max-width: 720px){.hn-app .sn-track{grid-auto-flow:row;grid-auto-columns:auto}}.hn-app .sn-tier{min-width:0;display:flex;align-items:center;gap:8px;padding:9px 11px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--panel-2);transition:border-color .15s ease,background .15s ease}.hn-app .sn-tier[data-state=current]{border-color:var(--tier-line,var(--border-strong));background:var(--tier-soft,var(--panel-3));box-shadow:0 0 0 1px var(--tier-line,transparent) inset}.hn-app .sn-tier[data-state=passed]{opacity:.8}.hn-app .sn-tier[data-state=locked]{opacity:.45}.hn-app .sn-tier-name{min-width:0;font-size:12px;font-weight:700;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hn-app .sn-tier-xp{margin-left:auto;flex:none;font-family:var(--f-mono);font-size:10.5px;color:var(--text-3);font-variant-numeric:tabular-nums}.hn-app .sn-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,1.6cqw,14px);align-items:end}.hn-app .sn-pod{min-width:0;display:flex;flex-direction:column;align-items:center;gap:7px;padding:clamp(12px,2.4cqw,20px) clamp(6px,1.4cqw,14px);text-decoration:none;color:inherit;border-radius:var(--r-lg);border:1px solid var(--border);background:var(--panel);transition:border-color .15s ease,transform .15s ease}.hn-app .sn-pod:hover{border-color:var(--pod,var(--border-strong));transform:translateY(-2px)}.hn-app .sn-pod[data-place="1"]{order:2;border-color:var(--pod);background:linear-gradient(180deg,color-mix(in srgb,var(--pod) 10%,transparent),var(--panel) 60%)}.hn-app .sn-pod[data-place="2"]{order:1;margin-bottom:clamp(8px,2cqw,18px)}.hn-app .sn-pod[data-place="3"]{order:3;margin-bottom:clamp(14px,3cqw,28px)}.hn-app .sn-pod-name{max-width:100%;font-size:13px;font-weight:800;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hn-app .sn-pod-xp{font-family:var(--f-mono);font-weight:700;font-variant-numeric:tabular-nums;color:var(--pod);font-size:clamp(14px,1.8cqw,18px)}@container app (max-width: 520px){.hn-app .sn-pod-name{font-size:11.5px}.hn-app .sn-pod{padding:10px 4px;gap:5px}}.hn-app .sn-row{transition:background .12s ease}.hn-app .sn-row:hover{background:var(--panel-2)}.hn-app .sn-user-name:hover{text-decoration:underline;text-underline-offset:3px}.hn-app .sn-row[data-me=true]{background:var(--sn-soft);box-shadow:inset 3px 0 0 var(--sn)}.hn-app .sn-row[data-me=true]:hover{background:color-mix(in srgb,var(--sn) 14%,transparent)}.hn-app .sn-user{display:flex;align-items:center;gap:10px;min-width:0}.hn-app .sn-user-name{min-width:0;font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hn-app .sn-rank{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;font-family:var(--f-mono);font-weight:800;font-size:12.5px;font-variant-numeric:tabular-nums;background:var(--panel-3);color:var(--text-2)}.hn-app .sn-rank[data-medal]{color:#14100a}.hn-app .sn-rank[data-medal="1"]{background:linear-gradient(135deg,#ffd76a,#f0a326);box-shadow:0 0 16px rgba(255,200,60,.35)}.hn-app .sn-rank[data-medal="2"]{background:linear-gradient(135deg,#dfe3ec,#a9afbd)}.hn-app .sn-rank[data-medal="3"]{background:linear-gradient(135deg,#dd9155,#b76a2c)}.hn-app .sn-mobile-meta{display:none}@container app (max-width: 760px){.hn-app .sn-mobile-meta{display:inline-flex;align-items:center;flex-wrap:wrap;gap:2px 8px}.hn-app .sn-mobile-meta>*{white-space:nowrap}.hn-app .sn-seen{display:none}}.hn-app .sn-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.hn-app .sn-search{flex:1 1 220px;min-width:0;max-width:340px}.hn-app .sn-toolbar{position:sticky;top:58px;z-index:4;padding:10px 0;background:linear-gradient(var(--bg) 72%,transparent)}.hn-app .sn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:12px}.hn-app .sn-dotline{flex:1;height:1px;min-width:12px;background:linear-gradient(90deg,var(--border),transparent)}