.pro-page{max-width:76rem;margin-inline:auto}
.pro-hero{background:linear-gradient(100deg,var(--panel) 28%,transparent 170%),center right/cover url("./assets/special-themes/celestial.svg")}
.pro-badge{display:inline-block;padding:.22rem .55rem;border:1px solid #efc9827a;border-radius:.45rem;color:#ffdc9e;background:#231b2e;font-size:.65rem;font-weight:800;letter-spacing:.09em;white-space:nowrap}
.player-card.pro-shimmer-soft,.player-card.pro-shimmer-radiant{position:relative;border-color:#d8ab6977;box-shadow:0 0 14px #e8ba6a20}
.player-card.pro-shimmer-radiant{border-color:#e3c48fa0;box-shadow:0 0 26px #f4bd7436}
.player-card.pro-shimmer-radiant::after{content:"";position:absolute;inset:0 0 auto;height:2px;pointer-events:none;background:linear-gradient(90deg,transparent,#ffe1aa,transparent);background-size:180% 100%;animation:pro-glint 5s ease-in-out infinite alternate}
@keyframes pro-glint{from{background-position:100% 0}to{background-position:0 0}}
@media(prefers-reduced-motion:reduce){.player-card.pro-shimmer-radiant::after{animation:none}}
.pro-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));gap:.7rem}
.pro-metrics strong,.pro-metrics span{display:block}
.pro-metrics strong{color:var(--accent);font-size:1.55rem}
.pro-metrics span{color:var(--muted);font-size:.82rem}
.pro-analysis-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:1rem}
.pro-plot svg{display:block;width:100%;margin-top:.75rem;overflow:visible}
.pro-plot svg text{fill:var(--muted);font:11px system-ui,sans-serif}
.pro-chart-grid{stroke:var(--line)}
.pro-kills{fill:var(--accent)}
.pro-deaths{fill:#e09b76}
.pro-plot-legend{display:flex;gap:1rem;font-size:.82rem}
.pro-plot-legend span::before{display:inline-block;content:"";width:.7rem;height:.7rem;margin-inline-end:.35rem;border-radius:.2rem;background:var(--accent)}
.pro-plot-legend span+span::before{background:#e09b76}
.pro-table{overflow-x:auto;max-width:100%}
.pro-table table{width:100%;border-collapse:collapse;font-size:.86rem}
.pro-table th,.pro-table td{padding:.65rem;text-align:start;border-bottom:1px solid var(--line);white-space:nowrap}
.pro-page nav [aria-current=page]{border-color:var(--accent)}
.pro-settings .check{display:flex;margin-block:.8rem}
.pro-advice{padding-inline-start:1.2rem}
.pro-advice li+li{margin-top:.6rem}
.pro-intro{margin-top:.5rem}
.pro-intro textarea{width:100%;margin-top:.4rem}
@media(max-width:720px){.pro-analysis-grid{grid-template-columns:minmax(0,1fr)}}