.nb-ranking{background:#08101b;color:#fff;border-radius:18px;overflow:hidden;margin:0 -6px 12px;min-width:0}
.nb-rank-cover{display:block;width:100%;height:auto;aspect-ratio:1125/717;object-fit:cover}
.nb-rank-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 13px 13px;color:#52627a;font-size:13px}
.nb-rank-meta button{background:#132642;color:#dce9fc;border:1px solid #23467a;border-radius:20px;font-size:13px;padding:6px 12px}
.nb-rank-meta button:disabled{opacity:.65;cursor:wait}
.nb-rank-list{list-style:none;margin:0;padding:0 11px;display:grid;gap:14px}
.nb-rank-row{display:flex;align-items:center;gap:8px;min-width:0;width:100%;height:60px;padding:2px 9px 2px 3px;border:0;color:inherit;text-align:left;font:inherit;cursor:pointer;border-radius:14px;background:linear-gradient(110deg,#11223b,#0c1728);box-shadow:inset 0 0 0 1px #193154}
.nb-rank-position{width:40px;flex:0 0 40px;align-self:stretch;display:flex;align-items:center;justify-content:center;position:relative;padding-bottom:8px}
.nb-rank-position>img{width:36px;height:36px;object-fit:contain}.nb-rank-position>b{font-size:20px;font-weight:700}
.nb-rank-position small{position:absolute;bottom:1px;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:2px;font-size:13px;line-height:12px;color:#52627a}
.nb-rank-position small img{width:7px;height:8px;object-fit:contain}.nb-rank-position small.up{color:#ff2437}.nb-rank-position small.down{color:#0e9976}
.nb-rank-avatar{position:relative;width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;background:#182f52;border-radius:50%;color:#52627a}
.nb-rank-avatar .face{width:40px;height:40px;object-fit:cover;border-radius:50%}.nb-rank-avatar .frame{position:absolute;left:-2px;top:-2px;width:44px;height:44px;object-fit:contain;pointer-events:none}
.nb-rank-user{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:2px}.nb-rank-user strong{font-size:13px;line-height:18px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nb-rank-badge{width:74px;height:23px;object-fit:contain;object-position:left center}
.nb-rank-score{display:flex;align-items:center;flex-shrink:0;gap:4px;font-size:20px;line-height:26px;font-weight:700;font-variant-numeric:tabular-nums;color:#dce9fc}
.nb-rank-score img{width:12px;height:17px;object-fit:contain}.nb-rank-empty{padding:50px 20px;text-align:center;color:#52627a;font-size:13px}.nb-rank-error{margin:0 12px 14px;padding:10px;border:1px solid #305ea4;border-radius:10px;font-size:13px;color:#52627a;line-height:1.6}
.nb-rank-footer{padding:20px 12px;text-align:center;color:#52627a;font-size:13px;line-height:1.7}
.nb-rank-meta button:focus-visible,.nb-rank-row:focus-visible{outline:2px solid #c8d6ec;outline-offset:3px}
.nb-rank-chevron{font-size:20px;color:#52627a;flex-shrink:0}.nb-rank-row:hover{filter:brightness(1.12)}
#sheet[data-view="rank-user"]{background:#0a1423;color:#dce9fc}#sheet[data-view="rank-user"] .sheet-header{border-bottom:1px solid #183054;padding-bottom:15px}#sheet[data-view="rank-user"] .icon-button{color:#dce9fc;background:#142743}
.nb-purchase-profile{display:flex;align-items:center;gap:12px;margin:22px 0 28px}.nb-purchase-profile>div{min-width:0}.nb-purchase-profile strong{font-size:17px;overflow-wrap:anywhere}.nb-purchase-profile p{font-size:13px;color:#52627a;margin:6px 0 0}
.nb-purchase-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.nb-purchase-heading h3{margin:0 0 6px;font-size:20px}.nb-purchase-heading span{font-size:13px;color:#52627a}.nb-purchase-heading button{flex-shrink:0;border:1px solid #264c84;border-radius:20px;padding:8px 12px;background:#142743;color:#dce9fc;font-size:13px}.nb-purchase-heading button:disabled{opacity:.6}
.nb-purchase-summary{display:flex;justify-content:space-between;gap:12px;padding:18px 0;color:#52627a;font-size:13px}.nb-purchase-summary b{color:#52627a;font-size:22px;margin:0 4px;font-variant-numeric:tabular-nums}
.nb-purchase-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.nb-purchase-list li{display:flex;align-items:flex-start;gap:12px;padding:14px 12px;background:#11223b;border:1px solid #1c375f;border-radius:14px}.nb-purchase-list li>img,.nb-product-placeholder{width:60px;height:60px;border-radius:10px;object-fit:cover;flex-shrink:0}.nb-product-placeholder{display:grid;place-items:center;background:#172e50;color:#52627a;font-size:24px}.nb-purchase-info{flex:1;min-width:0}.nb-purchase-list strong{font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.nb-purchase-facts{display:flex;flex-wrap:wrap;gap:6px 16px;margin:9px 0 8px}.nb-purchase-facts>div{display:flex;align-items:baseline;gap:6px}.nb-purchase-facts dt{font-size:13px;color:#52627a;white-space:nowrap}.nb-purchase-facts dd{margin:0;color:#52627a;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.nb-purchase-facts small{font-size:13px;font-weight:400;color:#52627a}
.nb-purchase-marker{display:flex;flex-wrap:wrap;gap:3px 6px;color:#52627a;font-size:13px;line-height:1.6}.nb-purchase-marker time{font-variant-numeric:tabular-nums;white-space:nowrap;color:#52627a}
.nb-purchase-empty{padding:40px 16px;text-align:center;font-size:13px;color:#52627a;line-height:1.8}.nb-purchase-empty strong{color:#52627a}.nb-purchase-note,.nb-purchase-time{text-align:center;color:#52627a;font-size:13px;line-height:1.6;margin:22px 0 0}.nb-purchase-time{margin-top:4px}
@media(max-width:375px){.nb-rank-row{gap:6px;padding-right:7px}.nb-rank-score{font-size:18px;gap:3px}.nb-rank-position{width:35px;flex-basis:35px}.nb-rank-position>img{width:33px;height:33px}}

.nb-rank-hero{position:relative;overflow:hidden;padding:30px 23px 26px;background:radial-gradient(ellipse at 90% 0%,#29518c60,transparent 65%),linear-gradient(135deg,#122440,#0a1423);border-bottom:1px solid #3365af30}.nb-rank-hero>span{font-size:13px;color:#52627a;letter-spacing:2px}.nb-rank-hero h2{font-size:32px!important;font-weight:650;letter-spacing:4px;margin:14px 0 10px;color:#dce9fc}.nb-rank-hero p{font-size:13px;color:#52627a}.nb-rank-caption{font-size:13px;color:#52627a;margin-top:3px}.nb-rank-position.podium>b{color:#52627a}.nb-rank-score{display:flex;flex-direction:column;gap:0;align-items:flex-end;font-size:18px}.nb-rank-score>small{font-size:13px;color:#52627a;line-height:1.3;font-weight:400}
