.dn-page{--dn-gold: 242, 193, 78;--dn-stage: #120d0a}.dn-page .section__subtitle{text-wrap:balance}.dn-page .tops-intro{margin-bottom:22px}.dn-page .tops-live strong{font-size:.82rem;white-space:nowrap}.dn-page .tops-live[data-tone=wait] .tops-live__dot{background:#e2ae52;box-shadow:0 0 0 4px #e2ae5224;animation:dn-pulse 1.2s ease-in-out infinite}.dn-page .tops-live[data-tone=down] .tops-live__dot{background:#e0564a;box-shadow:0 0 0 4px #e0564a24}@keyframes dn-pulse{50%{opacity:.35}}.dn-switch{display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:0 0 16px;padding:4px;border-radius:12px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--border)}.dn-switch__btn{min-height:40px;padding:6px 18px;border:0;border-radius:9px;color:var(--text-soft);background:transparent;font:800 .86rem/1.1 var(--font-body);white-space:nowrap;cursor:pointer;transition:color .14s ease,background-color .14s ease,box-shadow .14s ease}.dn-switch__btn:hover{color:var(--text)}.dn-switch__btn[aria-pressed=true]{color:var(--text);background:color-mix(in srgb,rgb(var(--dn-gold)) 18%,var(--surface));box-shadow:inset 0 0 0 1px rgba(var(--dn-gold),.65)}.dn-switch__btn:focus-visible{outline:2px solid rgb(var(--dn-gold));outline-offset:2px}.dn-board{overflow:hidden;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:0 20px 44px -38px #000000bf}.dn-stage{position:relative;isolation:isolate;display:grid;align-items:end;min-height:330px;padding:34px 20px 0;overflow:hidden;color:#fff;background:var(--dn-stage)}.dn-stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(60% 70% at 50% 100%,rgba(var(--dn-gold),.26),transparent 72%),linear-gradient(180deg,#120d0ad6,#120d0af5),url(/blocks/gold_block.png) 0 0 / 48px 48px;image-rendering:pixelated}.dn-podium{display:grid;grid-template-columns:1fr 1.2fr 1fr;grid-template-areas:"second first third";align-items:end;gap:14px;width:min(100%,620px);margin:0 auto;padding:0;list-style:none}.dn-podium__place{position:relative;display:grid;justify-items:center;gap:6px;min-width:0;text-align:center}.dn-podium__place[data-slot="1"]{grid-area:first}.dn-podium__place[data-slot="2"]{grid-area:second}.dn-podium__place[data-slot="3"]{grid-area:third}.dn-podium__place .lb-head{width:60px;height:60px;border-radius:12px;box-shadow:0 12px 24px -10px #000000d9,0 0 0 3px #ffffff29}.dn-podium__place .lb-head--rank{box-shadow:0 12px 24px -10px #000000d9,0 0 0 3px var(--t1)}.dn-podium__place[data-slot="1"] .lb-head{width:80px;height:80px;border-radius:15px;box-shadow:0 18px 34px -10px rgba(var(--dn-gold),.7),0 0 0 3px #f2c14e}.dn-podium__place[data-slot="1"]:before{content:"";width:34px;height:20px;margin-bottom:-2px;background:#f2c14e;clip-path:polygon(0 100%,0 20%,25% 55%,50% 0,75% 55%,100% 20%,100% 100%);filter:drop-shadow(0 2px 6px rgba(242,193,78,.6))}.dn-podium__place[data-slot="1"]:after{content:"";position:absolute;z-index:-1;left:50%;bottom:60px;width:140%;height:420px;translate:-50% 0;background:linear-gradient(90deg,transparent 6%,rgba(255,222,140,.2) 34% 66%,transparent 94%);clip-path:polygon(44% 0,56% 0,90% 100%,10% 100%);-webkit-mask-image:linear-gradient(180deg,transparent,#000 55%);mask-image:linear-gradient(180deg,transparent,#000 55%);pointer-events:none;mix-blend-mode:screen}.dn-podium__name{max-width:100%;overflow:hidden;font-family:var(--font-display);font-size:1rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 10px rgba(0,0,0,.8)}.dn-podium__place[data-slot="1"] .dn-podium__name{font-size:1.16rem}.dn-podium__block{position:relative;isolation:isolate;display:grid;place-items:start center;width:100%;height:var(--h, 64px);margin-top:4px;padding-top:10px;overflow:hidden;border-radius:8px 8px 0 0;box-shadow:inset 0 3px #ffffff4d,inset 0 -18px 26px -10px #00000073}.dn-podium__block:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--tex) 50% 0 / 32px 32px;image-rendering:pixelated}.dn-podium__block>span{color:#281808c7;font-family:var(--font-pixel);font-size:1.05rem;text-shadow:1px 1px rgba(255,255,255,.35)}.dn-podium__place[data-slot="1"] .dn-podium__block{--h: 116px;--tex: url(/blocks/gold_block.png)}.dn-podium__place[data-slot="2"] .dn-podium__block{--h: 84px;--tex: url(/blocks/iron_block.png)}.dn-podium__place[data-slot="3"] .dn-podium__block{--h: 62px;--tex: url(/blocks/copper_block.png)}.dn-rank{--t1: #9aa3ad;--t2: #6b737c;display:inline-flex;align-items:center;flex:none;padding:2px 7px 3px;border-radius:6px;color:#fff;background:linear-gradient(135deg,var(--t1),var(--t2));font:800 .62rem/1.2 var(--font-body);letter-spacing:.05em;text-shadow:0 1px 2px rgba(0,0,0,.45);white-space:nowrap}.dn-rank--vip{--t1: var(--t-vip-1);--t2: var(--t-vip-2)}.dn-rank--vipplus{--t1: var(--t-vipp-1);--t2: var(--t-vipp-2)}.dn-rank--premium{--t1: var(--t-prem-1);--t2: var(--t-prem-2)}.dn-rank--legend{--t1: var(--t-leg-1);--t2: var(--t-leg-2)}.dn-rank--ultra{background:linear-gradient(90deg,#ffd24a,#ff3e8c,#a855ff,#3ea6ff,#2fe0c8)}.dn-ladder{padding:8px 14px 16px;border-top:2px solid rgba(var(--dn-gold),.5)}.dn-ladder__label{margin:0;padding:10px 8px 8px;color:var(--muted);font-size:.66rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.dn-rows{margin:0;padding:0;list-style:none;column-count:2;column-gap:18px}.dn-row{position:relative;isolation:isolate;display:grid;grid-template-columns:28px 34px minmax(0,1fr);align-items:center;gap:10px;min-height:46px;padding:6px 10px 8px 6px;border-radius:10px;break-inside:avoid;transition:background-color .14s ease;animation:dn-row-in .45s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(min(var(--i, 0),20)*30ms)}.dn-row:hover{background:color-mix(in srgb,var(--surface-2) 72%,transparent)}@keyframes dn-row-in{0%{opacity:0;translate:0 8px}}.dn-row__place{display:grid;place-items:center;width:28px;height:24px;border-radius:6px;color:var(--muted);font-family:var(--font-pixel);font-size:.66rem;line-height:1}.dn-row .lb-head{justify-self:center;width:32px;height:32px;border-radius:8px}.dn-row .lb-head:not(.lb-head--rank){box-shadow:0 3px 8px -4px #0009}.dn-row__main{display:flex;align-items:center;gap:8px;min-width:0}.dn-row__name{min-width:0;overflow:hidden;color:var(--text);font-size:.92rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.dn-empty{display:grid;justify-items:center;gap:12px;padding:40px 20px;border:1px dashed var(--border-strong);border-radius:16px;color:var(--text-soft);text-align:center}.dn-empty img{image-rendering:pixelated}.dn-empty p{max-width:46ch;margin:0;line-height:1.5}.dn-note{max-width:78ch;margin:14px 0 0;color:var(--muted);font-size:.8rem;line-height:1.55}.dn-skel{display:block;height:12px;border-radius:6px;background:linear-gradient(90deg,var(--surface-2),var(--surface-3),var(--surface-2));background-size:220% 100%;animation:dn-shimmer 1.3s ease-in-out infinite}.dn-stage .dn-skel{background:linear-gradient(90deg,#ffffff14,#ffffff29,#ffffff14);background-size:220% 100%}.dn-skel--head{width:60px;height:60px;border-radius:12px}.dn-podium__place[data-slot="1"] .dn-skel--head{width:80px;height:80px}.dn-skel--name{width:70%}.dn-skel--place{width:22px;height:22px}.dn-skel--avatar{width:32px;height:32px;border-radius:8px}.dn-row--skeleton{animation:none}.dn-board--skeleton .dn-rows,.dn-board--skeleton .dn-ladder{column-count:1}@keyframes dn-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}:root[data-theme=light] .dn-board{box-shadow:0 18px 40px -34px #5a371e8c}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .dn-board{box-shadow:0 18px 40px -34px #5a371e8c}}@media(max-width:900px){.dn-rows{column-count:1}}@media(max-width:600px){.dn-switch{display:grid;width:100%}.dn-switch__btn{padding-inline:8px}.dn-stage{min-height:0;padding:26px 10px 0}.dn-podium{gap:8px}.dn-podium__place .lb-head,.dn-skel--head{width:48px;height:48px}.dn-podium__place[data-slot="1"] .lb-head,.dn-podium__place[data-slot="1"] .dn-skel--head{width:64px;height:64px}.dn-podium__name{font-size:.84rem}.dn-podium__place[data-slot="1"] .dn-podium__name{font-size:.96rem}.dn-ladder{padding-inline:6px}.dn-row{grid-template-columns:24px 32px minmax(0,1fr);gap:8px}.dn-row:before{left:72px}.dn-row__main{flex-direction:column;align-items:flex-start;gap:2px}}@media(prefers-reduced-motion:reduce){.dn-row,.dn-skel,.dn-page .tops-live__dot{animation:none}}