/* Area Giocatrici: layout telefono, pulsanti grandi, niente tabelle. */
html[data-mode="players"] body.pp-mode #app,
html[data-mode="players"] body.pp-mode .bottom-nav,
html[data-mode="players"] body.pp-mode .nav-backdrop { display:none !important; }
html[data-mode="players"] #player-app { display:block; min-height:100dvh; }

#player-app { display:none; }
#player-app{
  padding:18px 16px calc(28px + env(safe-area-inset-bottom));
  max-width:520px; margin:0 auto;
}
.pp-club-logo{ width:64px; height:64px; border-radius:16px; object-fit:cover; display:block; margin:0 0 12px; background:var(--surface); }
.pp-kicker{ font-size:11px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--accent); margin:0 0 6px; }
#player-app h1{ font-size:clamp(26px,7vw,34px); margin:0 0 14px; }
#player-app h2{ font-size:20px; margin:0 0 8px; }
.pp-card{
  background:var(--surface); border:1px solid var(--border); border-radius:16px;
  padding:14px 16px; margin:0 0 12px;
}
.pp-label{ font-size:11px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-muted); margin:0 0 4px; }
.pp-big{ font-size:18px; font-weight:700; margin:0; }
.pp-grid{ display:grid; gap:10px; margin-top:8px; }
.pp-navcard, .pp-cta, .pp-sitcard, .pp-ctrl, .pp-rolechip, .pp-opt, .pp-back{
  appearance:none; border:1px solid var(--border); background:var(--surface-alt); color:var(--ink);
  border-radius:14px; font-family:inherit; cursor:pointer;
}
.pp-navcard, .pp-cta{
  width:100%; min-height:52px; font-size:16px; font-weight:700; padding:14px 16px; text-align:left;
}
.pp-cta{ background:var(--accent); color:#06210f; border:none; margin:10px 0 14px; text-align:center; }
.pp-back{ display:inline-flex; min-height:40px; padding:8px 12px; margin-bottom:10px; font-weight:700; }
.pp-sitcard{
  display:flex; flex-direction:column; gap:4px; width:100%; text-align:left;
  padding:14px; margin:0 0 10px; min-height:72px;
}
.pp-sitcard span, .pp-sitcard em{ font-size:13px; color:var(--ink-secondary); font-style:normal; }
.pp-empty{ color:var(--ink-muted); }
.pp-filters{ display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:0 0 14px; }
.pp-filters label{ font-size:11px; font-weight:700; text-transform:uppercase; color:var(--ink-muted); display:flex; flex-direction:column; gap:4px; }
.pp-filters select{ min-height:42px; }
.pp-pitch .mv-pitch{ width:100%; max-width:none; height:min(62vh, 520px); }
.pp-anim{ display:flex; gap:8px; margin:10px 0 6px; }
.pp-ctrl{ flex:1; min-height:48px; font-weight:800; }
.pp-legend{ font-size:12px; color:var(--ink-secondary); margin:0 0 12px; }
.pp-roles{ display:flex; flex-wrap:wrap; gap:6px; margin:0 0 12px; }
.pp-rolechip{ padding:10px 12px; min-height:44px; font-weight:800; }
.pp-rolechip.active{ background:var(--accent); color:#06210f; border-color:transparent; }
.pp-rolebox{ background:var(--surface); border:1px solid var(--accent); border-radius:16px; padding:14px 16px; margin:0 0 14px; }
.pp-rolebox ul{ margin:6px 0 10px; padding-left:18px; }
.pp-tag{ display:inline-block; font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--accent); margin-right:6px; }
.pp-dot-focus{ outline:3px solid var(--highlight); z-index:5; transform:scale(1.15); }
.pp-dot-dim{ opacity:.35; }
.pp-opt{ display:block; width:100%; text-align:left; padding:14px; margin:0 0 8px; min-height:52px; font-weight:600; }
.pp-opt.ok{ border-color:var(--accent); background:var(--accent-soft); }
.pp-opt.ko{ border-color:var(--status-critical); background:var(--status-critical-soft); }
.pp-staff{ margin-left:auto; }
.pp-staff-link{ margin:0 0 12px; }
.pp-staff-link a{ color:var(--ink-muted); font-size:13px; font-weight:600; }
.pp-piano-row{ display:flex; align-items:center; gap:8px; margin:6px 0; font-size:14px; }
.pp-points{ margin:8px 0 0; padding-left:18px; }
.pp-points li{ margin:4px 0; }