/* ===== Player Passport page — dedicated Ronin blocks ===== */

/* ---------- hero (playerpassport-hero) ---------- */
.ronin-page .playerpassport-hero{
  background:linear-gradient(135deg,var(--navy-950,#04162c),var(--navy-800,#0a2547));
  padding-block:44px 52px;
  position:relative;
  overflow:hidden;
}
.ronin-page .playerpassport-hero__grid{
  display:grid;
  grid-template-columns:1.5fr 1fr;
  gap:40px;
  align-items:center;
  position:relative;
  z-index:1;
}
.ronin-page .playerpassport-hero__breadcrumb{
  font-size:10.5px;
  font-weight:600;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:#8996ad;
  margin-bottom:14px;
}
.ronin-page .playerpassport-hero__eyebrow{
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--gold,#eab040);
  margin-bottom:10px;
}
.ronin-page .playerpassport-hero__intro h1{
  color:#fff;
  font-size:36px;
  font-weight:800;
  line-height:1.15;
  margin-bottom:14px;
  max-width:29ch;
}
.ronin-page .playerpassport-hero__lead{
  color:#b7c1d6;
  font-size:14px;
  line-height:1.6;
  max-width:62ch;
  margin-bottom:18px;
}
.ronin-page .playerpassport-hero__badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:12px;
  font-weight:600;
  color:#dbe2ee;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  padding:8px 14px;
  margin-bottom:22px;
}
.ronin-page .playerpassport-hero__badge svg{width:14px;height:14px;flex:0 0 auto;color:var(--gold,#eab040);}
.ronin-page .playerpassport-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px;}
.ronin-page .playerpassport-hero__checklist{display:flex;flex-wrap:wrap;flex-direction:row;gap:18px;margin:0;}
.ronin-page .playerpassport-hero__checklist li{color:#cfd7e3;}

.ronin-page .playerpassport-hero__visual{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:0;
  position:relative;
}
.ronin-page .playerpassport-hero__tags{
  display:contents;
}
.ronin-page .playerpassport-hero__tag{
  display:flex;
  align-items:center;
  gap:8px;
  background:rgba(10,20,40,.55);
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  padding:6px 12px 6px 6px;
  position:relative;
  z-index:2;
}
.ronin-page .playerpassport-hero__tag-icon{
  width:24px;height:24px;
  border-radius:50%;
  flex:0 0 auto;
  display:flex;align-items:center;justify-content:center;
}
.ronin-page .playerpassport-hero__tag-icon svg{width:12px;height:12px;}
.ronin-page .playerpassport-hero__tag-icon--green{background:rgba(46,174,106,.18);color:#5fd68f;}
.ronin-page .playerpassport-hero__tag-icon--blue{background:rgba(53,104,201,.22);color:#8fb2f2;}
.ronin-page .playerpassport-hero__tag-text{display:flex;flex-direction:column;line-height:1.2;}
.ronin-page .playerpassport-hero__tag-text strong{font-size:10.5px;font-weight:700;color:#fff;}
.ronin-page .playerpassport-hero__tag-text span{font-size:9px;color:#8996ad;}

.ronin-page .playerpassport-hero__card{
  position:relative;
  width:174px;
  height:234px;
  background:linear-gradient(160deg,#153259,#0a1930);
  border:1px solid rgba(255,255,255,.14);
  border-radius:6px 18px 18px 6px;
  box-shadow:26px 30px 50px rgba(0,0,0,.45);
  padding:14px;
  z-index:2;
  transform:rotateY(-22deg) rotateX(5deg);
}
.ronin-page .playerpassport-hero__card::before{
  content:"";
  position:absolute;
  left:0;top:4%;bottom:4%;
  width:5px;
  background:linear-gradient(90deg,rgba(0,0,0,.55),rgba(0,0,0,0));
  border-radius:4px 0 0 4px;
}
.ronin-page .playerpassport-hero__card-frame{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:14px;
  width:100%;
  height:100%;
  border:1px solid rgba(255,255,255,.16);
  border-radius:11px;
  text-align:center;
}
.ronin-page .playerpassport-hero__card-icon{
  color:var(--gold,#eab040);
  display:flex;align-items:center;justify-content:center;
}
.ronin-page .playerpassport-hero__card-icon svg{
  width:78px;height:78px;
  filter:drop-shadow(5px 5px 0 rgba(234,176,64,.32));
}
.ronin-page .playerpassport-hero__card-frame strong{color:#fff;font-size:12px;font-weight:800;letter-spacing:.04em;}
.ronin-page .playerpassport-hero__card-frame > span:last-child{color:var(--gold,#eab040);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;}

.ronin-page .playerpassport-hero__grid .playerpassport-hero__visual{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:0;
  perspective:900px;
}
.ronin-page .playerpassport-hero__visual .playerpassport-hero__tags{
  display:contents;
}
.ronin-page .playerpassport-hero__tag--0{grid-column:1;grid-row:1;justify-self:end;margin-right:44px;}
.ronin-page .playerpassport-hero__tag--1{grid-column:3;grid-row:1;justify-self:start;margin-left:44px;}
.ronin-page .playerpassport-hero__tag--2{grid-column:1;grid-row:2;justify-self:end;margin-right:44px;margin-top:22px;}
.ronin-page .playerpassport-hero__tag--3{grid-column:3;grid-row:2;justify-self:start;margin-left:44px;margin-top:22px;}
.ronin-page .playerpassport-hero__card{grid-column:2;grid-row:1 / span 2;}

.ronin-page .playerpassport-hero__tag--0::after,
.ronin-page .playerpassport-hero__tag--2::after{
  content:"";
  position:absolute;
  top:50%;right:-44px;
  width:44px;
  border-top:2px dashed rgba(255,255,255,.28);
  z-index:1;
}
.ronin-page .playerpassport-hero__tag--1::before,
.ronin-page .playerpassport-hero__tag--3::before{
  content:"";
  position:absolute;
  top:50%;left:-44px;
  width:44px;
  border-top:2px dashed rgba(255,255,255,.28);
  z-index:1;
}

@media (max-width: 1024px){
  .ronin-page .playerpassport-hero__grid{grid-template-columns:1fr;}
  .ronin-page .playerpassport-hero__visual{margin-top:32px;}
}
@media (max-width: 640px){
  .ronin-page .playerpassport-hero__visual{grid-template-columns:1fr auto 1fr;transform:scale(.86);transform-origin:top center;}
}

/* ---------- what a passport organises (playerpassport-organises) ---------- */
.ronin-page .playerpassport-organises{background:#fff;padding-block:44px;}
.ronin-page .playerpassport-organises__title{
  font-size:12px;
  font-weight:800;
  letter-spacing:.06em;
  color:#111b33;
  margin:0 0 18px;
}
.ronin-page .playerpassport-organises__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.ronin-page .playerpassport-organises__card{
  border:1px solid #e3e9f2;
  border-radius:var(--radius-lg,16px);
  padding:20px;
}
.ronin-page .playerpassport-organises__card-icon{
  width:36px;height:36px;
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  margin-bottom:14px;
}
.ronin-page .playerpassport-organises__card-icon svg{width:17px;height:17px;}
.ronin-page .playerpassport-organises__card-icon--slate{background:#eef1f6;color:#57657c;}
.ronin-page .playerpassport-organises__card-icon--blue{background:var(--blue-tint,#eaf1fd);color:var(--blue,#3568c9);}
.ronin-page .playerpassport-organises__card-icon--indigo{background:#ece9fd;color:#6656d9;}
.ronin-page .playerpassport-organises__card-icon--green{background:var(--green-tint,#eaf7f1);color:var(--green,#1f9d64);}
.ronin-page .playerpassport-organises__card strong{display:block;font-size:13.5px;font-weight:800;color:#111b33;margin-bottom:6px;}
.ronin-page .playerpassport-organises__card p{font-size:12px;line-height:1.5;color:#57625c;margin:0 0 14px;}
.ronin-page .playerpassport-organises__legend{margin:0;gap:6px;}
.ronin-page .playerpassport-organises__legend li{font-size:11px;color:#57625c;padding-left:18px;}
.ronin-page .playerpassport-organises__legend li::before{width:12px;height:12px;top:2px;}
.ronin-page .playerpassport-organises__legend li::after{left:2px;top:4.5px;width:6px;height:4px;}

.ronin-page .playerpassport-organises__notice{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin-top:20px;
  padding:14px 16px;
  background:var(--blue-tint,#eaf1fd);
  border:1px solid #d5e3fa;
  border-radius:var(--radius-md,12px);
}
.ronin-page .playerpassport-organises__notice span{flex:0 0 auto;color:var(--blue,#3568c9);width:16px;height:16px;margin-top:1px;}
.ronin-page .playerpassport-organises__notice span svg{width:16px;height:16px;}
.ronin-page .playerpassport-organises__notice p{margin:0;font-size:12px;line-height:1.5;color:#2a4d85;}

@media (max-width: 1024px){
  .ronin-page .playerpassport-organises__grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width: 640px){
  .ronin-page .playerpassport-organises__grid{grid-template-columns:1fr;}
}

/* ---------- find a published passport (playerpassport-search) ---------- */
.ronin-page .playerpassport-search{background:var(--bg-tint,#f4f6fa);padding-block:44px 52px;}
.ronin-page .playerpassport-search__title{
  font-size:12px;
  font-weight:800;
  letter-spacing:.06em;
  color:#111b33;
  margin:0 0 18px;
}
.ronin-page .playerpassport-search__panel{
  background:#fff;
  border:1px solid #e3e9f2;
  border-radius:var(--radius-lg,16px);
  padding:22px;
}
.ronin-page .playerpassport-search__tabs{
  display:flex;
  gap:22px;
  border-bottom:1px solid #e3e9f2;
  margin-bottom:18px;
}
.ronin-page .playerpassport-search__tab{
  background:none;
  border:none;
  cursor:pointer;
  padding:0 2px 12px;
  font-size:13px;
  font-weight:700;
  color:#7c8aa3;
  border-bottom:2px solid transparent;
}
.ronin-page .playerpassport-search__tab.is-active{
  color:var(--blue,#3568c9);
  border-bottom-color:var(--blue,#3568c9);
}
.ronin-page .playerpassport-search__filters{
  display:grid;
  grid-template-columns:1.4fr 1fr 1fr auto;
  gap:14px;
  align-items:end;
  margin-bottom:20px;
}
.ronin-page .playerpassport-search__field{display:flex;flex-direction:column;gap:6px;}
.ronin-page .playerpassport-search__field span{font-size:11px;font-weight:700;color:#57657c;}
.ronin-page .playerpassport-search__field input,
.ronin-page .playerpassport-search__field select{
  border:1px solid #dce3ee;
  border-radius:var(--radius-sm,8px);
  padding:9px 12px;
  font-size:13px;
  color:#111b33;
  background:#fff;
}
.ronin-page .playerpassport-search__btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  white-space:nowrap;
}
.ronin-page .playerpassport-search__btn svg{width:15px;height:15px;}

.ronin-page .playerpassport-search__table-wrap{overflow-x:auto;}
.ronin-page .playerpassport-search__table{width:100%;border-collapse:collapse;font-size:12.5px;}
.ronin-page .playerpassport-search__table thead th{
  text-align:left;
  font-size:10.5px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#7c8aa3;
  border-bottom:1px solid #e3e9f2;
  padding:0 12px 10px;
  white-space:nowrap;
}
.ronin-page .playerpassport-search__table tbody td{
  border-bottom:1px solid #eef1f6;
  padding:12px;
  color:#324058;
  vertical-align:middle;
}
.ronin-page .playerpassport-search__table tbody tr:last-child td{border-bottom:none;}
.ronin-page .playerpassport-search__player{display:flex;flex-direction:column;gap:2px;text-decoration:none;}
.ronin-page .playerpassport-search__player strong{color:#111b33;font-size:13px;font-weight:700;}
.ronin-page .playerpassport-search__player span{color:#8996ad;font-size:10.5px;}

.ronin-page .playerpassport-search__badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:11px;
  font-weight:700;
  padding:4px 10px;
  border-radius:999px;
}
.ronin-page .playerpassport-search__badge svg{width:12px;height:12px;}
.ronin-page .playerpassport-search__badge--green{background:var(--green-tint,#eaf7f1);color:var(--green,#1f9d64);}
.ronin-page .playerpassport-search__badge--amber{background:#fdf3e2;color:#b3760f;}

.ronin-page .playerpassport-search__empty{
  text-align:center;
  padding:24px 12px;
  color:#7c8aa3;
  font-size:13px;
}
.ronin-page .playerpassport-search__count{
  margin:14px 0 0;
  font-size:11.5px;
  color:#8996ad;
  text-align:right;
}

@media (max-width: 1024px){
  .ronin-page .playerpassport-search__filters{grid-template-columns:1fr 1fr;}
  .ronin-page .playerpassport-search__btn{grid-column:1 / -1;justify-content:center;}
}
@media (max-width: 640px){
  .ronin-page .playerpassport-search__filters{grid-template-columns:1fr;}
}

/* ---------- passport anatomy / public view preview (playerpassport-anatomy) ---------- */
.ronin-page .playerpassport-anatomy{background:#fff;padding-block:44px 52px;}
.ronin-page .playerpassport-anatomy__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px;
  margin-bottom:18px;
}
.ronin-page .playerpassport-anatomy__title{
  font-size:12px;
  font-weight:800;
  letter-spacing:.06em;
  color:#111b33;
  margin:0;
}
.ronin-page .playerpassport-anatomy__select{display:flex;align-items:center;gap:8px;}
.ronin-page .playerpassport-anatomy__select span{font-size:11.5px;font-weight:700;color:#57657c;}
.ronin-page .playerpassport-anatomy__select select{
  border:1px solid #dce3ee;
  border-radius:var(--radius-sm,8px);
  padding:7px 10px;
  font-size:12.5px;
  color:#111b33;
  background:#fff;
}

.ronin-page .playerpassport-anatomy__layout{
  display:grid;
  grid-template-columns:150px 1fr 220px;
  gap:24px;
  align-items:start;
}

.ronin-page .playerpassport-anatomy__card{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:8px;
  background:linear-gradient(160deg,#153259,#0a1930);
  border:1px solid rgba(255,255,255,.14);
  border-radius:14px;
  padding:18px 12px;
  overflow:hidden;
}
.ronin-page .playerpassport-anatomy__card-ribbon{
  position:absolute;
  top:10px;left:-30px;
  transform:rotate(-45deg);
  background:var(--gold,#eab040);
  color:#1a1200;
  font-size:9px;
  font-weight:800;
  letter-spacing:.06em;
  padding:2px 34px;
}
.ronin-page .playerpassport-anatomy__card-photo{
  width:52px;height:52px;
  border-radius:50%;
  overflow:hidden;
  display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.08);
  color:#8fb2f2;
  margin-top:14px;
}
.ronin-page .playerpassport-anatomy__card-photo img{width:100%;height:100%;object-fit:cover;}
.ronin-page .playerpassport-anatomy__card-photo svg{width:24px;height:24px;}
.ronin-page .playerpassport-anatomy__card strong{color:#fff;font-size:12.5px;font-weight:700;line-height:1.3;}
.ronin-page .playerpassport-anatomy__card-ref{color:#8fb2f2;font-size:10.5px;}
.ronin-page .playerpassport-anatomy__card-label{color:var(--gold,#eab040);font-size:9px;font-weight:800;letter-spacing:.08em;margin-top:4px;}

.ronin-page .playerpassport-anatomy__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.ronin-page .playerpassport-anatomy__group{
  border:1px solid #e3e9f2;
  border-radius:var(--radius-lg,16px);
  padding:18px;
}
.ronin-page .playerpassport-anatomy__group-icon{
  width:32px;height:32px;
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  margin-bottom:10px;
}
.ronin-page .playerpassport-anatomy__group-icon svg{width:15px;height:15px;}
.ronin-page .playerpassport-anatomy__group-icon--green{background:var(--green-tint,#eaf7f1);color:var(--green,#1f9d64);}
.ronin-page .playerpassport-anatomy__group-icon--blue{background:var(--blue-tint,#eaf1fd);color:var(--blue,#3568c9);}
.ronin-page .playerpassport-anatomy__group strong{display:block;font-size:12.5px;font-weight:800;color:#111b33;margin-bottom:10px;}
.ronin-page .playerpassport-anatomy__group dl{margin:0;display:flex;flex-direction:column;gap:6px;}
.ronin-page .playerpassport-anatomy__group dl > div{display:flex;justify-content:space-between;gap:10px;font-size:11.5px;}
.ronin-page .playerpassport-anatomy__group dt{color:#7c8aa3;}
.ronin-page .playerpassport-anatomy__group dd{margin:0;color:#324058;font-weight:600;text-align:right;}

.ronin-page .playerpassport-anatomy__legend{
  border:1px solid #e3e9f2;
  border-radius:var(--radius-lg,16px);
  padding:18px;
}
.ronin-page .playerpassport-anatomy__legend-title{
  font-size:10.5px;
  font-weight:800;
  letter-spacing:.06em;
  color:#111b33;
  margin:0 0 12px;
}
.ronin-page .playerpassport-anatomy__legend ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;}
.ronin-page .playerpassport-anatomy__legend li{display:flex;align-items:center;gap:8px;font-size:11.5px;color:#57657c;}
.ronin-page .playerpassport-anatomy__dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto;}
.ronin-page .playerpassport-anatomy__dot--green{background:var(--green,#1f9d64);}
.ronin-page .playerpassport-anatomy__dot--blue{background:var(--blue,#3568c9);}
.ronin-page .playerpassport-anatomy__dot--navy{background:#0a2547;}
.ronin-page .playerpassport-anatomy__dot--gold{background:var(--gold,#eab040);}

@media (max-width: 1024px){
  .ronin-page .playerpassport-anatomy__layout{grid-template-columns:1fr;}
  .ronin-page .playerpassport-anatomy__card{flex-direction:row;justify-content:flex-start;text-align:left;}
}
@media (max-width: 640px){
  .ronin-page .playerpassport-anatomy__grid{grid-template-columns:1fr;}
}

/* ---------- public vs authorised vs protected + creation workflow (playerpassport-tiers / playerpassport-workflow) ---------- */
.ronin-page .playerpassport-tiers{background:var(--bg-tint,#f4f6fa);padding-block:44px 52px;}
.ronin-page .playerpassport-tiers__title{
  font-size:12px;
  font-weight:800;
  letter-spacing:.06em;
  color:#111b33;
  margin:0 0 18px;
}
.ronin-page .playerpassport-tiers__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-bottom:16px;
}
.ronin-page .playerpassport-tiers__card{
  border-radius:var(--radius-lg,16px);
  padding:20px;
}
.ronin-page .playerpassport-tiers__card ul{margin:10px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:7px;}
.ronin-page .playerpassport-tiers__card li{font-size:12px;line-height:1.4;padding-left:16px;position:relative;}
.ronin-page .playerpassport-tiers__card li::before{content:"";position:absolute;left:0;top:6px;width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.6;}
.ronin-page .playerpassport-tiers__icon{
  width:30px;height:30px;
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  margin-bottom:10px;
}
.ronin-page .playerpassport-tiers__icon svg{width:15px;height:15px;}
.ronin-page .playerpassport-tiers__card strong{display:block;font-size:13px;font-weight:800;margin-bottom:2px;}

.ronin-page .playerpassport-tiers__card--public{
  background:#fff;
  border:1px solid var(--green,#1f9d64);
  color:#57625c;
}
.ronin-page .playerpassport-tiers__card--public .playerpassport-tiers__icon{background:var(--green-tint,#eaf7f1);color:var(--green,#1f9d64);}
.ronin-page .playerpassport-tiers__card--public strong{color:var(--green,#1f9d64);}

.ronin-page .playerpassport-tiers__card--authorised{
  background:var(--blue-tint,#eaf1fd);
  border:1px solid #d5e3fa;
  color:#3a4a63;
}
.ronin-page .playerpassport-tiers__card--authorised .playerpassport-tiers__icon{background:#fff;color:var(--blue,#3568c9);}
.ronin-page .playerpassport-tiers__card--authorised strong{color:var(--blue,#3568c9);}

.ronin-page .playerpassport-tiers__card--protected{
  background:linear-gradient(160deg,#0a1930,#0d2038);
  border:1px solid rgba(255,255,255,.12);
  color:#b7c1d6;
}
.ronin-page .playerpassport-tiers__card--protected .playerpassport-tiers__icon{background:rgba(255,255,255,.08);color:#fff;}
.ronin-page .playerpassport-tiers__card--protected strong{color:#fff;}

.ronin-page .playerpassport-tiers__note{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:12px 16px;
  background:#fff;
  border:1px solid #e3e9f2;
  border-radius:var(--radius-md,12px);
  margin-bottom:28px;
}
.ronin-page .playerpassport-tiers__note span{flex:0 0 auto;color:var(--blue,#3568c9);width:16px;height:16px;margin-top:1px;}
.ronin-page .playerpassport-tiers__note span svg{width:16px;height:16px;}
.ronin-page .playerpassport-tiers__note p{margin:0;font-size:12px;line-height:1.5;color:#57657c;}

.ronin-page .playerpassport-workflow__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px;
  margin-bottom:24px;
}
.ronin-page .playerpassport-workflow__head .playerpassport-tiers__title{margin:0;}

.ronin-page .playerpassport-workflow__stepper{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:12px;
  position:relative;
  margin-bottom:20px;
}
.ronin-page .playerpassport-workflow__stepper::before{
  content:"";
  position:absolute;
  top:15px;left:8%;right:8%;
  border-top:2px dashed #d5deeb;
  z-index:0;
}
.ronin-page .playerpassport-workflow__step{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:6px;
}
.ronin-page .playerpassport-workflow__step-num{
  width:30px;height:30px;
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:11px;
  font-weight:800;
  color:#fff;
  background:var(--green,#1f9d64);
}
.ronin-page .playerpassport-workflow__step-num--5{background:var(--gold,#eab040);color:#1a1200;}
.ronin-page .playerpassport-workflow__step-num--6{background:#0a2547;}
.ronin-page .playerpassport-workflow__step-label{
  font-size:11px;
  font-weight:600;
  color:#324058;
  line-height:1.35;
  min-height:30px;
  margin:0;
}
.ronin-page .playerpassport-workflow__step-status{
  font-size:10px;
  font-weight:700;
  color:#7c8aa3;
  background:#eef1f6;
  border-radius:999px;
  padding:3px 10px;
}
.ronin-page .playerpassport-workflow__step-date{
  font-size:9.5px;
  color:#a3aec2;
  min-height:12px;
}

@media (max-width: 1024px){
  .ronin-page .playerpassport-tiers__grid{grid-template-columns:1fr;}
  .ronin-page .playerpassport-workflow__stepper{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:22px;}
  .ronin-page .playerpassport-workflow__stepper::before{display:none;}
}
@media (max-width: 640px){
  .ronin-page .playerpassport-workflow__stepper{grid-template-columns:repeat(2,minmax(0,1fr));}
}

/* ---------- request/claim + correct/update a passport (playerpassport-request) ---------- */
.ronin-page .playerpassport-request{background:var(--bg-tint,#f4f6fa);padding-block:44px 56px;}
.ronin-page .playerpassport-request__layout{
  display:grid;
  grid-template-columns:1.3fr 1fr;
  gap:20px;
  align-items:start;
}
.ronin-page .playerpassport-request__panel{
  background:#fff;
  border:1px solid #e3e9f2;
  border-radius:var(--radius-lg,16px);
  padding:22px;
}
.ronin-page .playerpassport-request__title{
  font-size:12px;
  font-weight:800;
  letter-spacing:.06em;
  color:#111b33;
  margin:0 0 16px;
}

.ronin-page .playerpassport-request__tabs{
  display:flex;
  flex-wrap:wrap;
  gap:18px;
  border-bottom:1px solid #e3e9f2;
  margin-bottom:18px;
}
.ronin-page .playerpassport-request__tab{
  background:none;
  border:none;
  cursor:pointer;
  padding:0 2px 12px;
  font-size:12.5px;
  font-weight:700;
  color:#7c8aa3;
  border-bottom:2px solid transparent;
}
.ronin-page .playerpassport-request__tab.is-active{color:var(--blue,#3568c9);border-bottom-color:var(--blue,#3568c9);}

.ronin-page .playerpassport-request__grid2{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin-bottom:14px;
}
.ronin-page .playerpassport-request__panel form label{display:flex;flex-direction:column;gap:6px;}
.ronin-page .playerpassport-request__panel form label > span{font-size:11px;font-weight:700;color:#57657c;}
.ronin-page .playerpassport-request__panel form input[type="text"],
.ronin-page .playerpassport-request__panel form input[type="email"],
.ronin-page .playerpassport-request__panel form input[type="tel"],
.ronin-page .playerpassport-request__panel form input[type="url"],
.ronin-page .playerpassport-request__panel form input[type="date"],
.ronin-page .playerpassport-request__panel form select,
.ronin-page .playerpassport-request__panel form textarea{
  border:1px solid #dce3ee;
  border-radius:var(--radius-sm,8px);
  padding:9px 12px;
  font-size:13px;
  color:#111b33;
  background:#fff;
  font-family:inherit;
  width:100%;
}
.ronin-page .playerpassport-request__panel form textarea{resize:vertical;}

.ronin-page .playerpassport-request__upload{margin-bottom:14px;position:relative;}
.ronin-page .playerpassport-request__upload span:first-child{font-size:11px;font-weight:700;color:#57657c;display:block;margin-bottom:6px;}
.ronin-page .playerpassport-request__upload-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  border:1px dashed #c7d2e3;
  border-radius:var(--radius-sm,8px);
  padding:9px 14px;
  font-size:12.5px;
  font-weight:700;
  color:#3568c9;
  background:var(--blue-tint,#eaf1fd);
}
.ronin-page .playerpassport-request__upload-btn svg{width:15px;height:15px;}
.ronin-page .playerpassport-request__upload input[type="file"]{
  position:absolute;inset:0;top:22px;
  opacity:0;
  cursor:pointer;
  width:auto;
}
.ronin-page .playerpassport-request__upload em{display:block;margin-top:6px;font-size:10.5px;font-style:normal;color:#a3aec2;}

.ronin-page .playerpassport-request__textarea{margin-bottom:14px;}

.ronin-page .playerpassport-request__consent{
  display:flex !important;
  flex-direction:row !important;
  align-items:flex-start;
  gap:8px;
  margin-bottom:10px;
  cursor:pointer;
}
.ronin-page .playerpassport-request__consent input{margin-top:2px;flex:0 0 auto;}
.ronin-page .playerpassport-request__consent span{font-size:11.5px;line-height:1.4;color:#57657c;}

.ronin-page .playerpassport-request__status{
  margin:16px 0;
  padding:10px 14px;
  border-radius:var(--radius-sm,8px);
  background:#fdf3e2;
  border:1px solid #f2e0b8;
  font-size:12px;
  font-weight:600;
  color:#8a6412;
}
.ronin-page .playerpassport-request__status.is-success{background:var(--green-tint,#eaf7f1);border-color:#bfe4d2;color:#166a45;}
.ronin-page .playerpassport-request__status.is-error{background:#fdeaea;border-color:#f3c6c6;color:#a32e2e;}

.ronin-page .playerpassport-request__submit{width:100%;justify-content:center;display:flex;align-items:center;gap:8px;}

.ronin-page .playerpassport-request__options{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;}
.ronin-page .playerpassport-request__option{
  display:flex;
  align-items:center;
  gap:10px;
  border:1px solid #e3e9f2;
  border-radius:var(--radius-sm,8px);
  padding:10px 12px;
  cursor:pointer;
  font-size:12.5px;
  color:#324058;
}
.ronin-page .playerpassport-request__option.is-active{border-color:var(--blue,#3568c9);background:var(--blue-tint,#eaf1fd);color:var(--blue,#3568c9);font-weight:700;}
.ronin-page .playerpassport-request__option-input{position:absolute;opacity:0;width:0;height:0;}
.ronin-page .playerpassport-request__option-icon{width:22px;height:22px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;}
.ronin-page .playerpassport-request__option-icon svg{width:16px;height:16px;}

@media (max-width: 1024px){
  .ronin-page .playerpassport-request__layout{grid-template-columns:1fr;}
}
@media (max-width: 640px){
  .ronin-page .playerpassport-request__grid2{grid-template-columns:1fr;}
}

/* ---------- passport integrity check + why clubs/scouts use it (playerpassport-integrity) ---------- */
.ronin-page .playerpassport-integrity{background:#fff;padding-block:44px 56px;}
.ronin-page .playerpassport-integrity__layout{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
  align-items:start;
}
.ronin-page .playerpassport-integrity__panel{
  background:#fff;
  border:1px solid #e3e9f2;
  border-radius:var(--radius-lg,16px);
  padding:22px;
  height:100%;
}
.ronin-page .playerpassport-integrity__title{
  font-size:12px;
  font-weight:800;
  letter-spacing:.06em;
  color:#111b33;
  margin:0 0 16px;
}
.ronin-page .playerpassport-integrity__grid2{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin-bottom:16px;
}
.ronin-page .playerpassport-integrity__panel form label{display:flex;flex-direction:column;gap:6px;}
.ronin-page .playerpassport-integrity__panel form label span{font-size:11px;font-weight:700;color:#57657c;}
.ronin-page .playerpassport-integrity__panel form input{
  border:1px solid #dce3ee;
  border-radius:var(--radius-sm,8px);
  padding:9px 12px;
  font-size:13px;
  color:#111b33;
  background:#fff;
  width:100%;
}
.ronin-page .playerpassport-integrity__panel form input.has-error{
  border-color:#c0392b;
  background:#fdeaea;
}
.ronin-page .playerpassport-integrity__submit{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:8px;
}
.ronin-page .playerpassport-integrity__submit svg{width:15px;height:15px;}
.ronin-page .playerpassport-integrity__error{
  margin:0 0 14px;
  font-size:11.5px;
  font-weight:600;
  color:#c0392b;
}

.ronin-page .playerpassport-integrity__subtitle{
  font-size:11px;
  font-weight:800;
  letter-spacing:.04em;
  color:#7c8aa3;
  text-transform:uppercase;
  margin:0 0 12px;
  border-top:1px solid #eef1f6;
  padding-top:18px;
}
.ronin-page .playerpassport-integrity__checks{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.ronin-page .playerpassport-integrity__check{
  border:1px solid #e3e9f2;
  border-radius:var(--radius-md,12px);
  padding:14px 12px;
  text-align:center;
}
.ronin-page .playerpassport-integrity__check-icon{
  display:block;
  width:16px;height:16px;
  margin:0 auto 8px;
  border-radius:50%;
  border:2px solid #c7d2e3;
}
.ronin-page .playerpassport-integrity__check strong{
  display:block;
  font-size:11px;
  font-weight:700;
  color:#324058;
  line-height:1.3;
  min-height:28px;
  margin-bottom:6px;
}
.ronin-page .playerpassport-integrity__check-status{
  font-size:10px;
  font-weight:700;
  color:#a3aec2;
}
.ronin-page .playerpassport-integrity__check[data-state="pass"] .playerpassport-integrity__check-icon{border-color:var(--green,#1f9d64);background:var(--green,#1f9d64);}
.ronin-page .playerpassport-integrity__check[data-state="pass"] .playerpassport-integrity__check-status{color:var(--green,#1f9d64);}
.ronin-page .playerpassport-integrity__check[data-state="fail"] .playerpassport-integrity__check-icon{border-color:#c0392b;background:#c0392b;}
.ronin-page .playerpassport-integrity__check[data-state="fail"] .playerpassport-integrity__check-status{color:#c0392b;}
.ronin-page .playerpassport-integrity__check[data-state="checking"] .playerpassport-integrity__check-icon{border-color:var(--blue,#3568c9);animation:playerpassport-integrity-pulse 1s ease-in-out infinite;}
.ronin-page .playerpassport-integrity__check[data-state="checking"] .playerpassport-integrity__check-status{color:var(--blue,#3568c9);}
@keyframes playerpassport-integrity-pulse{0%,100%{opacity:1;}50%{opacity:.35;}}

.ronin-page .playerpassport-integrity__benefits-row{
  display:grid;
  grid-template-columns:1fr 220px;
  gap:18px;
  align-items:stretch;
}
.ronin-page .playerpassport-integrity__benefits{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px;}
.ronin-page .playerpassport-integrity__benefits li{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.5;color:#57625c;}
.ronin-page .playerpassport-integrity__benefits li strong{color:#111b33;display:block;font-size:12.5px;}
.ronin-page .playerpassport-integrity__benefit-icon{
  flex:0 0 auto;
  width:26px;height:26px;
  border-radius:50%;
  background:var(--blue-tint,#eaf1fd);
  color:var(--blue,#3568c9);
  display:flex;
  align-items:center;
  justify-content:center;
}
.ronin-page .playerpassport-integrity__benefit-icon svg{width:14px;height:14px;}

.ronin-page .playerpassport-integrity__cta{
  background:var(--bg-tint,#f4f6fa);
  border:1px solid #e3e9f2;
  border-radius:var(--radius-md,12px);
  padding:16px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:14px;
}
.ronin-page .playerpassport-integrity__cta p{margin:0;font-size:11.5px;line-height:1.5;color:#57657c;}
.ronin-page .playerpassport-integrity__cta a{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;}

@media (max-width: 1024px){
  .ronin-page .playerpassport-integrity__layout{grid-template-columns:1fr;}
  .ronin-page .playerpassport-integrity__checks{grid-template-columns:repeat(2,minmax(0,1fr));}
  .ronin-page .playerpassport-integrity__benefits-row{grid-template-columns:1fr;}
}
@media (max-width: 640px){
  .ronin-page .playerpassport-integrity__grid2{grid-template-columns:1fr;}
}