.f1-role-badge{--role:#ffd779;--role-dark:#664515;display:inline-flex;align-items:center;justify-content:center;gap:6px;max-width:100%;width:max-content;min-height:23px;padding:3px 13px;color:var(--role);border:1px solid var(--role);border-radius:7px;background:linear-gradient(180deg,#ffffff29 0%,#ffffff08 22%,#05121ce8 48%,var(--role-dark) 100%);box-shadow:inset 0 1px 0 #ffffff80,inset 0 -1px 0 #000a,0 0 9px color-mix(in srgb,var(--role) 23%,transparent);font:850 11px/1.15 system-ui,sans-serif;letter-spacing:.09em;white-space:nowrap;vertical-align:middle;text-shadow:0 1px 2px #000;box-sizing:border-box}
.f1-role-badge svg{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 0 3px color-mix(in srgb,var(--role) 65%,transparent))}.f1-role-badge[data-display-role=owner] svg{fill:#f8cd55;stroke:#fff0b1}.f1-role-badge[data-display-role=founding_player]{--role:#e0b8ff;--role-dark:#50236c}.f1-role-badge[data-display-role=founding_player] svg{fill:#9564d7;stroke:#f0d9ff}.f1-role-badge[data-display-role=partner]{--role:#86efff;--role-dark:#0c5366}.f1-role-badge[data-display-role=vip]{--role:#f7dca3;--role-dark:#534127}
#profileOverviewRoleBadge{margin:5px 0 3px}html body.portfolio-redesign:not(.normal-ui) .stage #playerProfile:has(#profileRoleBadge) .profile-display-name{top:23%!important;height:29%!important}html body .stage #playerProfile #profileRoleBadge{position:absolute;left:39.5%;top:59%;width:47%;height:20%;min-height:0;padding:1px 5px;gap:4px;font-size:clamp(6px,3.1cqw,10px);letter-spacing:.035em;z-index:4;border-radius:4px}html body .stage #playerProfile #profileRoleBadge svg{height:85%;width:auto;max-width:16px}
html body.normal-ui #playerProfile #profileRoleBadge{position:static;width:max-content;height:auto;font-size:9px;min-height:20px}.board-username>.f1-role-badge{display:flex;margin-top:5px;font-size:9px;min-height:20px;padding:2px 8px;gap:4px}.board-username>.f1-role-badge svg{width:14px;height:14px}.marker-copy>.f1-role-badge{font-size:8px;min-height:18px;padding:2px 7px;gap:3px;margin:3px 0}.marker-copy>.f1-role-badge svg{width:12px;height:12px}.detail-controller .f1-role-badge{display:flex;margin:6px 0;width:max-content}#worldProfileRoleBadge{margin-left:8px;font-size:9px;min-height:22px;letter-spacing:.03em}
@layer battlePowerV2 {@media(max-width:1000px) and (min-height:601px),(max-width:540px){html body:not(.normal-ui) .stage #phoneGameHeader#phoneGameHeader{grid-template-columns:minmax(0,1fr) 176px 37px!important}html body:not(.normal-ui) .stage #phoneGameHeader#phoneGameHeader #playerProfile{width:176px!important}html body:not(.normal-ui) .stage #phoneGameHeader#phoneGameHeader #playerProfile:has(#profileRoleBadge) .profile-display-name{top:0!important;height:18px!important;width:130px!important}html body:not(.normal-ui) .stage #phoneGameHeader#phoneGameHeader #playerProfile #profileRoleBadge{left:78px!important;top:20px!important;width:96px!important;height:14px!important;font-size:7px!important;padding:1px 3px!important;gap:2px!important;border-radius:3px!important}html body:not(.normal-ui) .stage #phoneGameHeader#phoneGameHeader #profileLevelBadge{font-size:10px!important;top:21px!important}#worldProfileRoleBadge{display:flex;margin:4px 0 0 auto;font-size:8px}#account{max-width:190px}.board-username>.f1-role-badge{font-size:8px;letter-spacing:.025em;padding:2px 5px}}

}

/* Beveled metal title plate, matching the profile reference. */
.f1-role-badge{position:relative;isolation:isolate;border:0;border-radius:0;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,10px 100%,0 50%);background:linear-gradient(180deg,#fff2,var(--role) 14%,var(--role-dark) 48%,var(--role) 86%,#fff8);padding-left:15px;padding-right:15px;box-shadow:none;color:var(--role);font-weight:900;letter-spacing:.075em;text-shadow:0 1px 2px #000,0 0 6px color-mix(in srgb,var(--role) 35%,transparent)}
.f1-role-badge:before{content:'';position:absolute;z-index:-1;inset:2px;clip-path:inherit;background:linear-gradient(175deg,#ffffff38 0%,#07101cf5 36%,#030812 58%,var(--role-dark) 100%);pointer-events:none}
.f1-role-badge:after{content:'';position:absolute;inset:4px 11px;border-top:1px solid #ffffff65;border-bottom:1px solid #ffffff25;z-index:-1;pointer-events:none}
.f1-role-badge svg{filter:drop-shadow(0 1px 1px #000);stroke-width:1.4}
.f1-role-badge[data-display-role=vip] svg{fill:#b58b42;stroke:#fff1c8}
.profile-display-name{animation:none!important;transition:none!important}