/* TRNBCKL Passport photo-card grid (GRID 20261023). Loaded after styles.css; scoped to #view-passport. */
#view-passport{--pp-ink:#0c0d12;--pp-gold:var(--tx-v-gold,var(--gold,#d4b056));--pp-red:var(--tx-26,#e11d2e);--pp-line:var(--bd-51,rgba(212,176,86,.14));--pp-card:var(--bg-145,#0e1016);--pp-mut:var(--tx-33,#8a8060)}
/* header: PAGE x/N at the right, compact */
#view-passport .ph-row{display:flex;align-items:center;gap:12px;flex-wrap:nowrap!important}
#view-passport .ph-row .ph-id{flex:1 1 auto!important;min-width:0}
#view-passport .pp-hud{margin-left:auto;flex:0 0 auto;display:flex;border:0!important;background:none!important;padding:0!important}
#view-passport .pp-hud .ph-cell{display:flex;flex-direction:column;align-items:flex-end;padding:0;border:0}
#view-passport .pp-hud .ph-v{font-size:20px;margin-top:2px;max-width:none}
/* tab counts */
#passport-tabs .pp-n{margin-left:4px;opacity:.72;font-variant-numeric:tabular-nums}
#passport-tabs .pp-n:empty{display:none}
#passport-tabs .tab.is-active .pp-n{opacity:.9}
/* grid */
#passport-box .pp-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
#passport-box .pp-card{text-align:left;display:flex;flex-direction:column;gap:7px;min-width:0;padding:7px;border:1px solid var(--pp-line);border-radius:10px;background:var(--pp-card);transition:border-color .15s,transform .15s}
#passport-box .pp-card:hover{border-color:var(--bd-40,rgba(212,176,86,.35))}
#passport-box .pp-photo{position:relative;display:block;aspect-ratio:1/1;border-radius:7px;overflow:hidden;text-decoration:none;
  background:repeating-linear-gradient(135deg,rgba(212,176,86,0) 0 14px,rgba(212,176,86,.07) 14px 15px),radial-gradient(circle at 50% 30%,#1b1c24,var(--pp-ink) 70%);border:1px solid rgba(212,176,86,.12)}
#passport-box .pp-img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 12%;transition:transform .25s}
#passport-box .pp-card:hover .pp-img{transform:scale(1.03)}
#passport-box .pp-ph{position:absolute;inset:0;display:grid;place-items:center;background:repeating-linear-gradient(135deg,rgba(212,176,86,0) 0 14px,rgba(212,176,86,.06) 14px 15px),var(--pp-ink)}
#passport-box .pp-ph::after{content:"";position:absolute;width:62%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(212,176,86,.28);background:rgba(212,176,86,.05)}
#passport-box .pp-ph b{position:relative;z-index:1;font-family:Anton,Teko,"Bebas Neue",sans-serif;font-weight:400;font-size:clamp(22px,3.2vw,34px);letter-spacing:.06em;color:#d4b056;line-height:1}
#passport-box .pp-name{display:block;font-family:inherit;font-weight:600;font-size:13px;letter-spacing:.01em;line-height:1.15;color:inherit;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#passport-box .pp-name:hover,#passport-box .pp-name:focus-visible{color:var(--pp-gold)}
#passport-box .pp-tags{display:flex;flex-wrap:wrap;align-items:center;gap:5px;min-height:18px}
#passport-box .pp-tags .promo-chip{padding:2px 6px;font-size:9px;line-height:1.2}
#passport-box .pp-tag{font-family:"Share Tech Mono","IBM Plex Mono",monospace;font-size:9px;letter-spacing:.1em;text-transform:uppercase;line-height:1.2;padding:2px 5px;border-radius:4px}
#passport-box .pp-tag.is-injured{color:var(--pp-red);border:1px solid color-mix(in srgb,var(--pp-red) 55%,transparent)}
#passport-box .pp-tag.is-champ{color:#14110a;background:#d4b056;border:1px solid #d4b056}
#passport-box .pp-card .pp-follow{margin-top:auto;display:flex;align-items:center;justify-content:center;width:100%;min-height:32px!important;padding:6px 8px;border-radius:8px;
  font-family:"Share Tech Mono","IBM Plex Mono",monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;box-sizing:border-box}
#passport-box .pp-card button.pp-follow{border:1px solid var(--bd-95,#9a7b1a);background:rgba(212,176,86,.06);color:var(--pp-gold);cursor:pointer}
#passport-box .pp-card button.pp-follow:hover{background:rgba(212,176,86,.18)}
#passport-box .pp-card button.pp-follow:disabled{opacity:.55;cursor:progress}
#passport-box .pp-card .pp-follow.is-on{border:1px solid #d4b056;background:#d4b056;color:#14110a}
/* pager */
#passport-box .pp-pager{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:14px}
#passport-box .pp-count{font-size:12px;color:var(--pp-mut);font-variant-numeric:tabular-nums}
#passport-box .pp-pages{display:flex;align-items:center;gap:5px}
#passport-box .pp-pg{min-width:34px;height:34px;padding:0 8px;border-radius:8px;border:1px solid var(--pp-line);background:var(--pp-card);color:inherit;
  font-family:"Share Tech Mono","IBM Plex Mono",monospace;font-size:12px;cursor:pointer;font-variant-numeric:tabular-nums}
#passport-box .pp-pg:hover:not(:disabled){border-color:#d4b056;color:var(--pp-gold)}
#passport-box .pp-pg.is-on{background:#d4b056;border-color:#d4b056;color:#14110a;font-weight:700}
#passport-box .pp-pg:disabled{opacity:.35;cursor:default}
#passport-box .pp-step{font-size:16px;line-height:1}
#passport-box .pp-gap{min-width:14px;text-align:center;color:var(--pp-mut)}
#passport-box .pp-more{min-height:36px;padding:0 16px;border-radius:999px;border:1px solid var(--tx-3,#fff8f0);background:none;color:inherit;
  font-family:"Share Tech Mono","IBM Plex Mono",monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
#passport-box .pp-more:hover{border-color:#d4b056;color:var(--pp-gold)}
#passport-box .pp-more-end{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--pp-mut)}
html[data-theme=light] #passport-box .pp-more{border-color:#14110a}
/* tablet: 4 per row */
@media (max-width:1024.98px){#passport-box .pp-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}#passport-box .pp-name{font-size:14px}}
/* large phones: 3; phones: 2 */
@media (max-width:767.98px){
  #passport-box .pp-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  #passport-box .pp-pager{display:grid;grid-template-columns:1fr auto;grid-template-areas:"pages pages""count more";row-gap:12px}
  #passport-box .pp-pages{grid-area:pages;justify-content:center}
  #passport-box .pp-count{grid-area:count}
  #passport-box .pp-more,#passport-box .pp-more-end{grid-area:more}
  #passport-box .pp-pg{min-width:34px;height:40px;padding:0 6px}
  #passport-box .pp-card .pp-follow{min-height:40px!important}
}
@media (max-width:539.98px){
  #passport-box .pp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  #passport-box .pp-ph b{font-size:34px}
  #view-passport .pp-hud .ph-v{font-size:18px}
}
@media (max-width:380px){#passport-box .pp-pages{gap:3px}#passport-box .pp-pg{min-width:30px;padding:0 4px}}
@media (prefers-reduced-motion:reduce){#passport-box .pp-img,#passport-box .pp-card{transition:none}#passport-box .pp-card:hover .pp-img{transform:none}}