.nb-boxes{--nb-box-border:#52685b;--nb-box-heading:#25372d;--nb-card:#0f1512;--nb-card-header:#121a16;--nb-card-border:rgba(175,215,191,.22);font-family:inherit}
html[data-theme=claro] .nb-boxes{--nb-box-border:#80988a;--nb-box-heading:#cfddd4;--nb-card:#edf1ee;--nb-card-header:#e5ebe7;--nb-card-border:rgba(24,70,48,.20)}
.nb-heading{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.nb-heading h1{font-size:19px;margin:0;overflow-wrap:anywhere}.nb-heading p{font-size:12px;color:var(--sn-muted);margin:5px 0 0}
.nb-heading form{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}
.nb-boxes button,.nb-boxes input{font:inherit;font-size:13px;padding:8px 12px;border:1px solid var(--sn-line);border-radius:9px;background:var(--sn-surface);color:var(--sn-ink)}
.nb-boxes button{cursor:pointer}.nb-boxes button:hover{border-color:var(--sn-green)}.nb-boxes input{max-width:100%}
.nb-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;grid-auto-rows:1fr}
.nb-box{display:flex;flex-direction:column;border:2px solid var(--nb-box-border);border-radius:15px;overflow:hidden;background:var(--nb-card);box-shadow:0 7px 20px rgba(0,0,0,.15)}
.nb-box.nb-box-current{border-color:var(--sn-green);box-shadow:0 0 0 1px rgba(99,255,166,.22),0 9px 24px rgba(0,0,0,.2)}
.nb-box.nb-box-current header{background:linear-gradient(90deg,rgba(99,255,166,.18),var(--nb-box-heading) 72%)}
html[data-theme=claro] .nb-box.nb-box-current{box-shadow:0 0 0 1px rgba(24,126,74,.2),0 7px 18px rgba(20,65,42,.12)}
.nb-box header{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--nb-card-border);min-height:64px;background:var(--nb-box-heading)}
.nb-box h2{font-size:15px;line-height:1.25;margin:0;flex:1;overflow-wrap:anywhere}.nb-box header>span{white-space:nowrap;font-size:11px;color:var(--sn-muted)}
.nb-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;flex:1;min-height:212px;padding:12px 13px}
.nb-no-photo{width:42px;height:56px;object-fit:contain;border-radius:6px;background:var(--sn-soft)}
.nb-no-photo{display:flex;align-items:center;text-align:center;font-size:9px;color:var(--sn-muted)}
.nb-player-info{min-width:0;display:flex;flex-direction:column;gap:4px}.nb-player-info strong{font-size:17px;overflow-wrap:anywhere}.nb-player-info small{font-size:11px;color:var(--sn-muted)}
.nb-position{font-size:12px;font-weight:600;line-height:1.4;color:var(--sn-ink);margin-top:3px}
.nb-identity{display:flex;flex-direction:column;gap:5px;width:100%;margin-top:3px}
.nb-identity-row{display:flex;flex-direction:column;gap:3px;min-width:0;padding:7px 8px;border:1px solid var(--nb-card-border);border-radius:7px;background:var(--nb-card-header)}
.nb-identity-label{font-size:9px;font-weight:400;color:var(--sn-muted);line-height:1.3}
.nb-identity-value{font-size:11px;font-weight:600;color:var(--sn-ink);line-height:1.35;white-space:normal;overflow-wrap:anywhere}
.nb-box .nb-open{margin:auto 13px 12px;color:var(--sn-green)}
.nb-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px;grid-auto-rows:1fr;align-items:stretch}

.nb-pages{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin-top:24px}
.nb-pages [aria-current=page]{background:var(--sn-green);color:var(--sn-bg);font-weight:800}.nb-pages button:disabled{opacity:.45;cursor:default}
.nb-page-summary{flex-basis:100%;text-align:center;color:var(--sn-muted);font-size:13px}
.nb-message{padding:40px;border:1px solid var(--sn-line);border-radius:13px;color:var(--sn-muted)}
.nb-entry{min-width:0}.nb-pending{color:var(--sn-muted);font-size:11px}.nb-card-grid>.nb-entry{height:100%;box-sizing:border-box;border:1px solid var(--nb-card-border);border-radius:10px;background:var(--nb-card);padding:8px;box-shadow:0 7px 20px rgba(0,0,0,.15)}.nb-pending{margin:10px 0 0}
.nb-boxes a:focus-visible,.nb-boxes button:focus-visible,.nb-boxes input:focus-visible{outline:2px solid var(--sn-green);outline-offset:3px}
@media(max-width:1050px){.nb-grid,.nb-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.nb-grid,.nb-card-grid{grid-template-columns:1fr}.nb-heading form{margin-left:0;width:100%}.nb-heading input{flex:1;min-width:0}}
/* Duas boxes por fileira; uma em telas menores para preservar as fotos. */
.nb-active .nb-grid{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:1fr;align-items:stretch}
.nb-active .nb-box{grid-column:span 6}
.nb-active.nb-firstpage .nb-box:nth-child(-n+2){grid-column:span 6}
.nb-active .nb-preview{min-height:202px;padding:14px 16px}

