.ph{background:radial-gradient(120% 140% at 0% 0%,#17223a,#0b1220 60%)}.ph-inner{max-width:1200px;margin:0 auto;padding:16px;box-sizing:border-box;display:grid;grid-template-columns:72px minmax(0,1fr);column-gap:14px;align-items:start}.ph-card{grid-column:1;grid-row:1;width:72px;border-radius:10px;overflow:hidden;background:#0f1829;border:1px solid rgba(255,255,255,.14);box-shadow:0 10px 24px #00000073}.ph-card-band{display:none;padding:6px;background:linear-gradient(135deg,#e11d2e,#9f1239);font-family:JetBrains Mono,monospace;font-size:6px;font-weight:700;letter-spacing:.12em;color:#fff;text-transform:uppercase}.ph-card-photo{position:relative;aspect-ratio:4 / 5;background:linear-gradient(#f1f4f8,#dce3ec);overflow:hidden;display:flex;align-items:center;justify-content:center}.ph-card-photo img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.ph-card-initials{font-family:Inter Tight,sans-serif;font-weight:800;font-size:1.4rem;color:#0f172a}.ph-body{grid-column:2;grid-row:1;display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;min-width:0}.ph-titlerow{display:contents}.ph-title{flex-basis:100%;order:1;margin:0;font-family:Inter Tight,sans-serif;font-weight:800;font-size:22px;line-height:1.15;color:#fff;overflow-wrap:anywhere}.ph-nickname{flex-basis:100%;order:2;margin:0;font-family:Inter Tight,sans-serif;font-weight:800;font-style:italic;font-size:15px;color:#f05252}.ph-country{order:3;margin:0;display:inline-flex;align-items:center;gap:6px;font-size:14px;color:#a9b4c6}.ph-country img{width:18px;height:12px;border-radius:2px;object-fit:cover}.ph-rank{order:4}.ph-facts{grid-column:1 / -1;grid-row:2;margin-top:14px;padding-top:12px;border-top:1px solid #253048}.ph-facts-list{margin:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);column-gap:12px}.ph-fact{display:flex;flex-direction:column;gap:4px;min-width:0;padding-left:12px;border-left:1px solid #253048}.ph-fact:first-child{padding-left:0;border-left:0}.ph-fact--extra{display:none}.ph-fact dt{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#a9b4c6;white-space:nowrap}.ph-fact dd{margin:0;font-family:Inter Tight,sans-serif;font-weight:700;font-size:17px;line-height:1.1;color:#fff;white-space:nowrap}.ph-l{display:none}.ph-sub,.ph-facts-note{display:block;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:400;color:#7c8aa3}.ph-sub{margin-top:2px}.ph-facts-note{margin:8px 0 0}.ph-form{display:inline-flex;gap:3px}.ph-form-chip{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 4px;border-radius:4px;font-family:JetBrains Mono,monospace;font-weight:700;font-size:10px}.ph-form-chip.is-win{background:#22c55e29;color:#22c55e}.ph-form-chip.is-loss{background:#ff4d5e29;color:#ff4d5e}@media(min-width:768px){.ph-inner{padding:24px 32px;grid-template-columns:120px minmax(0,1fr);grid-template-rows:1fr auto auto auto 1fr;column-gap:24px;align-items:center}.ph-card{grid-row:1 / -1;width:120px}.ph-card-band{display:block;padding:6px 8px;font-size:8px}.ph-card-photo{aspect-ratio:3 / 4;background:#fff}.ph-card-photo:after{content:"";position:absolute;left:0;right:0;bottom:0;height:35%;background:linear-gradient(to top,rgba(15,24,41,.85),transparent)}.ph-body{grid-row:2;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:8px}.ph-titlerow{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}.ph-title{flex-basis:auto;font-size:36px;line-height:1.1}.ph-nickname{font-size:20px}.ph-country{align-self:flex-start}.ph-facts{grid-column:2;grid-row:3;margin-top:8px;padding-top:0;border-top:0}.ph-facts-list{margin-top:6px;display:flex;flex-wrap:wrap;align-items:flex-end;row-gap:12px}.ph-fact{padding:0 24px}.ph-fact--extra{display:flex}.ph-fact:first-child{padding-left:0}.ph-l{display:inline}.ph-s,.ph-sub,.ph-facts-note{display:none}.ph-form{gap:4px}.ph-form-chip{min-width:22px;height:22px;padding:0 5px;border-radius:5px;font-size:11px}}.ph-card-photo--logo{background:#fff;aspect-ratio:1 / 1}.ph-card-photo--logo img{object-fit:contain;object-position:center}@media(min-width:768px){.ph-card-photo--logo{aspect-ratio:1 / 1}.ph-card-photo--logo:after{content:none}}