.rank-identity { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 10px; min-width: 0; }
.rank-player-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.player-rank-icon { width: auto; height: .7em; flex: 0 0 auto; object-fit: contain; }
[data-rank="team"] .rank-player-name { color: #ff5555; text-shadow: 1px 0 currentColor; }
[data-rank="donator"] .rank-player-name { color: #ffaa00; }
[data-rank="donator"] .name-letter { display: inline-block; animation: donator-letter 4.5s ease-in-out infinite; animation-delay: calc(var(--letter-index) * 95ms); text-shadow: 0 0 6px #ffaa0080; }
@keyframes donator-letter { 0%, 12%, 38%, 100% { translate: 0 0; color: #ffaa00; } 23% { translate: 0 -3px; color: #ffe6a0; } }
[data-rank="youtube"] .rank-player-name, [data-rank="twitch"] .rank-player-name { color: #fff; }
.site-header nav .account-link { width: fit-content; flex-basis: auto; }
.account-name.rank-identity { flex-wrap: nowrap; gap: 6px; }
.description-layout { display: grid; grid-template-columns: minmax(0, 1fr) 220px; gap: 24px; }
.profile-editor .stack-form { max-width: none; }
.color-code-help { padding: 14px; background: #1a1a1e; border: 4px solid #000; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px; font-size: .75rem; }
.color-code-help h3, .color-code-help p { grid-column: 1 / -1; }
.color-code-help h3 { font-size: 1rem; }
.color-code { background: #555; padding: 2px; text-shadow: 1px 1px #222; }
.color-preview { min-height: 60px; padding: 12px; border: 4px solid #000; }
.mc-bold { text-shadow: 1px 0 currentColor; }
.mc-italic { font-style: italic; font-synthesis: style; }
.mc-strike { text-decoration: line-through; }
.mc-underline { text-decoration: underline; }
.mc-strike.mc-underline { text-decoration: underline line-through; }
.mc-obfuscated { filter: blur(.7px); animation: magic-text .8s steps(2,end) infinite; }
@keyframes magic-text { 50% { opacity: .4; } }
.avatar-frame { --frame-light: transparent; --frame-dark: transparent; --frame-core: transparent; position: relative; display: inline-flex; padding: 8px; flex: 0 0 auto; image-rendering: pixelated; background: var(--frame-core); border: 4px solid var(--frame-dark); box-shadow: inset 0 4px var(--frame-light), inset 4px 0 var(--frame-light), inset 0 -4px var(--frame-dark); clip-path: var(--pixel-shape); }
.avatar-frame::after { content: ''; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(90deg,var(--frame-light) 8px,transparent 8px) top left / 12px 8px no-repeat, linear-gradient(var(--frame-light),var(--frame-light)) bottom right / 8px 8px no-repeat; }
.avatar-frame[data-frame="none"] { padding: 0; border: 0; box-shadow: none; }
.avatar-frame[data-frame="stone"] { --frame-light: #aaa; --frame-dark: #333; --frame-core: #777; background-image: repeating-linear-gradient(0deg, transparent 0 12px, #444 12px 16px); }
.avatar-frame[data-frame="oak"] { --frame-light: #d2aa68; --frame-dark: #4d321b; --frame-core: #99703c; background-image: repeating-linear-gradient(90deg, transparent 0 12px, #6b4929 12px 16px); }
.avatar-frame[data-frame="diamond"] { --frame-light: #e0fcff; --frame-dark: #176a8a; --frame-core: #60dfed; }
.avatar-frame[data-frame="emerald"] { --frame-light: #beffba; --frame-dark: #155432; --frame-core: #30c76b; }
.avatar-frame[data-frame="nether"] { --frame-light: #a84f56; --frame-dark: #261425; --frame-core: #632e40; background-image: repeating-linear-gradient(0deg, transparent 0 12px, #301526 12px 16px); }
.avatar-frame[data-frame="portal"] { --frame-light: #dda8ff; --frame-dark: #30103e; --frame-core: #8234bb; animation: portal-frame 3s steps(6,end) infinite; }
.avatar-frame[data-frame="redstone"] { --frame-light: #ffb6aa; --frame-dark: #430b0e; --frame-core: #a01821; animation: redstone-frame 2s steps(4,end) infinite; }
.avatar-frame[data-frame="enchanted"] { --frame-light: #f8eeff; --frame-dark: #313f72; --frame-core: #9b82ed; background-image: linear-gradient(135deg,transparent 20%,#efd5ff 30%,transparent 45%); background-size: 300% 300%; animation: enchant-frame 4s linear infinite; }
.avatar-frame[data-frame="soul"] { --frame-light: #d2ffff; --frame-dark: #124751; --frame-core: #31a8c8; animation: soul-frame 2.4s steps(5,end) infinite; }
.avatar-particle-shell { position: relative; display: inline-flex; flex: 0 0 auto; isolation: isolate; overflow: visible; }
.frame-particle-layer { position: absolute; inset: 0; z-index: 2; pointer-events: none; overflow: visible; }
.frame-spark { position: absolute; display: block; width: var(--spark-size); height: var(--spark-size); background: var(--spark-color); box-shadow: 0 0 5px var(--spark-color); opacity: 0; animation: frame-spark var(--spark-duration) ease-in-out forwards; }
[data-effect="portal"] .frame-spark { box-shadow: 0 -2px #ca80e550, 2px 0 #ca80e550, 0 2px #ca80e550, -2px 0 #ca80e550; }
@keyframes frame-spark { 0% { opacity: 0; transform: translate(0, 0) scale(.5); } 25% { opacity: .8; } 65% { opacity: .6; } 100% { opacity: 0; transform: translate(var(--spark-x), var(--spark-y)) scale(.2); } }
@keyframes portal-frame { 50% { --frame-core: #b349e2; --frame-light: #f2c9ff; } }
@keyframes redstone-frame { 50% { --frame-core: #ff3030; --frame-light: #ffe3b5; } }
@keyframes enchant-frame { to { background-position: 300% 300%; } }
@keyframes soul-frame { 50% { --frame-core: #7be9e7; --frame-light: #fff; } }
.profile-identity { align-items: center; }
.frame-picker { margin: 12px 0; padding: 16px; border: 4px solid #000; }
.frame-options { display: grid; grid-template-columns: repeat(auto-fit,minmax(110px,1fr)); gap: 14px; }
.frame-option { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 10px; cursor: pointer; background: #303034; text-align: center; font-size: .8rem; border: 4px solid #000; }
.frame-option:has(input:checked) { border-color: #84f378; }
.frame-option input { width: 18px; height: 18px; accent-color: #84f378; clip-path: none; }
.frame-sample img { width: 40px; height: 40px; }
.managed-players { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,340px),1fr)); gap: 20px; margin-block: 24px; }
.managed-player { display: grid; gap: 12px; padding: 20px; background: #303034; border: 4px solid #000; clip-path: var(--pixel-shape); box-shadow: var(--minecraft-bevel); }
.managed-player select { padding: 12px; font: inherit; color: #fff; background: #1a1a1e; border: 4px solid #000; width: 100%; }
.managed-player-identity { display: flex; align-items: center; gap: 16px; }
.managed-player .profile-badges .button { padding: 4px; }
.mini-profile { position: fixed; z-index: 100; background: #26262c; color: white; max-height: min(520px,calc(100vh - 24px)); overflow-y: auto; box-shadow: 0 8px 0 #0008,var(--minecraft-bevel); }
.mini-profile-banner { width: 100%; height: 78px; object-fit: cover; }
.mini-profile-body { padding: 14px; }
.mini-profile-identity { display: flex; gap: 14px; align-items: center; }
.mini-profile-description { margin-top: 12px; font-size: .8rem; white-space: pre-wrap; }
.mini-profile-status { margin-top: 12px; font-size: .8rem; }
.profile-status { margin-top: 4px; font-size: .9rem; overflow-wrap: anywhere; }
.mini-profile .profile-badges { margin-top: 12px; gap: 5px; }
.mini-profile .profile-badge { font-size: .7rem; padding: 3px 5px; }
.leaderboard-row .player-head[role="link"] { cursor: pointer; }
@media (max-width: 760px) { .description-layout { grid-template-columns: minmax(0,1fr); } }
@media (prefers-reduced-motion: reduce) { [data-rank="donator"] .name-letter, .avatar-frame, .mc-obfuscated { animation: none; } }
.page-hidden .avatar-frame, .page-hidden [data-rank="donator"] .name-letter { animation-play-state: paused; }