.nb-preview .nb-entry{min-width:0;height:100%;padding:0 10px;border-right:1px solid var(--nb-card-border)}
.nb-preview .nb-entry:first-child{padding-left:0}
.nb-preview .nb-entry:last-child{padding-right:0;border-right:0}
.nb-preview .nb-rated-player{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;height:100%;text-align:center}
.nb-preview .nb-rated-player img,.nb-preview .nb-rated-player .nb-no-photo{width:150px;height:211px;max-width:100%}
.nb-preview .nb-rank{align-self:flex-start;font-size:21px;font-weight:800;color:var(--sn-ink)}
.nb-preview .nb-player-info{width:100%;align-items:center;gap:3px}
.nb-preview .nb-player-info small{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nb-preview .nb-player-info strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;white-space:normal;overflow:hidden;overflow-wrap:anywhere}
.nb-preview .nb-rating{width:100%;align-items:center;text-align:center;gap:3px;margin-top:auto}
.nb-preview .nb-rating .nb-pending{max-width:100%;text-align:center}

.nb-active .nb-box header{min-height:58px}
.nb-active .nb-box h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nb-legend{display:flex;align-items:center;gap:24px;margin:0 0 24px;padding:18px 22px;border:1px solid var(--nb-card-border);border-radius:14px;background:var(--nb-card-header)}
.nb-legend-heading{flex:0 0 155px;display:flex;flex-direction:column;gap:5px}
.nb-legend-heading strong{color:var(--sn-ink);font-size:13px}
.nb-legend-levels{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));flex:1;gap:12px}
.nb-legend-level{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;min-width:0;padding:2px 4px}
.nb-legend-level>span:last-child{font-size:9px;line-height:1.3;font-weight:700;color:var(--nb-hiring-color);letter-spacing:.2px}
[data-stars="0"]{--nb-hiring-color:#7b8580}
[data-stars="1"]{--nb-hiring-color:#dc5555}
[data-stars="2"]{--nb-hiring-color:#e57538}
[data-stars="3"]{--nb-hiring-color:#e5bf42}
[data-stars="4"]{--nb-hiring-color:#82bd72}
[data-stars="5"]{--nb-hiring-color:#20d477}
html[data-theme=claro] [data-stars="0"]{--nb-hiring-color:#89938d}
html[data-theme=claro] [data-stars="1"]{--nb-hiring-color:#b33232}
html[data-theme=claro] [data-stars="2"]{--nb-hiring-color:#a55516}
html[data-theme=claro] [data-stars="3"]{--nb-hiring-color:#946f00}
html[data-theme=claro] [data-stars="4"]{--nb-hiring-color:#427b35}
html[data-theme=claro] [data-stars="5"]{--nb-hiring-color:#087b41}
.nb-stars{display:inline-flex;align-items:center;gap:2px;line-height:1;white-space:nowrap}
.nb-star{display:block;width:17px;height:17px;flex:none;stroke-linejoin:round;stroke-width:1.5}
.nb-star-filled{fill:var(--nb-hiring-color);stroke:var(--nb-hiring-color)}
.nb-star-empty{fill:none;stroke:var(--nb-hiring-color);opacity:.8}
.nb-hiring{display:flex;flex-direction:column;align-items:inherit;gap:4px;padding:3px 0 0}
.nb-hiring-label{font-size:8px;letter-spacing:1.1px;text-transform:uppercase;color:var(--sn-muted)}
.nb-hiring-verdict{font-size:9px;line-height:1.35;font-weight:400;letter-spacing:.15px;color:var(--sn-muted);max-width:100%}
.nb-stars[data-stars="0"] .nb-star-empty{stroke:#dc5555;opacity:.5}
html[data-theme=claro] .nb-stars[data-stars="0"] .nb-star-empty{stroke:#b33232}
@media(max-width:1000px){.nb-legend{flex-direction:column;align-items:stretch;gap:15px}.nb-legend-heading{flex:auto;flex-direction:row;align-items:baseline;justify-content:space-between}}
@media(max-width:600px){.nb-legend{padding:15px}.nb-legend-levels{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 8px}.nb-legend-heading{align-items:flex-start;flex-direction:column;gap:3px}.nb-preview .nb-star{width:14px;height:14px}.nb-preview .nb-stars{gap:1px}}
.nb-rated-player{display:grid;grid-template-columns:18px 38px minmax(0,1fr) auto;gap:8px;align-items:center;text-decoration:none;color:var(--sn-ink)}
.nb-rated-player img,.nb-rated-player .nb-no-photo{display:block;width:38px;height:50px;object-fit:contain;border-radius:6px}
.nb-rated-player .nb-player-info strong,.nb-rated-player .nb-player-info small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nb-rank{font-size:21px;font-weight:800;color:var(--sn-ink)}
.nb-rating{display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:0}
.nb-rating>b{font-size:19px;font-weight:700;color:var(--sn-gold)}
.nb-rating>small{font-size:10px;color:var(--sn-muted)}
.nb-rating .nb-pending{max-width:105px;text-align:right}
.nb-active.nb-firstpage .nb-box:nth-child(-n+2) .nb-rated-player img,.nb-active.nb-firstpage .nb-box:nth-child(-n+2) .nb-no-photo{width:150px;height:211px;max-width:100%}

.nb-card-grid .nb-rated-player{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;height:100%;text-align:center}
.nb-card-grid .nb-rank{position:absolute;left:0;top:0;font-size:18px}
.nb-card-grid .nb-player-info{width:100%;max-width:280px;align-items:center}
.nb-card-grid .nb-player-info strong{font-size:19px;white-space:normal;overflow-wrap:anywhere}
.nb-card-grid .nb-rated-player img,.nb-card-grid .nb-no-photo{width:170px;height:239px;max-width:100%;object-fit:contain}
.nb-card-grid .nb-rating{align-items:center;width:100%;gap:5px;margin-top:auto;padding-top:3px}
.nb-card-grid .nb-rating .nb-pending{max-width:100%;text-align:center}
@media(max-width:1100px){.nb-grid{grid-template-columns:1fr}.nb-active .nb-grid{grid-template-columns:1fr}.nb-active .nb-box,.nb-active.nb-firstpage .nb-box:nth-child(-n+2){grid-column:auto}}
@media(max-width:450px){.nb-preview{padding-inline:10px}.nb-preview .nb-entry{padding-inline:6px}.nb-preview .nb-rated-player img,.nb-preview .nb-rated-player .nb-no-photo,.nb-active.nb-firstpage .nb-box:nth-child(-n+2) .nb-preview .nb-rated-player img{width:100%;height:135px}.nb-preview .nb-player-info strong{font-size:15px}.nb-preview .nb-player-info small,.nb-preview .nb-rating>small{font-size:9px}.nb-preview .nb-rating>b{font-size:16px}.nb-rated-player{grid-template-columns:18px 38px minmax(0,1fr)}}
.nb-sort{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:16px 0;color:var(--sn-muted)}
.nb-sort label{display:flex;align-items:center;gap:10px}
.nb-sort select{font:inherit;color:var(--sn-ink);background:var(--sn-surface);border:1px solid var(--sn-line);border-radius:9px;padding:10px 14px}
.nb-meta{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:10px 16px;color:var(--sn-muted);font-size:12px}

.nb-legend-label{color:var(--sn-muted);font-size:12px;margin-right:4px}

.nb-preview .nb-player-info strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;text-overflow:clip;overflow:hidden;overflow-wrap:anywhere}

/* Selo da regua no card da box. */
.nb-regua-antiga{
  display:inline-block; margin-top:.3em; padding:.12em .5em;
  font-size:.6rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase;
  color:#8a5a00; background:#ffe7a8; border:1px solid #e0b44a; border-radius:999px;
}
@media (prefers-color-scheme: dark){
  .nb-regua-antiga{ color:#ffdf9a; background:#4a3405; border-color:#8a6a1e; }
}

/* Espaco reservado igual, inclusive sem avaliacao publicada. */
.nb-preview .nb-rating,.nb-card-grid .nb-rating{min-height:82px;justify-content:flex-end}
.nb-preview .nb-player-info strong{min-height:2.4em;line-height:1.2}
.nb-card-grid .nb-player-info strong{min-height:2.4em;line-height:1.2}

/* MOBILE (22/09): a prévia ficava em 3 colunas de ~90px num celular de 360. */
@media (max-width: 560px) { .nb-preview { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 380px) { .nb-preview { grid-template-columns: 1fr; } }
@media (max-width: 820px) { .nb-boxes input { font-size: 16px; } }