.shared-profile-badges{order:100;grid-column:1/-1;width:100%;margin:28px 0 0;padding:24px 0 max(24px,env(safe-area-inset-bottom));border-top:1px solid #ffffff40;color:#fff;text-align:left}.shared-profile-badges h2{margin:0 0 16px;font-size:24px;font-weight:800}.shared-badge-games{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 12px;scrollbar-width:thin;touch-action:pan-x}.shared-badge-games button{flex:0 0 auto;min-height:44px;padding:10px 18px;border:1px solid #ffffff66;border-radius:999px;background:transparent;color:white;font:inherit;font-weight:800;white-space:nowrap}.shared-badge-games button[aria-pressed=true]{background:#fff164;border-color:#fff164;color:#16315d}.shared-badge-panel{padding-top:10px;min-height:160px}.shared-badge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.shared-badge-grid button{min-width:0;padding:16px 6px;display:flex;align-items:center;flex-direction:column;gap:8px;border:1px solid #ffffff40;border-radius:18px;background:#ffffff0d;color:inherit;font:inherit}.shared-badge-grid button.earned{border-color:#fff164}.shared-badge-grid img,.shared-badge-medal{width:72px;height:72px;object-fit:contain}.shared-badge-medal{display:grid;place-items:center;border-radius:50%;background:#fff164;color:#16315d;font-size:36px}.shared-badge-grid .locked img,.shared-badge-grid .locked .shared-badge-medal{filter:grayscale(1);opacity:.55}.shared-badge-grid strong{font-size:14px;line-height:1.3}.shared-badge-grid small{font-size:12px}.shared-profile-badges button:focus-visible{outline:3px solid #fff164;outline-offset:3px}.shared-badge-panel>p{font-size:14px;line-height:1.5}.shared-badge-panel .hp-pong-badges,.shared-badge-panel .profile-badges{border:0;margin:0;padding:0}@media(max-width:480px){.shared-badge-games{margin-right:-8px}.shared-badge-grid img,.shared-badge-medal{width:60px;height:60px}.shared-badge-grid{gap:8px}}

.shared-profile-badges .hp-pong-badges-heading h2,.shared-profile-badges .hp-hoops-badges-heading h2,.shared-profile-badges .profile-badges-heading h2,.shared-profile-badges .profile-badges-heading p{display:none}.shared-profile-badges .hp-hoops-badges{margin:0;padding:0;border:0}.shared-profile-badges .profile-badges{order:initial}.shared-profile-badges .profile-badges-heading{justify-content:flex-end}.shared-profile-badges .hp-pong-badges-heading,.shared-profile-badges .hp-hoops-badges-heading{justify-content:flex-end}

@media(max-width:899px){#player-closet.profile-flat{grid-template-areas:"identity" "stats" "notice" "avatar" "account" "customize" "badges" "footer"!important}#player-closet.profile-flat>.shared-profile-badges{grid-area:badges;order:initial;min-width:0;margin-top:24px}#player-closet.profile-flat>.profile-account-footer{grid-area:footer}}

.shared-profile-badges .profile-badges-heading>span{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;color:#fff;font-size:16px;font-weight:400;line-height:1.5}

.shared-profile-badges .hp-pong-badges-heading,.shared-profile-badges .hp-hoops-badges-heading,.shared-profile-badges .profile-badges-heading{display:none!important}

/* Selecting a badge previews its artwork; earned status remains game-controlled. */
.shared-profile-badges :is(.hp-pong-badges-grid,.hp-hoops-badges-grid,.shared-badge-grid) button[aria-expanded=true] :is(img,.shared-badge-medal){filter:none!important;opacity:1!important}
.shared-profile-badges :is(.hp-pong-badges-grid,.hp-hoops-badges-grid,.shared-badge-grid) button[aria-expanded=true]{background:#ffffff25;border-color:#fff;opacity:1}
.shared-profile-badges button.profile-badge-type{font-family:inherit;color:inherit;cursor:pointer;appearance:none}
.shared-profile-badges button.profile-badge-type[aria-pressed=true]{opacity:1;filter:none;background:#ffffff25;border-color:#fff}
.shared-profile-badges button.profile-badge-type[aria-pressed=true] .profile-badge-medal{opacity:1;filter:none;background:#fff164;color:#16315d}

@media(max-width:899px){#player-closet.profile-flat .category-pills{display:flex!important;flex-wrap:nowrap!important;gap:8px;overflow-x:auto!important;overflow-y:hidden;padding:4px 2px 12px;max-width:100%;min-width:0;scrollbar-width:none;touch-action:pan-x;-webkit-overflow-scrolling:touch}#player-closet.profile-flat .category-pills::-webkit-scrollbar{display:none}#player-closet.profile-flat .category-pills button{flex:0 0 auto;min-width:72px;min-height:44px;padding:10px 16px;white-space:nowrap!important}#player-closet.profile-flat .customize-picker{min-width:0;max-width:100%}}

/* One bounded mobile profile scroller, with identity pinned below app chrome. */
@media(max-width:899px){
 html:has(#player-closet),body:has(#player-closet){overflow:hidden;overscroll-behavior-y:none}
 .shell:has(#player-closet){height:100dvh!important;min-height:0!important;max-height:100dvh;display:flex;flex-direction:column;overflow:hidden!important}
 .shell:has(#player-closet)>.house-app-header{position:relative!important;top:auto!important;flex:0 0 auto;z-index:50;background:#087cff}
 .shell>main:has(#player-closet){flex:1 1 0!important;min-height:0!important;max-height:100%;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:none;-webkit-overflow-scrolling:touch;padding-top:0!important;scroll-padding-top:76px;isolation:isolate}
 .shell:has(#player-closet)>.house-mobile-nav{position:relative!important;inset:auto!important;flex:0 0 auto}
 #player-closet.profile-flat{margin-top:0!important;padding-top:0!important;align-content:start}
 #player-closet.profile-flat>.profile-top{position:sticky!important;top:0!important;align-self:start;z-index:40;background:#087cff!important;margin:0!important;padding:12px 0!important;box-shadow:0 -12px 0 12px #087cff,0 8px 0 #087cff}
 #player-closet.profile-flat .profile{position:relative;z-index:0}
}

/* Match the Make it yours category controls at both breakpoints. */
#player-closet .shared-badge-games button{font-family:inherit;font-size:13px;font-weight:700;line-height:normal;min-height:44px;padding:10px 15px;border-radius:24px;border-color:#ffffff50}
#player-closet .shared-badge-games button[aria-pressed=true]{border-color:#fff164}
@media(max-width:899px){#player-closet .shared-badge-games button{min-width:72px;padding:10px 16px}}
@media(min-width:900px){#player-closet .shared-badge-games button{padding:10px 13px}}

/* Match the Make it yours category controls at both breakpoints. */
#player-closet .shared-badge-games button{font-family:inherit;font-size:13px;font-weight:700;line-height:normal;min-height:44px;padding:10px 15px;border-radius:24px;border-color:#ffffff50}
#player-closet .shared-badge-games button[aria-pressed=true]{border-color:#fff164}
@media(max-width:899px){#player-closet .shared-badge-games button{min-width:72px;padding:10px 16px}}
@media(min-width:900px){#player-closet .shared-badge-games button{padding:10px 13px}}

/* Section labels share the same scale; global h2 styling must not enlarge Badges. */
#player-closet .shared-profile-badges h2{font-size:16px!important;font-weight:750!important;line-height:normal!important;letter-spacing:normal!important;margin:0 0 12px!important}
#player-closet .shared-badge-games button{font-size:13px!important;font-weight:700!important;line-height:normal!important}

/* Match the Make it yours category controls at both breakpoints. */
#player-closet .shared-badge-games button{font-family:inherit;font-size:13px;font-weight:700;line-height:normal;min-height:44px;padding:10px 15px;border-radius:24px;border-color:#ffffff50}
#player-closet .shared-badge-games button[aria-pressed=true]{border-color:#fff164}
@media(max-width:899px){#player-closet .shared-badge-games button{min-width:72px;padding:10px 16px}}
@media(min-width:900px){#player-closet .shared-badge-games button{padding:10px 13px}}

/* Section labels share the same scale; global h2 styling must not enlarge Badges. */
#player-closet .shared-profile-badges h2{font-size:16px!important;font-weight:750!important;line-height:normal!important;letter-spacing:normal!important;margin:0 0 12px!important}
#player-closet .shared-badge-games button{font-size:13px!important;font-weight:700!important;line-height:normal!important}