.tops-page{--tops-card-width: 480px;--tops-gap: 22px;--tops-row-h: 46px;color:var(--hn-text);font-family:var(--font-body);width:min(1240px,calc(100% - 32px));margin-inline:auto;padding-block:24px 48px;overflow-x:clip}.tops-banner{position:relative;overflow:hidden;min-height:188px;border-radius:18px;background:#191e26}.tops-banner picture{position:absolute;inset:0}.tops-banner img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.tops-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0e1218f7,#0e1218ad 55%,#0e12182e)}.tops-banner-content{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;min-height:188px;padding:28px}.tops-banner h1{color:var(--hn-text);font-family:var(--font-heading);font-size:clamp(25px,3.4vw,34px);font-weight:600;letter-spacing:-.035em;line-height:1.15}.tops-banner p{margin-top:10px;color:#c4ccda;font-size:15px;line-height:1.55}.tops-banner .tops-updated{margin-top:6px;color:var(--hn-muted);font-size:13px}.tops-carousel{position:relative;margin-top:24px}.tops-stage{--tops-drag: 0px;display:grid;justify-items:center;align-items:start;touch-action:pan-y;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 13%,#000 87%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 13%,#000 87%,transparent 100%)}.tops-card{grid-area:1 / 1;width:min(var(--tops-card-width),100%);padding:20px;background:var(--hn-surface);border:1px solid rgba(255,255,255,.09);border-radius:16px;transition:transform .32s cubic-bezier(.16,1,.3,1),opacity .32s cubic-bezier(.16,1,.3,1),filter .32s cubic-bezier(.16,1,.3,1)}.tops-card[data-pos="0"]{z-index:2;transform:translate(var(--tops-drag))}.tops-card[data-pos="-1"],.tops-card[data-pos="1"]{z-index:1;opacity:.55;filter:blur(3px);pointer-events:none}.tops-card[data-pos="-1"]{transform:translate(calc(-100% - var(--tops-gap) + var(--tops-drag))) scale(.94)}.tops-card[data-pos="1"]{transform:translate(calc(100% + var(--tops-gap) + var(--tops-drag))) scale(.94)}.tops-card:not([data-pos="0"]):not([data-pos="1"]):not([data-pos="-1"]){visibility:hidden;opacity:0;pointer-events:none}.tops-card[data-pos="-2"]{transform:translate(calc(-200% - var(--tops-gap))) scale(.9)}.tops-card[data-pos="2"]{transform:translate(calc(200% + var(--tops-gap))) scale(.9)}.tops-stage[data-dragging] .tops-card{transition:none}.tops-card-head{display:flex;align-items:center;gap:12px}.tops-card-icon{display:inline-flex;flex:none;align-items:center;justify-content:center;width:40px;height:40px;color:#c4afff;background:#30263e;border-radius:11px}.tops-card-titles{min-width:0}.tops-card-hint{margin-top:2px;color:var(--hn-muted);font-size:12px;line-height:1.35;overflow-wrap:anywhere}.tops-card-hint+.tops-card-note{color:var(--hn-accent-text)}.tops-card-note{margin-top:2px;color:var(--hn-muted);font-size:12px;line-height:1.35;overflow-wrap:anywhere}.tops-item-sign{color:#e2c48a;background:#3a2f1f}.tops-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;width:-moz-fit-content;width:fit-content;max-width:100%;margin:20px auto 0;padding:4px;background:var(--hn-surface);border:1px solid var(--hn-line);border-radius:12px}.tops-tab{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;color:var(--hn-muted);font-size:14px;font-weight:500;white-space:nowrap;background:none;border:0;border-radius:9px;transition:background-color .22s cubic-bezier(.16,1,.3,1),color .22s cubic-bezier(.16,1,.3,1)}.tops-tab[aria-selected=true]{color:var(--hn-text);background:var(--hn-surface-raised);box-shadow:inset 0 0 0 1px var(--hn-line-strong)}.tops-tab:focus-visible{outline:2px solid var(--hn-focus);outline-offset:1px}@media(hover:hover){.tops-tab:hover{color:var(--hn-text)}}.tops-tab-count{color:var(--hn-faint);font-size:12px;font-variant-numeric:tabular-nums}.tops-tab[aria-selected=true] .tops-tab-count{color:#a78bfa}.tops-tabs+.tops-auto-height .tops-carousel{margin-top:16px}.tops-auto-height[data-moving]{overflow-y:clip;overflow-x:visible}.tops-auto-height[data-ready]{transition:height .24s cubic-bezier(.16,1,.3,1)}.tops-group-panel[data-enter=next]{animation:tops-enter-next .22s cubic-bezier(.16,1,.3,1)}.tops-group-panel[data-enter=prev]{animation:tops-enter-prev .22s cubic-bezier(.16,1,.3,1)}.tops-rows[data-enter=next]{animation:tops-enter-next .2s cubic-bezier(.16,1,.3,1)}.tops-rows[data-enter=prev]{animation:tops-enter-prev .2s cubic-bezier(.16,1,.3,1)}@keyframes tops-enter-next{0%{opacity:0;transform:translate(16px)}}@keyframes tops-enter-prev{0%{opacity:0;transform:translate(-16px)}}.tops-card h2{min-width:0;color:var(--hn-text);font-family:var(--font-heading);font-size:16px;font-weight:600;letter-spacing:-.035em;line-height:1.35}.tops-fund{margin-top:16px;padding:14px 16px;background:var(--hn-surface-raised);border:1px solid var(--hn-line);border-radius:11px}.tops-fund-amount{color:var(--hn-text);font-family:var(--hn-money-family);font-size:23px;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.025em;line-height:1.25;overflow-wrap:anywhere}.tops-fund-accent{margin-top:6px;color:var(--hn-accent-text);font-size:13px}.tops-fund-caption{margin-top:2px;color:var(--hn-muted);font-size:13px}.tops-columns,.tops-row{display:grid;grid-template-columns:38px 32px minmax(0,1fr) auto;align-items:center;-moz-column-gap:12px;column-gap:12px}.tops-columns{margin-top:16px;padding:0 10px 8px;color:var(--hn-faint);font-size:12px;border-bottom:1px solid var(--hn-line)}.tops-columns span:nth-child(1){grid-column:1;text-align:center}.tops-columns span:nth-child(2){grid-column:2 / 4}.tops-columns span:nth-child(3){grid-column:4;text-align:right}.tops-rows{display:flex;flex-direction:column;gap:2px;margin-top:6px;list-style:none}.tops-row{min-height:var(--tops-row-h);padding:6px 10px;border-radius:10px;transition:background-color .22s cubic-bezier(.16,1,.3,1)}.tops-row[data-medal]{background:#e2e8f009}.tops-row:hover,.tops-row:focus-visible{background:#20252d}.tops-row:focus-visible{outline:2px solid var(--hn-focus);outline-offset:-2px}.tops-rows--paged{min-height:calc(10 * var(--tops-row-h) + 9 * 2px)}.tops-rows--paged .tops-row{height:var(--tops-row-h)}.tops-pager{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--hn-line)}.tops-page-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--hn-text);background:var(--hn-surface-raised);border:1px solid var(--hn-line-strong);border-radius:8px;transition:background-color .22s cubic-bezier(.16,1,.3,1),border-color .22s cubic-bezier(.16,1,.3,1)}@media(hover:hover){.tops-page-btn:hover:not(:disabled){background:#754dcf;border-color:#754dcf}}.tops-page-btn:focus-visible{outline:2px solid var(--hn-focus);outline-offset:2px}.tops-page-btn:disabled{opacity:.35;cursor:default}.tops-page-label{display:inline-flex;align-items:baseline;gap:8px;min-width:128px;justify-content:center;color:var(--hn-muted);font-size:13px;font-variant-numeric:tabular-nums}.tops-page-count{color:var(--hn-faint);font-size:12px}.tops-place{display:inline-flex;align-items:center;justify-content:center;color:var(--hn-muted);font-size:14px;font-variant-numeric:tabular-nums;font-weight:500}.tops-medal{display:block;width:28px;height:28px}.tops-medal-ribbon{fill:#754dcf}.tops-medal[data-place="1"] .tops-medal-disc{fill:var(--hn-warning-text)}.tops-medal[data-place="2"] .tops-medal-disc{fill:var(--hn-muted)}.tops-medal[data-place="3"] .tops-medal-disc{fill:#c08a5f}.tops-medal-ring{fill:none;stroke:#10131747;stroke-width:1}.tops-medal-num{fill:#101317;font-family:var(--font-body);font-size:10px;font-weight:700}.tops-head{display:block;width:32px;height:32px;border-radius:6px;image-rendering:pixelated}.tops-head-base{fill:#39414e}.tops-head-hair{fill:#2a3039}.tops-head-eye{fill:#a6afbf}.tops-clan-sign{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;color:#c4afff;font-size:14px;font-weight:600;background:#30263e;border-radius:8px}.tops-name{display:flex;flex-direction:column;min-width:0}.tops-nick{overflow:hidden;color:var(--hn-text);font-size:15px;font-weight:500;white-space:nowrap;text-overflow:ellipsis}.tops-prize-inline{display:none;overflow:hidden;color:var(--hn-success-text);font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis}.tops-value{display:grid;justify-items:end;color:var(--hn-text);font-family:var(--hn-money-family);font-size:14px;font-variant-numeric:tabular-nums;font-weight:500;white-space:nowrap}.tops-value>span{grid-area:1 / 1;transition:opacity .22s cubic-bezier(.16,1,.3,1)}.tops-value-prize{color:var(--hn-success-text);opacity:0}.tops-row--prize:hover .tops-value-main,.tops-row--prize:focus-visible .tops-value-main{opacity:0}.tops-row--prize:hover .tops-value-prize,.tops-row--prize:focus-visible .tops-value-prize{opacity:1}@media(hover:none){.tops-page{--tops-row-h: 52px}.tops-prize-inline{display:block}.tops-value-prize{display:none}.tops-row--prize:hover .tops-value-main,.tops-row--prize:focus-visible .tops-value-main{opacity:1}}.tops-empty{padding:28px 12px;color:var(--hn-muted);font-size:14px;text-align:center}.tops-empty--page{margin-top:24px;background:var(--hn-surface);border:1px solid var(--hn-line);border-radius:16px}.tops-loading{display:grid;justify-items:center;margin-top:24px}.tops-card--ghost{min-height:560px;opacity:.55;animation:tops-pulse 1.6s ease-in-out infinite}@keyframes tops-pulse{50%{opacity:.3}}.tops-controls{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:12px}.tops-arrow{position:absolute;z-index:3;top:300px;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;color:var(--hn-text);background:var(--hn-surface-raised);border:1px solid var(--hn-line-strong);border-radius:50%;transition:background-color .22s cubic-bezier(.16,1,.3,1),border-color .22s cubic-bezier(.16,1,.3,1)}.tops-arrow:hover{background:#754dcf;border-color:#754dcf}.tops-arrow--prev{left:calc(50% - var(--tops-card-width) / 2 - 24px)}.tops-arrow--next{right:calc(50% - var(--tops-card-width) / 2 - 24px)}.tops-dots{display:flex;align-items:center;gap:4px}.tops-dot{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:0}.tops-dot:before{content:"";width:9px;height:9px;background:var(--hn-line-strong);border-radius:50%;transition:background-color .22s cubic-bezier(.16,1,.3,1),transform .22s cubic-bezier(.16,1,.3,1)}.tops-dot:hover:before{background:var(--hn-muted)}.tops-dot[aria-current=true]:before{background:#8b5cf6;transform:scale(1.25)}@media(max-width:760px){.tops-page{padding-top:16px;padding-bottom:32px;--tops-gap: 16px}.tops-banner:after{background:linear-gradient(90deg,#0e1218f2,#0e1218d1 60%,#0e121873)}.tops-banner-content{flex-direction:column;align-items:stretch;justify-content:flex-end;padding:18px}.tops-banner p{font-size:14px}.tops-stage{overflow-x:clip;-webkit-mask-image:none;mask-image:none}.tops-card{width:100%;padding:14px}.tops-card[data-pos="-1"],.tops-card[data-pos="1"]{opacity:1;filter:none}.tops-card[data-pos="-1"]{transform:translate(calc(-100% - var(--tops-gap) + var(--tops-drag)))}.tops-card[data-pos="1"]{transform:translate(calc(100% + var(--tops-gap) + var(--tops-drag)))}.tops-fund-amount{font-size:21px}.tops-columns,.tops-row{grid-template-columns:30px 28px minmax(0,1fr) auto;-moz-column-gap:8px;column-gap:8px}.tops-row,.tops-columns{padding-inline:6px}.tops-head,.tops-clan-sign{width:28px;height:28px}.tops-nick{font-size:14px}.tops-value{font-size:13px}.tops-arrow{position:static;width:44px;height:44px}.tops-tabs{margin-top:16px}.tops-tab{padding:0 10px;font-size:13px}}@media(prefers-reduced-motion:reduce){.tops-auto-height[data-ready]{transition:none}.tops-auto-height[data-moving]{overflow:visible}.tops-group-panel[data-enter],.tops-rows[data-enter]{animation:none}.tops-card{transition-duration:80ms}.tops-card--ghost{animation:none}.tops-row,.tops-arrow,.tops-page-btn,.tops-tab,.tops-dot:before,.tops-value>span{transition-duration:70ms}}