/* ==========================================================================
   WBF – Player page aligned with soft landing (430px)
   ========================================================================== */
:root{
  --wbf-ink:#222;
  --wbf-muted:#5a6b66;
  --wbf-bg:#f6f7f8;
  --wbf-surface:#ffffff;
  --wbf-border:rgba(0,0,0,.12);
  --wbf-ring:rgba(20,111,132,.35);
  --wbf-teal1:#0c5241;
  --wbf-teal2:#146f84;
  --wbf-teal3:#2a88a6;
  --wbf-shadow:0 12px 32px rgba(0,0,0,.12);
}

.wbf-pf, .wbf-pf *{ box-sizing:border-box }

.wbf-pf.wbf-pf--430{
  width:430px; max-width:100%;
  background:var(--wbf-surface);
  border:1px solid rgba(0,0,0,.08);
  border-radius:14px;
  box-shadow:var(--wbf-shadow);
  color:var(--wbf-ink);
  font:400 14px/1.5 system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial,sans-serif;
  overflow:hidden;
}

/* Header - VERDE SCURO (non più gradiente colorato) */
.wbf-pf__head{
  padding:14px 16px;
  background: linear-gradient(135deg, #0a1612 0%, #0d1f1a 50%, #0f2318 100%);
  color:#fff;
}
.wbf-pf__title{
  margin:0 0 2px; font-weight:800; font-size:15px; letter-spacing:.3px; text-transform:uppercase
}
.wbf-pf__note{ margin:0; font-size:12px; opacity:.85 }

.wbf-pf__body{ background:#fff }
.wbf-pf__body--scroller{ max-height:none; overflow:visible }

.wbf-pf__foot{ text-align:center; padding:10px 14px; border-top:1px solid rgba(0,0,0,.06); background:#fff }
.wbf-pf__small{ font-size:11px; color:var(--wbf-muted) }

/* Summary card */
.pf-summary{ display:flex; gap:12px; padding:14px 16px }

/* FOTO - 96x130px */
.pf-photo{ 
  width:96px; 
  height:130px; 
  object-fit:cover; 
  border-radius:10px; 
  border:1px solid rgba(0,0,0,.08) 
}

.pf-meta{ flex:1; min-width:0 }
.pf-name{ margin:0 0 6px; font-size:18px; font-weight:800; letter-spacing:.2px }
.pf-rows div{ display:flex; gap:6px; font-size:13px; color:var(--wbf-ink); line-height:1.35 }
.pf-rows span{ color:var(--wbf-muted); min-width:92px }

/* Stats grid softened */
.pf-stats{ margin:0 16px 10px; border:1px solid rgba(0,0,0,.08); border-radius:12px; overflow:hidden; background:#fff }
.pf-stats__head, .pf-stats__row{ display:grid; grid-template-columns: 92px 1fr 1fr 1fr 1fr }
.pf-stats__head{ background:linear-gradient(90deg, color-mix(in srgb,#fff 90%, var(--wbf-teal2) 10%), #fff) }
.pf-stats__cell{ padding:6px 10px; border-bottom:1px solid rgba(0,0,0,.06); font-size:13px; line-height:1.25 }
.pf-stats__cell--col{  font-weight:700 }
.pf-stats__cell--row{ font-weight:700; color:var(--wbf-muted) }
.pf-stats__row:last-child .pf-stats__cell{ border-bottom:0 }

/* Accordions – full row click, pill tag, soft hover */
.wbf-acc{ border-top:1px solid rgba(0,0,0,.06) }
.wbf-acc:last-of-type{ border-bottom:1px solid rgba(0,0,0,.06) }
.wbf-acc > summary{
  list-style:none; cursor:pointer; position:relative; padding:14px 16px;
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  font-weight:700; user-select:none; background:#fff;
}
.wbf-acc > summary::before{ content:""; position:absolute; inset:0 }
.wbf-acc > summary::-webkit-details-marker{ display:none }
.wbf-acc > summary:focus{ outline:2px solid var(--wbf-ring); outline-offset:2px }
.wbf-acc > summary:hover{ background:color-mix(in srgb, #fff 88%, var(--wbf-teal2) 12%) }
.wbf-acc > summary::after{ content:"▾"; font-size:12px; transform:rotate(0deg); transition:transform .2s ease }
.wbf-acc[open] > summary::after{ transform:rotate(180deg) }

.wbf-acc > summary .lbl{ opacity:.95; position:relative; z-index:1 }
.wbf-acc > summary .tag{
  position:relative; z-index:1;
  font-weight:700; font-size:12px; color:var(--wbf-teal2);
  padding:4px 10px; border:1px solid color-mix(in srgb, var(--wbf-teal2) 40%, #000 0%);
  border-radius:999px; background:#f5f8f9;
}

.wbf-acc__panel{ padding:0 16px 12px 16px }
.wbf-acc__panel table{ width:100%; border-collapse:collapse; font-size:12.5px }
.wbf-acc__panel table td, .wbf-acc__panel table th{
  border-bottom:1px solid rgba(0,0,0,.06); padding:5px 8px; vertical-align:top; line-height:1.25
}
.wbf-acc__panel table th{ text-align:left; font-weight:700 }
.wbf-acc__panel a{ color:var(--wbf-teal2); text-decoration:none; font-weight:600 }
.wbf-acc__panel a:hover{ text-decoration:underline }

.wbf-acc__loading{ padding:10px 0; font-size:12px; color:var(--wbf-muted) }
.wbf-acc__error{ padding:10px 0; font-size:12px; color:#a04040 }

@media (max-width:480px){
  .wbf-pf.wbf-pf--430{ width:100% }
  .wbf-pf__body--scroller{ max-height:70vh }
}

/* Header bar with action */
.wbf-pf__bar{ display:flex; align-items:center; justify-content:space-between; gap:12px }

/* Soft ghost button aligned with landing style */
.btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px;
      font-weight:800; font-size:12px; letter-spacing:.2px;
      padding:8px 12px; border-radius:999px; text-decoration:none; cursor:pointer; }
.btn--ghost{ color:#fff; background:transparent; border:1px solid rgba(255,255,255,.8) }
.btn--ghost:hover{ background:rgba(255,255,255,.12) }

.pf-note{ text-align:center; }

.pf-stats__cell .cat-ico{ margin-right:6px }

/* Colored medal icon */
.medal{
  display:inline-block;
  width:14px; height:14px;
  position:relative;
  vertical-align:-2px;
  border-radius:50%;
  margin-right:6px;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.15);
}
.medal--gold{
  background: conic-gradient(from 200deg, #d4af37, #ffd56b, #caa531, #f7e08a, #d4af37);
}
.medal--gold::before,
.medal--gold::after{
  content:"";
  position:absolute;
  top:10px; width:5px; height:7px;
  background: linear-gradient(#c62828, #e53935);
  clip-path: polygon(0 0,100% 0,100% 75%,50% 100%,0 75%);
  border-radius:1px;
}
.medal--gold::before{ left:-1px }
.medal--gold::after{ right:-1px }

/* emoji rendering */
.pf-rows { font-variant-emoji: emoji; }

/* Reset styling for WBF Code digits (avoid boxed/emoji styles) */
.wbf-code{ background:none !important; box-shadow:none !important; padding:0 !important; border:0 !important; letter-spacing:normal }
.wbf-code span, .wbf-code i, .wbf-code em{ all:unset }

.flag{ width:18px; height:12px; object-fit:cover; vertical-align:-1px; margin-right:6px; border:1px solid rgba(0,0,0,.1) }

/* Ultra-defensive plain number rendering */
.plain-num{
  all: revert;
  font: 700 14px/1.35 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif !important;
  color: inherit !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  letter-spacing: normal !important;
  text-decoration: none !important;
  -webkit-text-stroke: 0 !important;
  font-variant: normal !important;
  font-variant-numeric: normal !important;
  font-feature-settings: "liga" 0, "dlig" 0, "tnum" 0, "onum" 0 !important;
  unicode-bidi: plaintext !important;
}
.plain-num::before,
.plain-num::after{ content:none !important; display:none !important; }
.plain-num *{ all: unset !important; }