/* Old-school leaderboard layout, using the Point Blank brass / charcoal visual identity. */
.pb-hiscores-shell{padding:9px;border:3px double #98703a;background:linear-gradient(180deg,#3c2c1c,#20180f);box-shadow:inset 0 0 0 1px #d4ae70;color:#e0c69a}
.pb-hiscores-header{margin:0 0 8px;padding:11px 13px;border:2px ridge #b88b4d;background:linear-gradient(#614a2f,#342518)}
.pb-hiscores-header h1{color:#f7cc70;margin:0 0 4px;font:small-caps 30px/1.1 Georgia,'Times New Roman',serif;text-shadow:1px 2px #150c05}
.pb-hiscores-header p{color:#e2ca9c;font:12px/1.5 Arial,sans-serif;margin:0}
.pb-hiscores-layout{display:grid;grid-template-columns:172px minmax(0,1fr);gap:7px;align-items:start}
.pb-hiscores-skills,.pb-hiscores-main{min-width:0;border:2px ridge #936b37;background:#302317;box-shadow:inset 0 0 0 1px #513b23}
.pb-hiscores-skills{padding:4px}
.pb-hiscores-skills h3{margin:0 0 4px;padding:7px 8px;font:small-caps bold 18px Georgia,serif;color:#f9db94;background:linear-gradient(#695038,#322417);border:1px solid #8a693e;text-align:center}
.pb-skill-menu{display:grid;gap:1px}
.pb-skill-menu a{display:flex;align-items:center;gap:8px;min-height:30px;padding:3px 7px 3px 5px;color:#dfc48c;text-decoration:none;border:1px solid transparent;background:#30251a;font:12px Arial,Helvetica,sans-serif}
.pb-skill-menu img{width:23px;height:23px;object-fit:contain;image-rendering:pixelated;flex-shrink:0}
.pb-skill-menu a:nth-child(even){background:#3b2c1c}
.pb-skill-menu a:hover,.pb-skill-menu a:focus-visible{color:#fff0bb;background:#624328;border-color:#a27a40}
.pb-skill-menu a.selected,.pb-skill-menu a[aria-current="page"]{font-weight:bold;background:linear-gradient(#f7da92,#c18b42);color:#33210e;border:1px solid #ae7b34}
.pb-hiscores-main{padding:8px}
.pb-rank-heading{display:flex;align-items:center;gap:8px;padding:6px 9px;background:linear-gradient(#604127,#302115);border:1px solid #957143;margin-bottom:7px}
.pb-rank-heading h2{margin:0;color:#f2cd84;font:small-caps bold 21px Georgia,serif}
.pb-rank-heading img{object-fit:contain;image-rendering:pixelated}
.pb-rank-controls{display:flex;align-items:center;justify-content:space-between;gap:4px;padding-bottom:7px}
.pb-rank-controls span{font:11px Arial,Helvetica,sans-serif;color:#c4ac84;text-align:center}
.pb-hiscores-main button{background:linear-gradient(#f7dea0,#d9a54d);border:2px ridge #8c6229;padding:5px 8px;color:#32200c;font-weight:bold;cursor:pointer;min-height:27px}
.pb-hiscores-main button:hover,.pb-hiscores-main button:focus-visible{filter:brightness(1.12)}
.pb-hiscores-main button:disabled{opacity:.5;cursor:default;filter:grayscale(.35)}
.pb-rank-table-wrap{overflow-x:auto;border:2px ridge #8b683a}
.pb-rank-table{border-collapse:collapse;width:100%;font:12px Arial,sans-serif}
.pb-rank-table th{background:linear-gradient(#725029,#49321d);border:1px solid #966f39;color:#f7d58d;text-align:left;padding:8px 5px;white-space:nowrap}
.pb-rank-table th:nth-child(3),.pb-rank-table th:nth-child(4){text-align:right}
.pb-rank-table td{background:#35271b;border-bottom:1px solid #5e4228;padding:8px 5px;color:#e4d1ad;white-space:nowrap}
.pb-rank-table tr:nth-child(even) td{background:#2b2118}
.pb-rank-table td:nth-child(3),.pb-rank-table td:nth-child(4){text-align:right;font-variant-numeric:tabular-nums}
.pb-rank-table td[colspan]{text-align:center;white-space:normal;line-height:1.55;padding:21px 10px;color:#cdb48d}
.pb-rank-table a{color:#f6ca65;text-decoration:none}
.pb-rank-table a:hover{text-decoration:underline;color:#ffe3a1}
.pb-player-mode{display:block;font-size:10px;color:#caa96d}
.pb-hiscores-status{min-height:29px;padding:8px 5px 4px;color:#cbb48d;font:11px/1.5 Arial,sans-serif}
.pb-hiscores-search-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:9px 0}
.pb-hiscores-form{padding:8px;background:#3a291a;border:1px solid #75552f}
.pb-hiscores-form label,.pb-hiscores-filters legend{display:block;color:#f0cb7c;font:700 13px Georgia,serif;margin-bottom:5px}
.pb-search-inline{display:flex;align-items:stretch;gap:4px}
.pb-search-inline input{min-width:0;width:100%;height:29px;padding:4px 6px;border:1px solid #9a713f;background:#180f0a;color:#f7e5bd;font-size:12px}
.pb-search-inline input:focus-visible{outline:2px solid #ffe08a;outline-offset:1px}
.pb-search-inline button{font-size:11px;padding:4px 6px}
.pb-hiscores-filters{margin:10px 0 9px;padding:10px;border:1px solid #795931;background:#291e14;min-width:0}
.pb-hiscores-filters legend{padding:0 4px}
.pb-filter-modes{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px}
.pb-filter-modes label{font:11px Arial,sans-serif;color:#e0c797;display:flex;gap:4px;align-items:center;cursor:pointer}
.pb-filter-modes input{accent-color:#d7a44f}
.pb-rate-control{display:grid;gap:6px}
.pb-rate-control label{font:bold 12px Arial,sans-serif;color:#f1d398}
.pb-rate-control output{color:#ffcf55}
.pb-rate-control input[type="range"]{width:100%;accent-color:#dbaa54;cursor:pointer}
.pb-rate-hint{font:10px Arial,sans-serif;color:#aa936c}
.pb-hiscores-legend{padding:8px 6px;margin:0;color:#cbb491;font:11px/1.7 Arial,sans-serif;border-top:1px solid #735431}
.pb-hiscores-legend strong{display:block;font:700 13px Georgia,serif;color:#ebcd85}
.pb-hiscores-legend small{color:#aa916c}
@media(max-width:620px){
 .pb-hiscores-layout{grid-template-columns:138px minmax(0,1fr);gap:4px}
 .pb-hiscores-shell{padding:5px}
 .pb-hiscores-main{padding:5px}
 .pb-skill-menu a{font-size:11px;gap:4px;padding:3px}
 .pb-skill-menu img{width:19px;height:19px}
 .pb-hiscores-search-grid,.pb-filter-modes{grid-template-columns:1fr}
 .pb-rank-heading h2{font-size:18px}
}
@media(max-width:430px){
 .pb-hiscores-layout{grid-template-columns:1fr}
 .pb-skill-menu{grid-template-columns:repeat(2,minmax(0,1fr))}
 .pb-hiscores-header h1{font-size:25px}
 .pb-hiscores-search-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:350px){.pb-hiscores-search-grid{grid-template-columns:1fr}}

/* Point Blank v0.2.1: spacious three-rail leaderboard */
.pb-hiscores-layout{grid-template-columns:172px minmax(0,1fr) 245px;gap:10px;align-items:start}
.pb-hiscores-shell{min-width:0}
.pb-hiscores-main{min-width:0}
.pb-hiscores-tools{min-width:0;background:linear-gradient(#3a2b1d,#291e15);border:2px ridge #97703d;padding:8px;box-shadow:inset 0 0 0 1px #5b4029}
.pb-hiscores-tools>h3{margin:0 0 11px;padding:7px 8px;background:linear-gradient(#685037,#352619);border:1px solid #9b7443;color:#ffda8f;font:small-caps bold 19px Georgia,serif;text-align:center}
.pb-hiscores-search-grid{display:grid;grid-template-columns:1fr;gap:9px;margin:0 0 12px}
.pb-hiscores-filters{margin:0;min-width:0}
.pb-filter-modes{grid-template-columns:1fr}
.pb-hiscores-form,.pb-hiscores-filters{padding:9px}
.pb-rank-table-wrap{min-height:895px}
.pb-rank-table th,.pb-rank-table td{padding:9px 7px;white-space:normal;overflow-wrap:anywhere}
.pb-rank-table td:nth-child(3),.pb-rank-table td:nth-child(4),.pb-rank-table td:nth-child(5){text-align:right}
.pb-rank-table th:nth-child(3),.pb-rank-table th:nth-child(4),.pb-rank-table th:nth-child(5){text-align:right}
.pb-rank-table td[colspan]{text-align:center}
.pb-rate-control input[type="range"]{appearance:none;-webkit-appearance:none;width:100%;height:7px;border:1px solid #402914;background:linear-gradient(90deg,#a77733,#f4cb78);border-radius:0;outline-offset:6px;cursor:pointer}
.pb-rate-control input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:radial-gradient(circle at 33% 25%,#ffdf96 0,#dfaf53 48%,#785023 100%);border:3px solid #6f471b;border-radius:50%;box-shadow:0 1px 2px #160c04;cursor:grab}
.pb-rate-control input[type="range"]::-moz-range-thumb{width:14px;height:14px;background:#dfaf53;border:3px solid #6f471b;border-radius:50%;box-shadow:0 1px 2px #160c04;cursor:grab}
.pb-rate-control input[type="range"]:active::-webkit-slider-thumb{cursor:grabbing}
.pb-rate-control input[type="range"]:focus-visible{outline:2px solid #f8d381}
@media(max-width:1020px){.pb-hiscores-layout{grid-template-columns:146px minmax(0,1fr) 218px;gap:6px}.pb-rank-table th,.pb-rank-table td{padding:6px 4px}}
@media(max-width:820px){.pb-hiscores-layout{grid-template-columns:148px minmax(0,1fr)}.pb-hiscores-tools{grid-column:2}.pb-rank-table-wrap{min-height:720px}}
@media(max-width:570px){.pb-hiscores-layout{grid-template-columns:1fr}.pb-hiscores-tools{grid-column:1}.pb-skill-menu{grid-template-columns:repeat(3,minmax(0,1fr))}.pb-skill-menu a{font-size:11px}.pb-rank-table-wrap{min-height:520px}}
@media(max-width:390px){.pb-skill-menu{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Old07-style game mode selector, redesigned as Point Blank brass gameframe tabs. */
.pb-mode-tabs{display:flex;flex-wrap:wrap;gap:5px;padding:8px;margin:8px 0 10px;background:#2e2116;border:2px ridge #896338}
.pb-mode-tabs button{display:inline-flex;align-items:center;gap:6px;min-height:37px;padding:6px 9px;cursor:pointer;background:linear-gradient(#493722,#2e2015);border:2px ridge #896239;color:#e3c692;font:700 11px Georgia,serif;white-space:nowrap}
.pb-mode-tabs button img{height:23px;width:22px;object-fit:contain;image-rendering:pixelated}
.pb-mode-tabs button:hover,.pb-mode-tabs button:focus-visible{background:#674628;color:#fff0c0}
.pb-mode-tabs button.active,.pb-mode-tabs button[aria-pressed="true"]{background:linear-gradient(#f5d991,#ce9740);border-color:#b38033;color:#241607;box-shadow:inset 0 1px #fff0bd}


/* PointBlank 1.0.0 — typed-rank search, no browser number steppers. */
.pb-hiscores-form input[name="rank"] { appearance:textfield; -moz-appearance:textfield; }
.pb-hiscores-form input[name="rank"]::-webkit-inner-spin-button,
.pb-hiscores-form input[name="rank"]::-webkit-outer-spin-button { -webkit-appearance:none; margin:0; }

/* v1.1.3: In the shared Home-width page frame, arrange rankings beside skills
   and place filters under rankings instead of squeezing them into a third rail. */
@media(min-width:571px){
  .pb-hiscores-layout{grid-template-columns:148px minmax(0,1fr);gap:7px}
  .pb-hiscores-main,.pb-hiscores-tools{grid-column:2}
}
@media(max-width:570px){
  .pb-hiscores-layout{grid-template-columns:minmax(0,1fr)}
  .pb-hiscores-tools{grid-column:1}
}