/* Growth pages — Gazette palette extensions */
.player-hero{display:grid;grid-template-columns:1.4fr auto;gap:24px;align-items:center}
.rating-badge{width:110px;height:110px;border:3px double var(--line2);background:var(--panel);display:grid;place-items:center;border-radius:3px;text-align:center}
.rating-badge span{font:900 2.4rem var(--serif);color:var(--red);line-height:1}
.rating-badge small{font:700 .7rem var(--mono);letter-spacing:.12em;color:var(--muted)}
.attrs-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:12px 0 22px}
.attr{border:1px solid var(--line2);background:var(--panel);padding:12px;text-align:center;border-radius:2px}
.attr span{display:block;font:700 .68rem var(--mono);color:var(--muted);letter-spacing:.08em}
.attr strong{font:900 1.35rem var(--serif)}
.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.kv{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.kv li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px dashed var(--line);padding-bottom:6px}
.kv span{color:var(--muted)}
.breadcrumbs{padding:14px 0 0;font:600 .8rem var(--mono);color:var(--muted)}
.breadcrumbs a{color:var(--red);text-decoration:none}
.table-wrap{overflow:auto;border:1px solid var(--line2);background:var(--panel);border-radius:2px}
.table-wrap table{width:100%;border-collapse:collapse;min-width:640px;font-size:.92rem}
.table-wrap th,.table-wrap td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left}
.table-wrap th{font:700 .68rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:var(--panel2)}
.ovr{font-weight:900}
.ovr-tag{border-color:var(--red)!important}
.challenge-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.challenge-card .cta{margin-top:14px;display:inline-block}
.shortlist-tray{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.shortlist-tray button,.compare-btn{font:700 .72rem var(--mono);padding:5px 9px;border:1px solid var(--line2);background:#fff;border-radius:2px;cursor:pointer}
.shortlist-tray button:hover,.compare-btn:hover{border-color:var(--red);color:var(--red)}
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px;font:600 .8rem var(--mono);color:var(--muted)}
.muted{color:var(--muted)}
.guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.guide{display:block;border:1px solid var(--line2);border-top:4px solid var(--red);background:var(--panel);padding:16px;text-decoration:none;border-radius:3px}
.guide small{display:block;font:700 .68rem var(--mono);color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px}
.guide strong{display:block;font-family:var(--serif);font-size:1.15rem;margin-bottom:6px}
.guide span{color:var(--muted);font-size:.9rem}
.callout{margin:14px 0;padding:12px 14px;background:var(--panel);border-left:4px solid var(--gold);font-size:.92rem}
.callout a{color:var(--red);font-weight:700}
.tips{padding-left:1.1rem}.tips li{margin-bottom:1rem}
@media(max-width:720px){
  .player-hero,.detail-grid{grid-template-columns:1fr}
  .attrs-grid{grid-template-columns:repeat(3,1fr)}
  .rating-badge{width:88px;height:88px}
}
/* share card canvas overlay */
.share-card-modal{position:fixed;inset:0;background:rgba(25,21,9,.55);z-index:80;display:grid;place-items:center;padding:16px}
.share-card-modal.hidden{display:none}
.share-card-box{background:var(--panel);border:1px solid var(--line2);padding:16px;max-width:min(960px,100%);border-radius:3px;box-shadow:6px 6px 0 rgba(25,21,9,.2)}
.share-card-box canvas{max-width:100%;height:auto;display:block;border:1px solid var(--line)}
.share-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.share-card-actions a,.share-card-actions button{font:700 .8rem var(--mono);padding:8px 12px;border:1px solid var(--line2);background:#fff;border-radius:2px;cursor:pointer;text-decoration:none;color:inherit}