.pr-page {max-width:1320px;margin:28px auto;padding:clamp(12px,3vw,28px);color:#eef3ff;}
.pr-page[hidden],.pr-page [hidden],.pr-dialog [hidden] {display:none!important;}
.pr-heading {display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:28px;}
.pr-kicker {font-size:11px;font-weight:800;letter-spacing:.18em;color:#eedb9a;}
.pr-heading h1 {margin:12px 0;font-size:clamp(30px,5vw,56px);line-height:1.1;letter-spacing:-.035em;}
.pr-heading p,.pr-page p,.pr-dialog p {line-height:1.65;color:#c2cee0;}
.pr-page button,.pr-dialog button {font:700 14px Arial,sans-serif;color:#f5f7ff;background:#263c67;border:1px solid #849bd25c;border-radius:12px;min-height:44px;padding:11px 15px;white-space:normal;cursor:pointer;}
.pr-page button:disabled,.pr-dialog button:disabled {cursor:default;opacity:.5;}
.pr-actions {display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
.pr-panel,.pr-board {min-width:0;background:#111e33;border:1px solid #8195c13d;border-radius:22px;padding:clamp(16px,3vw,26px);margin-bottom:20px;}
.pr-panel h2 {margin-top:0;font-size:24px;}
.pr-summary p {margin-top:0;}
.pr-notice {padding:14px;background:#2b2940;border:1px solid #b69b685e;border-radius:12px;}
.pr-boards {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:18px;align-items:start;}
.pr-board {padding:18px;}
.pr-board h3 {font-size:19px;overflow-wrap:anywhere;margin:0 0 18px;}
.pr-board h3 small {display:block;font-size:10px;letter-spacing:.15em;color:#b6f2d4;margin-top:8px;}
.pr-current {border-color:#7bdbb7;}
.pr-slot {background:#091423;border:1px solid #8195c130;border-radius:13px;margin-bottom:10px;overflow:hidden;min-width:0;}
.pr-slot .pr-place {width:100%;margin:0;border:0;text-align:left;min-height:87px;display:grid;gap:7px;background:#192a45;}
.pr-place span {font-size:12px;font-weight:400;color:#c2cee0;line-height:1.4;}
.pr-slot-head {display:flex;gap:10px;justify-content:space-between;align-items:center;padding:10px 12px;}
.pr-slot-head button {font-size:11px;padding:7px 9px;min-height:44px;}
.pr-slot-donor {display:flex;gap:11px;align-items:center;padding:5px 12px;min-width:0;}
.pr-slot-donor img,.pr-slot-donor .pr-avatar {width:54px;height:66px;flex:none;object-fit:contain;border-radius:8px;background:#1c2a40;}
.pr-slot-donor>div {min-width:0;}
.pr-slot small {display:block;font-size:11px;line-height:1.45;color:#9db0cb;overflow-wrap:anywhere;margin-top:5px;}
.pr-slot p {font-size:12px;line-height:1.55;padding:0 12px 10px;margin-bottom:0;overflow-wrap:anywhere;}
.pr-avatar {display:grid;place-items:center;font-size:30px;color:#f5d979;}
.pr-draw {max-width:760px;margin:20px auto;}
.pr-roll-card {text-align:center;}
.pr-roll-card img,.pr-roll-card>.pr-avatar {width:160px;height:180px;object-fit:contain;display:block;margin:10px auto;}
.pr-page .cw-selected img {object-fit:contain;max-height:200px;}
.pr-dialog {position:fixed;width:min(900px,calc(100vw - 24px));max-height:90vh;max-height:90dvh;overflow:auto;border:1px solid #97afd980;border-radius:20px;background:#101c30;color:#f1f5ff;padding:24px;}
.pr-dialog::backdrop {background:#030a18cc;}
.pr-close {float:right;}
.pr-dialog label {display:flex;gap:9px;align-items:center;margin:10px 0;line-height:1.5;min-height:44px;}
.pr-dialog input:not([type=checkbox]),.pr-dialog select {display:block;min-width:0;max-width:100%;width:100%;padding:11px;background:#091423;color:#f3f6ff;border:1px solid #869dd25e;border-radius:9px;font-size:16px;min-height:44px;}
.pr-dialog input[type=checkbox] {width:19px;height:19px;flex:none;accent-color:#7cdfba;}
.pr-dialog fieldset {border:1px solid #8294bb4d;border-radius:12px;margin:20px 0;padding:15px;}
.pr-dialog legend {font-weight:800;}
.pr-check-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 18px;}
.pr-check-grid label {font-size:13px;}
.pr-two {display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.pr-two>label,[data-names]>label {display:block;}
.pr-dialog [role=alert] {color:#ffc0b9;}
.pr-roster-row {padding:13px 0;border-bottom:1px solid #8399c02b;}
.pr-roster-row small {display:block;color:#a7b8d1;margin:6px 0;}
.pr-roster-row code {display:block;overflow-wrap:anywhere;color:#b5ddca;font-size:12px;}
.pr-dialog dl {line-height:1.6;}.pr-dialog dt {font-weight:800;margin-top:16px;}.pr-dialog dd {color:#b5c5dc;margin:5px 0;}
@media(max-width:660px){.pr-heading{display:block;}.pr-heading .pr-actions{margin-top:20px;}.pr-check-grid,.pr-two{grid-template-columns:1fr;}.pr-dialog{padding:18px;}.pr-boards{grid-template-columns:1fr;}}

.pr-spin-controls {display:grid;gap:10px;margin:12px 0;}
.pr-battlizer-open {display:block;width:100%;margin:8px 0 14px;background:#604b20!important;border-color:#dfba62!important;color:#fff0bd!important;}
.pr-battlizer-card {text-align:center;}
.pr-battlizer-card img,.pr-battlizer-card>.pr-avatar {display:block;width:160px;height:180px;object-fit:contain;margin:12px auto;}
.pr-dialog .cw-selected img {max-height:200px;object-fit:contain;}
.pr-dialog a {color:#b8d8ff;text-decoration:underline;overflow-wrap:anywhere;}

.pr-character-tag {display:inline-block;margin-top:7px;padding:3px 8px;border:1px solid #8195c15c;border-radius:20px;color:#c9e2ff;font-size:11px;}

/* Match the site's two-team draft layout while retaining Ranger-only slots and wheel. */
@media (min-width: 980px) {
  .pr-page:has(> .pr-draw) {max-width:1500px;display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,.68fr) minmax(0,1fr);gap:12px;align-items:start;}
  .pr-page:has(> .pr-draw) > .pr-heading,.pr-page:has(> .pr-draw) > .pr-summary,.pr-page:has(> .pr-draw) > .pr-notice {grid-column:1/-1;}
  .pr-page:has(> .pr-draw) > .pr-boards {display:contents;}
  .pr-page:has(> .pr-draw) > .pr-draw {grid-column:2;grid-row:3;width:100%;margin:0;}
  .pr-page:has(> .pr-draw) .pr-board:nth-child(1) {grid-column:1;grid-row:3;}
  .pr-page:has(> .pr-draw) .pr-board:nth-child(2) {grid-column:3;grid-row:3;}
  .pr-page:has(> .pr-draw) .pr-board:nth-child(3) {grid-column:1;grid-row:4;}
  .pr-page:has(> .pr-draw) .pr-board:nth-child(4) {grid-column:3;grid-row:4;}
  .pr-page:has(> .pr-draw) .pr-board:nth-child(5) {grid-column:1;grid-row:5;}
  .pr-page:has(> .pr-draw) .pr-board:nth-child(6) {grid-column:3;grid-row:5;}
  .pr-page:has(> .pr-draw) .pr-board:nth-child(7) {grid-column:1;grid-row:6;}
  .pr-page:has(> .pr-draw) .pr-board:nth-child(8) {grid-column:3;grid-row:6;}
  .pr-page:has(> .pr-draw) .pr-board:nth-child(9) {grid-column:1;grid-row:7;}
  .pr-page:has(> .pr-draw):has(> .pr-notice) > .pr-draw,
  .pr-page:has(> .pr-draw):has(> .pr-notice) .pr-board:nth-child(-n+2) {grid-row:4;}
  .pr-page:has(> .pr-draw):has(> .pr-notice) .pr-board:nth-child(n+3):nth-child(-n+4) {grid-row:5;}
  .pr-page:has(> .pr-draw):has(> .pr-notice) .pr-board:nth-child(n+5):nth-child(-n+6) {grid-row:6;}
  .pr-page:has(> .pr-draw):has(> .pr-notice) .pr-board:nth-child(n+7):nth-child(-n+8) {grid-row:7;}
  .pr-page:has(> .pr-draw):has(> .pr-notice) .pr-board:nth-child(9) {grid-row:8;}
}
.pr-page .pr-heading {padding:14px 20px;background:#171d2de8;border:1px solid #7988a15a;border-radius:18px;}
.pr-page .pr-heading h1 {font-size:clamp(25px,3vw,38px);}
.pr-page .pr-summary {padding:14px 20px;}
.pr-page .pr-board {background:#1c1f2beb;border-color:#65729170;border-radius:18px;}
.pr-page .pr-board:nth-child(odd) h3 {color:#ffcf00;}
.pr-page .pr-board:nth-child(even) h3 {color:#27c6fb;}
.pr-page .pr-slot {background:#101218;border-color:#454959;}
.pr-page .pr-slot .pr-place {display:grid;grid-template-columns:minmax(96px,32%) minmax(0,1fr);gap:7px;align-items:stretch;min-height:61px;padding:0;background:transparent;}
.pr-page .pr-slot .pr-place strong {display:grid;place-items:center;min-width:0;overflow-wrap:anywhere;text-align:center;padding:7px;background:#ffce00;color:#10131a;font-size:11px;text-transform:uppercase;}
.pr-page .pr-board:nth-child(even) .pr-slot .pr-place strong {background:#15bdf0;}
.pr-page .pr-slot .pr-place span {display:flex;align-items:center;padding:8px;color:#d8dce8;}
.pr-page .pr-slot-head strong {color:#ffce00;}
.pr-page .pr-board:nth-child(even) .pr-slot-head strong {color:#15bdf0;}
.pr-page .pr-draw {background:#1b2030ed;border-color:#6c80b0;}
.pr-page .pr-draw .cw-spin {width:100%;}
@media (max-width:979px) {.pr-page:has(> .pr-draw) .pr-draw {max-width:none;}}
#draft-page #v70-anime-builds[hidden],#shared-ranger-battlizer[hidden] {display:none!important;}
#shared-ranger-battlizer {width:100%;margin-top:8px;}
