.pp{flex-direction:column;gap:56px;display:flex}.pp>section{flex-direction:column;gap:24px;display:flex}.pp-head{flex-direction:column;align-items:flex-start;gap:18px;display:flex}.pp-head-row{align-items:center;gap:20px;display:flex}.pp-head-text{flex-direction:column;gap:8px;min-width:0;display:flex}.pp-name{overflow-wrap:anywhere;font-size:clamp(36px,5vw,64px)}.self-note{background:#1d4ed833;border:1px solid #1d4ed877;border-radius:10px;padding:12px 16px;font-size:15px}.self-note a{text-underline-offset:4px;text-decoration:underline}.pp-tiles{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:12px;display:grid}.pp-tile{flex-direction:column;padding:22px;display:flex}.pp-tile dt{color:var(--muted);order:2;margin-top:auto;padding-top:10px;font-size:14px}.pp-tile dd{letter-spacing:-.04em;font-variant-numeric:tabular-nums;order:1;margin:0;font-size:36px;font-weight:500;line-height:1}.pp-games{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:16px;display:grid}.pp-game{flex-direction:column;gap:16px;padding:24px;display:flex}.pp-game-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.pp-game-title{font-size:22px;font-weight:500}.pp-game-title:hover{text-underline-offset:5px;text-decoration:underline}.rank-badge{white-space:nowrap;background:#ffffff26;border-radius:6px;padding:5px 10px;font-size:13px;font-weight:500}.rank-badge i{color:var(--muted);font-style:normal;font-weight:300}.rank-badge.top-1{background:#1d4ed8}.rank-badge.top-2,.rank-badge.top-3{background:#1d4ed855}.pp-best{letter-spacing:-.04em;font-variant-numeric:tabular-nums;align-items:baseline;gap:8px;font-size:44px;font-weight:500;line-height:1;display:flex}.pp-best span{letter-spacing:0;color:var(--dim);font-size:15px;font-weight:300}.pp-facts{justify-content:space-between;gap:12px;display:flex}.pp-facts div{flex-direction:column;gap:6px;display:flex}.pp-facts dt{color:var(--dim);font-size:12px}.pp-facts dd{margin:0;font-size:15px;font-weight:500}.pp-ach{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:12px;display:grid}.pp-ach-item{opacity:.55;flex-direction:column;align-items:flex-start;gap:12px;padding:22px;display:flex}.pp-ach-item .t-h3{font-size:20px}.pp-ach-item p{color:var(--muted);font-size:15px;line-height:1.3}.pp-ach-state{letter-spacing:.02em;background:#ffffff26;border-radius:6px;padding:5px 9px;font-size:11px;font-weight:500}.pp-ach-item.is-earned{opacity:1;background:radial-gradient(360px 180px at 100% 0%, #1d4ed855, transparent 70%), var(--glass);border-color:#1d4ed8aa}.pp-ach-item.is-earned .pp-ach-state{background:#1d4ed8}@media (max-width:640px){.pp{gap:44px}.pp-tile,.pp-game{padding:20px}}.pp-time{font-size:30px}.pp-cat{color:var(--dim);font-size:14px}.pp-none{color:var(--muted);padding:24px;font-size:15px}
