.build-library-tabs{display:flex;gap:24px;border-bottom:1px solid #343025;margin-bottom:30px}
.build-library-tabs a{padding:14px 0;color:#9f9783;text-decoration:none;border-bottom:2px solid transparent;font-weight:650;font-size:15px}
.build-library-tabs a[aria-current]{color:#efe3c6;border-color:#dec995}.build-library-tabs a span{font-size:11px;font-weight:400;margin-left:7px;color:#a59a80}
.pro-hero-tile{position:relative}.pro-hero-night-shift{position:absolute;top:4px;right:3px;border:1px solid #8a7852;background:#211d14;color:#f0d899;border-radius:4px;padding:2px 4px;font:700 10px/1.2 ui-monospace,monospace;box-shadow:0 1px 4px #0008}
.ns-heading h1{margin:8px 0;font-size:clamp(32px,4vw,44px);letter-spacing:-1.4px}.ns-heading>p:not(.product-eyebrow){color:#b9af97;margin:9px 0 18px}
.ns-coverage{display:flex;align-items:center;gap:12px;font-size:12px;color:#a59b83}.ns-coverage-count{color:#dacfad;border:1px solid #55503e;border-radius:20px;padding:6px 10px;white-space:nowrap}
.ns-controls{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:30px 0 18px}.ns-region-tabs{display:flex;gap:5px}.ns-region-tabs a{padding:9px 13px;border-radius:5px;color:#a89f89;font-size:12px;text-decoration:none;border:1px solid transparent}.ns-region-tabs a[aria-current]{background:#252118;border-color:#564a30;color:#efe3c6}
.ns-sort{font-size:12px;color:#a89f89;white-space:nowrap}.ns-sort select{color:#e9debf;background:#191710;border:1px solid #423b2b;border-radius:5px;padding:8px;font:inherit;margin-left:6px}
.ns-table{border-collapse:collapse;width:100%;table-layout:fixed}.ns-table th,.ns-table td{border-bottom:1px solid #29261e;padding:10px 12px;text-align:center;font-size:13px;font-variant-numeric:tabular-nums}.ns-table thead th{color:#9d947d;font-size:10px;text-transform:uppercase;letter-spacing:.6px;font-weight:550;padding-top:10px;padding-bottom:12px}.ns-table th:first-child{width:36%;text-align:left}.ns-table tbody th{font-weight:600}.ns-table tbody tr:hover{background:#19170f}.ns-hero{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.ns-hero img{object-fit:contain;flex:none}.ns-rank{font:11px ui-monospace,monospace;color:#766f5d;width:17px}.ns-build-link{color:#d2ba7e;font-size:13px}.ns-denominator{color:#756e5b;font-size:10px}.ns-picks strong{font-size:15px;font-weight:650}.ns-presence{font-size:12px!important}.ns-meter{display:block;max-width:62px;margin:5px auto 0;height:3px;background:#2e291e;border-radius:2px}.ns-meter>span{display:block;height:100%;background:#ab9560;border-radius:2px}
.ns-method{font-size:11px;line-height:1.65;color:#948b75;max-width:820px;margin:18px 0 0}.ns-games{margin-top:38px}.ns-games h2{font-size:20px;letter-spacing:-.4px;margin:0}.ns-games>.ns-method{margin:7px 0 20px}.ns-game{border-top:1px solid #332e23}.ns-game:last-child{border-bottom:1px solid #332e23}.ns-game summary{display:grid;grid-template-columns:170px 1fr 105px;gap:18px;align-items:center;padding:17px 8px;cursor:pointer;list-style:none}.ns-game summary::after{content:none}.ns-game summary:hover{background:#19170f}.ns-game-meta{font-size:10px;color:#a2977f}.ns-matchup{display:flex;align-items:center;gap:13px}.ns-team{display:flex;gap:9px;align-items:center;font-size:12px;font-weight:600}.ns-team img{object-fit:contain}.ns-team-fallback{display:inline-grid;place-items:center;width:28px;height:28px;border:1px solid #4b4434;border-radius:4px;font:8px ui-monospace,monospace}.ns-versus{font-size:9px;color:#837b69}.ns-match-id{color:#b9aa87;font:11px ui-monospace,monospace;text-align:right}.ns-match-id::after{content:' +';color:#837b69}.ns-game[open] .ns-match-id::after{content:' −'}.ns-game-body{padding:0 8px 18px}.ns-result{font-size:12px;color:#c8bc9d}.ns-draft{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;list-style:none;padding:0;margin:16px 0}.ns-draft-entry{display:flex;align-items:center;flex-direction:column;padding:10px 3px;gap:6px;border:1px solid #343426;border-radius:5px;min-width:0;background:#16180f}.ns-draft-entry.is-ban{background:#211616;border-color:#442c2b}.ns-draft-order{font:9px ui-monospace,monospace;text-transform:uppercase;color:#aba585}.ns-draft-entry.is-ban .ns-draft-order{color:#c38c80}.ns-draft-entry strong{font-size:10px;font-weight:550;text-align:center}.ns-draft-team{font-size:9px;color:#a4987d}.ns-game-sources{display:flex;gap:18px}.ns-game-sources a,.ns-sources a{color:#b8a579;font-size:11px;text-underline-offset:3px}.ns-sources{display:flex;flex-wrap:wrap;gap:13px;padding:24px 0;font-size:10px;color:#857c67}.ns-sources>span{flex-basis:100%;line-height:1.6}
@media(max-width:700px){.build-library-tabs{gap:22px;margin-bottom:24px}.build-library-tabs a span{display:none}.ns-heading h1{font-size:34px}.ns-coverage{font-size:10px;gap:8px;line-height:1.6}.ns-controls{flex-direction:column;align-items:flex-start;margin:22px 0 16px;gap:12px}.ns-region-tabs{width:100%}.ns-region-tabs a{padding:9px 12px}.ns-sort{align-self:flex-end;font-size:11px}.ns-table th,.ns-table td{padding:9px 3px;font-size:11px}.ns-table thead th{font-size:8px;letter-spacing:0;line-height:1.4}.ns-table th:first-child{width:36%}.ns-hero{gap:5px}.ns-hero img{width:26px;height:26px}.ns-rank{display:none}.ns-hero-name{font-size:10px;line-height:1.3}.ns-build-link{font-size:10px}.ns-denominator{display:none}.ns-picks strong{font-size:12px}.ns-presence{font-size:10px!important}.ns-meter{max-width:36px}.ns-game summary{grid-template-columns:1fr auto;gap:12px;padding:15px 0}.ns-game-meta{font-size:9px}.ns-matchup{grid-row:2;grid-column:1/-1;gap:10px}.ns-match-id{grid-row:1;grid-column:2}.ns-team{font-size:11px;gap:6px}.ns-team img{width:24px;height:24px}.ns-draft{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.ns-draft-entry{padding:8px 2px}.ns-game-body{padding-left:0;padding-right:0}.ns-method{font-size:10px}.pro-hero-night-shift{font-size:9px;top:2px;right:1px}}
@media(prefers-reduced-motion:reduce){.ns-meter>span{transition:none}}

/* Hero editions and regional build destinations. */
.build-library-controls { display:flex; gap:14px; margin:0 0 8px; }
.build-library-filter { display:flex; flex-direction:column; gap:7px; color:#a99b80; font-size:10px; min-width:0; }
.build-library-filter select { min-width:165px; padding:9px 28px 9px 10px; border:1px solid #423927; border-radius:5px; background:#19160f; color:#eadabd; font:inherit; font-size:12px; }
.build-library-filter:last-child { margin-left:auto; }
.pro-hero-tile.has-build.is-latest-edition { border-color:#c6a569; background:#211c11; box-shadow:inset 0 0 0 1px #c6a56933; }
.pro-hero-tile .pro-hero-night-shift { box-shadow:none; font-size:9px; border-color:#5e5239; color:#ad9f82; background:#19160f; }
.pro-hero-tile.is-latest-edition .pro-hero-night-shift { color:#241b0e; background:#d9b873; border-color:#d9b873; }
.pro-hero-tile.is-unpicked>img { opacity:.35; }
.pro-hero-unpicked { position:absolute; top:16px; left:50%; transform:translateX(-50%); color:#db8f7d; font:300 51px/1 system-ui,sans-serif; text-shadow:0 1px 2px #0d0c0a; }
.pro-hero-availability { display:block; color:#827967; font-size:8px; line-height:1.2; }
@media(min-width:761px) {
  body[data-product="true"] .probuilds-app:not(.is-reading-build):not(.is-priority-board) { padding-top:24px; }
  .probuilds-app:not(.is-reading-build):not(.is-priority-board) .probuilds-shell { gap:12px; }
  .probuilds-app:not(.is-reading-build):not(.is-priority-board) .build-library-tabs { margin-bottom:10px; }
  .probuilds-app:not(.is-reading-build) .probuilds-head { padding-bottom:14px; }
}

/* The priority board is a single scan, from most contested to untouched. */
body[data-view="pro-builds"] .probuilds-app.is-priority-board { max-width:1180px; padding-top:20px; }
.is-priority-board .build-library-tabs { display:none; }
.priority-heading { display:grid; grid-template-columns:1fr auto; align-items:end; column-gap:24px; }
.priority-heading .product-eyebrow { grid-column:1; margin:0 0 6px; font-size:10px; }
.priority-heading h1 { grid-column:1; font-size:34px; line-height:1.1; letter-spacing:-1px; margin:0; }
.priority-intro { grid-column:1; color:#b7a88c; font-size:12px; margin:10px 0 0; }
.priority-controls { grid-column:2; grid-row:1 / 4; display:flex; flex-direction:column; align-items:flex-end; gap:12px; }
.priority-controls .ns-region-tabs a { padding:8px 10px; }
.priority-legend { display:flex; flex-wrap:wrap; gap:18px; align-items:center; margin:22px 0 12px; color:#bcad8f; font-size:10px; }
.priority-legend>span { display:inline-flex; align-items:center; gap:6px; }
.priority-round-note { margin-left:auto; font-size:9px; color:#8e816a; }
.priority-board { border:1px solid #55462e; border-radius:8px; overflow:hidden; background:#15130e; }
.priority-tier { display:grid; grid-template-columns:64px minmax(0,1fr); border-bottom:1px solid #3a3021; min-height:62px; }
.priority-tier:last-child { border:0; }.priority-tier:nth-child(even) { background:#1a1710; }
.priority-tier-label { display:flex; flex-direction:column; justify-content:center; align-items:center; background:#2d2618; border-right:1px solid #55462e; color:#e9cf95; }
.priority-tier-label strong { font:650 26px/1.05 ui-monospace,monospace; }.priority-tier-label small { margin-top:4px; text-transform:uppercase; letter-spacing:.08em; font-size:7px; color:#b8a47c; }
.priority-tier-heroes { display:flex; flex-wrap:wrap; align-items:center; gap:5px; padding:4px 10px; min-width:0; }
.priority-hero { display:grid; grid-template-columns:40px auto; grid-template-rows:40px 11px; column-gap:5px; align-items:center; padding:3px 5px 2px; color:#cbbc9b; text-decoration:none; border-radius:4px; min-width:64px; position:relative; }
a.priority-hero:hover,a.priority-hero:focus-visible { background:#3b3020; outline:1px solid #c6a569; outline-offset:0; }
.priority-hero>img { width:40px; height:40px; object-fit:contain; }
.priority-dots { display:grid; grid-template-columns:repeat(2,10px); gap:3px; align-content:center; }
.priority-dot { width:10px; height:10px; display:inline-grid; place-items:center; border-radius:50%; font:750 7px/1 ui-monospace,monospace; font-style:normal; color:#181510; flex:none; }
.priority-dot.is-pick { background:#76bba9; }.priority-dot.is-ban { background:#cf786e; }
.priority-dot.is-pick.is-opening { background:#c0e5a3; }.priority-dot.is-ban.is-opening { background:#f1b46d; }
.priority-hero-name { grid-column:1 / -1; font-size:8px; line-height:1.1; text-align:center; white-space:nowrap; }
.priority-tier.is-zero .priority-hero { grid-template-columns:36px; min-width:44px; }.priority-tier.is-zero .priority-hero>img { width:34px; height:34px; opacity:.65; }
.priority-tier.is-zero .priority-dots { display:none; }.priority-tier.is-zero .priority-hero-name { font-size:7px; }
.priority-empty { color:#71664f; }.priority-method { margin:12px 0 0; font-size:10px; line-height:1.6; color:#97876b; }
@media(min-width:761px) {
  .priority-board.is-long-board .priority-tier { min-height:44px; }
  .priority-board.is-long-board .priority-tier-heroes { padding-block:2px; }
  .priority-board.is-long-board .priority-hero { grid-template-columns:28px auto; grid-template-rows:28px 9px; min-width:60px; padding-block:1px; }
  .priority-board.is-long-board .priority-hero>img { width:28px; height:28px; }
  .priority-board.is-long-board .priority-tier-label strong { font-size:22px; }
  .priority-board.is-long-board .priority-dot { width:8px; height:8px; font-size:6px; }
  .priority-board.is-long-board .priority-dots { grid-template-columns:repeat(3,8px); gap:2px; }
  .priority-board.is-long-board .priority-tier.is-zero .priority-hero { grid-template-columns:28px; min-width:38px; }
}
.priority-footer { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-top:10px; font-size:10px; color:#97876b; }.priority-footer a { color:#d6bd87; text-underline-offset:4px; }
@media(max-width:760px) {
  .build-library-controls { flex-wrap:wrap; gap:10px; }.build-library-filter { flex:1; }.build-library-filter select { min-width:0; width:100%; font-size:11px; }
  .build-library-filter:last-child { flex-basis:100%; margin-left:0; flex-direction:row; align-items:center; justify-content:flex-end; }.build-library-filter:last-child select { width:auto; }
  .build-library-tabs { gap:20px; }.build-library-tabs a { font-size:12px; }
  .pro-hero-tile .pro-hero-night-shift { font-size:8px; padding:2px 3px; }
  .priority-heading { grid-template-columns:1fr; }.priority-heading h1 { font-size:29px; }.priority-heading .product-eyebrow { font-size:8px; }
  .priority-controls { grid-column:1; grid-row:auto; align-items:stretch; margin-top:14px; gap:12px; }.priority-controls .ns-sort { align-self:flex-start; }
  .priority-controls .ns-region-tabs { justify-content:space-between; }.priority-controls .ns-region-tabs a { font-size:11px; padding:8px; }
  .priority-legend { gap:9px 14px; font-size:9px; margin-top:16px; }.priority-round-note { width:100%; margin:0; }
  .priority-tier { grid-template-columns:36px minmax(0,1fr); }.priority-tier-label strong { font-size:20px; }.priority-tier-label small { font-size:6px; }
  .priority-tier-heroes { gap:4px 2px; padding:5px; }.priority-hero { padding:2px; min-width:59px; grid-template-columns:33px 20px; grid-template-rows:33px 12px; gap:2px; }
  .priority-hero>img { width:33px; height:33px; }.priority-dot { width:8px; height:8px; font-size:6px; }.priority-dots { grid-template-columns:repeat(2,8px); gap:2px; }.priority-hero-name { font-size:7px; }
  .priority-board.is-long-board .priority-hero { grid-template-columns:33px 28px; }
  .priority-board.is-long-board .priority-dots { grid-template-columns:repeat(3,8px); }
  .priority-tier.is-zero .priority-hero { grid-template-columns:32px; min-width:42px; }
  .priority-footer { align-items:flex-start; flex-direction:column; gap:8px; }.priority-method { font-size:9px; }
}