.player-name{display:inline-flex;align-items:center;max-width:100%;color:var(--player-name-color,currentColor);font-weight:800;line-height:1.2;overflow-wrap:anywhere}
.player-name-framed{padding:.27em .65em;border:2px solid transparent;border-radius:.7em;background:linear-gradient(#111827,#111827) padding-box,linear-gradient(120deg,var(--player-frame-accent),var(--player-frame-accent-2),var(--player-frame-accent)) border-box;box-shadow:0 0 12px color-mix(in srgb,var(--player-frame-accent),transparent 55%)}
.player-name-pulse{animation:player-frame-pulse 1.8s ease-in-out infinite}.player-name-flow{background-size:100% 100%,300% 100%;animation:player-frame-flow 3s linear infinite}
@keyframes player-frame-pulse{50%{box-shadow:0 0 22px var(--player-frame-accent);transform:translateY(-1px)}}@keyframes player-frame-flow{to{background-position:0 0,300% 0}}
@media(max-width:640px){.player-name-framed{padding:.2em .48em;border-radius:.58em}.ranking-podium .player-name{font-size:.9em}}
.frame-showcase{min-height:96px;display:grid;place-items:center;border-radius:18px;background:radial-gradient(circle,#ffffff0c,transparent 68%);font-size:1.2rem}.frame-card-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}.frame-card-title h2{margin:0}.frame-source{padding:10px 12px;border:1px solid #ffffff18;border-radius:12px;background:#ffffff08;color:#d8c9ff}.frame-bonus-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}.frame-bonus-columns small{padding:11px;border-radius:12px;background:#080c15;color:#b9c4da}@media(max-width:520px){.frame-bonus-columns{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.player-name-pulse,.player-name-flow{animation:none!important}}