.ncc-top{position:sticky;inset-block-start:0;z-index:40;background:var(--ncc-ink);box-shadow:0 1px 0 rgba(127,220,186,.16)}
.ncc-top-in{position:relative;max-width:1120px;margin:0 auto;padding:10px 18px;display:flex;align-items:center;gap:20px;justify-content:space-between}
.ncc-logo{display:inline-flex;align-items:center;flex:none}
.ncc-logo img{display:block;width:42px;height:42px}

.ncc-nav{display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none}
.ncc-nav::-webkit-scrollbar{display:none}
.ncc-nav a{position:relative;white-space:nowrap;color:var(--ncc-onink);text-decoration:none;font-size:15px;font-weight:500;padding:9px 13px;border-radius:3px}
.ncc-nav a::after{content:"";position:absolute;inset-inline:13px;inset-block-end:5px;height:2px;background:var(--ncc-felt-lit);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
.ncc-nav a:hover::after,.ncc-nav a:focus-visible::after{transform:scaleX(1)}
.ncc-nav a:focus-visible{outline:2px solid var(--ncc-felt-lit);outline-offset:1px}

.ncc-burger{display:none;flex-direction:column;align-items:center;justify-content:center;flex:none;width:42px;height:42px;padding:0;border:0;border-radius:3px;background:transparent;cursor:pointer}
.ncc-burger:focus-visible{outline:2px solid var(--ncc-felt-lit);outline-offset:1px}
.ncc-burger span{display:block;width:21px;height:2px;border-radius:2px;background:var(--ncc-onink);transition:transform .22s ease,opacity .16s ease}
.ncc-burger span+span{margin-block-start:5px}

.ncc-sec,.ncc-toplist{scroll-margin-block-start:78px}

@media (max-width:760px){
.ncc-top-in{gap:10px;padding:8px 12px}
.ncc-logo img{width:36px;height:36px}
.ncc-nav a{font-size:14px;padding:8px 9px}
.ncc-nav a::after{inset-inline:9px}

.ncc-top[data-ncc-menu] .ncc-burger{display:flex}
.ncc-top[data-ncc-menu] .ncc-nav{position:absolute;inset-inline:0;inset-block-start:100%;flex-direction:column;align-items:stretch;gap:0;overflow:visible;padding:4px 12px 10px;background:var(--ncc-ink2);box-shadow:inset 0 1px 0 rgba(127,220,186,.18),0 3px 0 -1px var(--ncc-felt),0 24px 34px -18px rgba(0,0,0,.85);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease,visibility .2s}
.ncc-top[data-ncc-menu][data-ncc-open] .ncc-nav{opacity:1;visibility:visible;transform:none}
.ncc-top[data-ncc-menu] .ncc-nav a{font-size:16px;padding:14px 8px;white-space:normal}
.ncc-top[data-ncc-menu] .ncc-nav a::after{inset-block:0 auto;inset-inline:8px;height:1px;background:repeating-linear-gradient(90deg,var(--ncc-onink-mute) 0 4px,transparent 4px 8px);transform:none;opacity:0}
.ncc-top[data-ncc-menu] .ncc-nav a+a::after{opacity:1}
.ncc-top[data-ncc-menu] .ncc-nav a:hover,.ncc-top[data-ncc-menu] .ncc-nav a:focus-visible{background:rgba(232,236,234,.08)}
.ncc-top[data-ncc-menu][data-ncc-open] .ncc-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.ncc-top[data-ncc-menu][data-ncc-open] .ncc-burger span:nth-child(2){opacity:0}
.ncc-top[data-ncc-menu][data-ncc-open] .ncc-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
}
@media (prefers-reduced-motion:reduce){
.ncc-nav a::after,.ncc-burger span,.ncc-top[data-ncc-menu] .ncc-nav{transition:none}
}
