/* MetaGol V8: readable club shop, scoped to the existing store. */
html body #menuPanel .pesHubShell.storeMode{font-family:Arial,Helvetica,sans-serif!important;color:#f3f7ff!important}
html body #menuPanel .pesHubShell.storeMode .pesHeroPanel{background:radial-gradient(ellipse at 90% 0, #163657 0, transparent 50%),#080f1e!important;padding:18px!important;scrollbar-color:#42cfff #101b2f!important}
html body #menuPanel .pesHubShell.storeMode .teamStoreHeader{position:relative!important;top:auto!important;display:flex!important;flex-wrap:wrap!important;gap:18px!important;margin:0 0 18px!important;padding:22px!important;border:1px solid #36628a!important;border-left:4px solid #54dcff!important;border-radius:16px!important;background:radial-gradient(ellipse at 95% 0,#214d70,transparent 65%),linear-gradient(115deg,#14263f,#101827)!important;box-shadow:0 12px 30px #0005!important}
html body #menuPanel .pesHubShell.storeMode .teamStoreBrand small{font:800 11px/1.4 Arial,sans-serif!important;letter-spacing:3px!important;color:#63ddff!important}
html body #menuPanel .pesHubShell.storeMode .teamStoreBrand b{display:block!important;font:900 clamp(22px,3vw,32px)/1.15 Arial,sans-serif!important;letter-spacing:-.5px!important;color:#fff!important;text-shadow:0 3px 0 #0005!important;margin:5px 0 8px!important}
html body #menuPanel .pesHubShell.storeMode .teamStoreBrand span{font:700 11px/1.5 Arial,sans-serif!important;color:#c2d8ec!important;letter-spacing:.6px!important}
html body #menuPanel .pesHubShell.storeMode .teamStoreHeaderStats{display:flex!important;flex-wrap:wrap!important;gap:8px!important;width:auto!important;max-width:100%!important}
html body #menuPanel .pesHubShell.storeMode .storeHeadStat{flex:1 1 100px!important;min-width:0!important;padding:12px!important;background:#071424!important;border:1px solid #34516c!important;border-radius:10px!important}
html body #menuPanel .pesHubShell.storeMode .storeHeadStat small,html body #menuPanel .pesHubShell.storeMode .mgStatusItem small{font:700 10px/1.5 Arial,sans-serif!important;letter-spacing:.5px!important;color:#c2d2e3!important;white-space:normal!important}
html body #menuPanel .pesHubShell.storeMode .storeHeadStat b{display:block!important;font:900 20px/1.4 Arial,sans-serif!important;color:#ffe29a!important}
html body #menuPanel .pesHubShell.storeMode .mgStatusBar{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important;margin:0 0 16px!important}
html body #menuPanel .pesHubShell.storeMode .mgStatusItem{padding:12px!important;background:#142237!important;border:1px solid #304966!important;border-radius:10px!important;min-width:0!important}
html body #menuPanel .pesHubShell.storeMode .mgStatusItem b{font:800 14px/1.5 Arial,sans-serif!important;overflow-wrap:anywhere!important;color:#eff7ff!important}
html body #menuPanel .pesHubShell.storeMode .mgStatusItem.green b{color:#7affc5!important}
html body #menuPanel .pesHubShell.storeMode .mgStatusItem.gold b{color:#ffe19a!important}
html body #menuPanel .pesHubShell.storeMode .storeToolbar{display:flex!important;flex-wrap:wrap!important;gap:12px!important;background:transparent!important;border:0!important;padding:0!important;margin:0 0 16px!important}
html body #menuPanel .pesHubShell.storeMode .storeFilters{display:flex!important;flex-wrap:wrap!important;overflow:visible!important;gap:6px!important;max-width:100%!important}
html body #menuPanel .pesHubShell.storeMode .storeFilter{font:800 11px/1.3 Arial,sans-serif!important;min-height:40px!important;padding:10px 13px!important;border:1px solid #45617f!important;border-radius:8px!important;background:#14233a!important;color:#dceaff!important;clip-path:none!important}
html body #menuPanel .pesHubShell.storeMode .storeFilter.active{background:linear-gradient(135deg,#67e8ff,#239ad7)!important;color:#041525!important;border-color:#9aefff!important;box-shadow:0 0 18px #35caff35!important}
html body #menuPanel .pesHubShell.storeMode .storeBalance{font:700 11px/1.5 Arial,sans-serif!important;color:#c6d8eb!important}
html body #menuPanel .pesHubShell.storeMode .storeBalance b{font-size:14px!important;color:#ffe29a!important}
html body #menuPanel .pesHubShell.storeMode .teamStoreGrid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important;gap:16px!important;padding:0 0 20px!important}
html body #menuPanel .pesHubShell.storeMode .teamStoreCard{display:flex!important;flex-direction:column!important;position:relative!important;min-width:0!important;min-height:370px!important;padding:18px!important;border:1px solid #466482!important;border-top:3px solid #59d8ff!important;border-radius:16px!important;background:radial-gradient(ellipse at 85% 12%,color-mix(in srgb,var(--p) 28%,transparent),transparent 60%),linear-gradient(150deg,#1b2b45,#0c1424 80%)!important;box-shadow:0 12px 24px #0005,inset 0 1px 0 #ffffff12!important;transition:border-color .18s,box-shadow .18s!important}
html body #menuPanel .pesHubShell.storeMode .teamStoreCard::before{background:linear-gradient(125deg,#ffffff08,transparent 45%)!important}
html body #menuPanel .pesHubShell.storeMode .teamStoreCard.activeClub{border-color:#74ffc5!important;box-shadow:0 0 20px #48ffab20!important}
html body #menuPanel .pesHubShell.storeMode .teamCardIndex{position:static!important;display:block!important;align-self:flex-start!important;font:800 10px/1.5 Arial,sans-serif!important;color:#dcecff!important;letter-spacing:1px!important;border:1px solid #537391!important;border-radius:5px!important;padding:3px 7px!important;background:#071321!important;margin:0 0 10px!important}
html body #menuPanel .pesHubShell.storeMode .teamCardTop{display:grid!important;grid-template-columns:84px 1fr!important;gap:12px!important;min-height:114px!important;background:radial-gradient(ellipse,#66ccff20,transparent 70%)!important}
html body #menuPanel .pesHubShell.storeMode .clubCrestSvg{width:82px!important;height:100px!important;filter:drop-shadow(0 6px 9px #0008)!important}
html body #menuPanel .pesHubShell.storeMode .clubKitSvg{width:100%!important;height:112px!important;filter:drop-shadow(0 6px 9px #0008)!important}
html body #menuPanel .pesHubShell.storeMode .teamCardName{font:900 20px/1.2 Arial,sans-serif!important;color:#fff!important;min-height:0!important;margin:12px 0 5px!important;letter-spacing:0!important;text-shadow:0 2px 4px #0008!important;overflow-wrap:anywhere!important}
html body #menuPanel .pesHubShell.storeMode .teamCardCity{font:600 11px/1.5 Arial,sans-serif!important;color:#bfd1e5!important;letter-spacing:.4px!important}
html body #menuPanel .pesHubShell.storeMode .teamSwatches{margin:10px 0!important;gap:6px!important}
html body #menuPanel .pesHubShell.storeMode .teamSwatch{width:12px!important;height:12px!important;border-color:#ffffff99!important}
html body #menuPanel .pesHubShell.storeMode .teamEconomy{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:0 0 14px!important}
html body #menuPanel .pesHubShell.storeMode .teamEcoCell{min-width:0!important;padding:10px!important;border:1px solid #334d6c!important;border-radius:8px!important;background:#081323!important}
html body #menuPanel .pesHubShell.storeMode .teamEcoCell small{font:700 10px/1.5 Arial,sans-serif!important;color:#bcd0e5!important;letter-spacing:.5px!important}
html body #menuPanel .pesHubShell.storeMode .teamEcoCell b{font:800 16px/1.4 Arial,sans-serif!important;color:#80f7c5!important;overflow-wrap:anywhere!important}
html body #menuPanel .pesHubShell.storeMode .teamEcoCell:nth-child(2) b{color:#e0eaff!important}
html body #menuPanel .pesHubShell.storeMode .teamCardBottom{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-top:auto!important;padding-top:14px!important;border-top:1px solid #39516d!important}
html body #menuPanel .pesHubShell.storeMode .teamPrice{font:900 27px/1.3 Arial,sans-serif!important;color:#ffe191!important;overflow-wrap:anywhere!important}
html body #menuPanel .pesHubShell.storeMode .teamPrice small{font:700 9px/1.5 Arial,sans-serif!important;color:#c7d7e8!important;letter-spacing:.4px!important;margin-bottom:3px!important}
html body #menuPanel .pesHubShell.storeMode .teamBuyBtn{min-height:44px!important;min-width:100px!important;padding:12px!important;font:900 12px/1.3 Arial,sans-serif!important;letter-spacing:.5px!important;border:1px solid #ffedb3!important;border-radius:8px!important;clip-path:none!important;background:linear-gradient(180deg,#ffe49b,#edb346)!important;color:#201600!important;box-shadow:0 4px 0 #88601e,0 4px 16px #ffc64725!important;cursor:pointer!important}
html body #menuPanel .pesHubShell.storeMode .teamBuyBtn.useClub{background:linear-gradient(#96ffce,#39ce91)!important;border-color:#b6ffe3!important;color:#04291a!important;box-shadow:0 4px 0 #186947!important}
html body #menuPanel .pesHubShell.storeMode .teamBuyBtn:disabled{background:#183a31!important;color:#a4ffcc!important;border-color:#4a9c7b!important;box-shadow:none!important;cursor:default!important}
html body #menuPanel .pesHubShell.storeMode .teamStoreFoot{font:500 12px/1.7 Arial,sans-serif!important;color:#c4d6e9!important;background:#132238!important;border-left:3px solid #56d6ff!important;padding:16px!important;border-radius:8px!important}
html body #menuPanel .pesHubShell.storeMode button:focus-visible{outline:3px solid #fff!important;outline-offset:3px!important}
@media(hover:hover){html body #menuPanel .pesHubShell.storeMode .teamStoreCard:hover{border-color:#89e9ff!important;box-shadow:0 0 24px #40baff22,0 12px 24px #0006!important}}
@media(max-width:600px){
html body #menuPanel .pesHubShell.storeMode .pesHeroPanel{padding:10px!important}
html body #menuPanel .pesHubShell.storeMode .teamStoreHeader{padding:16px!important;gap:12px!important}
html body #menuPanel .pesHubShell.storeMode .teamStoreHeaderStats{width:100%!important}
html body #menuPanel .pesHubShell.storeMode .storeHeadStat{flex-basis:75px!important;padding:9px!important}
html body #menuPanel .pesHubShell.storeMode .storeHeadStat b{font-size:17px!important}
html body #menuPanel .pesHubShell.storeMode .mgStatusBar{grid-template-columns:1fr 1fr!important}
html body #menuPanel .pesHubShell.storeMode .teamStoreGrid{grid-template-columns:1fr!important;gap:14px!important}
html body #menuPanel .pesHubShell.storeMode .teamStoreCard{padding:18px!important}
}
@media(max-height:500px) and (min-width:601px){html body #menuPanel .pesHubShell.storeMode .teamStoreGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(prefers-reduced-motion:reduce){html body #menuPanel .pesHubShell.storeMode *{transition:none!important}}
/* Keep filters in the scroll flow so they never cover a club. */
html body #menuPanel .pesHubShell.storeMode .storeToolbar{position:static!important;top:auto!important;z-index:auto!important}
html body #menuPanel .pesHubShell.storeMode .teamStoreCard.starterClub:after{font:800 9px/1.4 Arial,sans-serif!important;padding:4px 7px!important;top:12px!important;right:12px!important;left:auto!important}
html body #menuPanel .pesHubShell.storeMode .teamStoreCard.starterClub .teamCardIndex{margin-top:18px!important}
@media(min-width:1000px) and (min-height:650px){
html body #menuPanel .pesHubShell.storeMode{width:min(1400px,94vw)!important;height:90dvh!important;max-height:90dvh!important}
html body #menuPanel .pesHubShell.storeMode .pesTab{min-height:40px!important;padding:10px 12px!important}
html body #menuPanel .pesHubShell.storeMode .teamStoreGrid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important}
}

/* V10: remove the redundant store title and balance banner. */
html body #menuPanel .pesHubShell.storeMode .teamStoreHeader{display:none!important}

/* V11: Mis equipos uses the same visual language as Tienda. */
/* MetaGol V8: readable club shop, scoped to the existing store. */
html body #menuPanel .pesHubShell:has(.ownedTeamsGrid,.noTeamsState){font-family:Arial,Helvetica,sans-serif!important;color:#f3f7ff!important}
html body #menuPanel .pesHubShell:has(.ownedTeamsGrid,.noTeamsState) .pesHeroPanel{background:radial-gradient(ellipse at 90% 0, #163657 0, transparent 50%),#080f1e!important;padding:18px!important;scrollbar-color:#42cfff #101b2f!important}
html body #menuPanel .pesHubShell:has(.ownedTeamsGrid,.noTeamsState) .teamGamerHead{position:relative!important;top:auto!important;display:flex!important;flex-wrap:wrap!important;gap:18px!important;margin:0 0 18px!important;padding:22px!important;border:1px solid #36628a!important;border-left:4px solid #54dcff!important;border-radius:16px!important;background:radial-gradient(ellipse at 95% 0,#214d70,transparent 65%),linear-gradient(115deg,#14263f,#101827)!important;box-shadow:0 12px 30px #0005!important}
html body #menuPanel .pesHubShell:has(.ownedTeamsGrid,.noTeamsState) .teamStoreBrand small{font:800 11px/1.4 Arial,sans-serif!important;letter-spacing:3px!important;color:#63ddff!important}
html body #menuPanel .pesHubShell:has(.ownedTeamsGrid,.noTeamsState) .teamStoreBrand b{display:block!important;font:900 clamp(22px,3vw,32px)/1.15 Arial,sans-serif!important;letter-spacing:-.5px!important;color:#fff!important;text-shadow:0 3px 0 #0005!important;margin:5px 0 8px!important}
html body #menuPanel .pesHubShell:has(.ownedTeamsGrid,.noTeamsState) .teamStoreBrand span{font:700 11px/1.5 Arial,sans-serif!important;color:#c2d8ec!important;letter-spacing:.6px!important}
html body #menuPanel .pesHubShell:has(.ownedTeamsGrid,.noTeamsState) .teamGamerHeadStats{display:flex!important;flex-wrap:wrap!important;gap:8px!important;width:auto!important;max-width:100%!important}
html body #menuPanel .pesHubShell:has(.ownedTeamsGrid,.noTeamsState) .storeHeadStat{flex:1 1 100px!important;min-width:0!important;padding:12px!important;background:#071424!important;border:1px solid #34516c!important;border-radius:10px!important}
html body #menuPanel .pesHubShell:has(.ownedTeamsGrid,.noTeamsState) .storeHeadStat small,html body #menuPanel .pesHubShell:has(.ownedTeamsGrid,.noTeamsState) .mgStatusItem small{font:700 10px/1.5 Arial,sans-serif!important;letter-spacing:.5px!important;color:#c2d2e3!important;white-space:normal!important}
html body #menuPanel .pesHubShell:has(.ownedTeamsGrid,.noTeamsState) .storeHeadStat b{display:block!important;font:900 20px/1.4 Arial,sans-serif!important;color:#ffe29a!important}
html body #menuPanel .pesHubShell:has(.ownedTeamsGrid,.noTeamsState) .mgStatusBar{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important;margin:0 0 16px!important}
html body #menuPanel .pesHubShell:has(.ownedTeamsGrid,.noTeamsState) .mgStatusItem{padding:12px!important;background:#142237!important;border:1px solid #304966!important;border-radius:10px!important;min-width:0!important}
html body #menuPanel .pesHubShell:has(.ownedTeamsGrid,.noTeamsState) .mgStatusItem b{font:800 14px/1.5 Arial,sans-serif!important;overflow-wrap:anywhere!important;color:#eff7ff!important}
html body #menuPanel .pesHubShell:has(.ownedTeamsGrid,.noTeamsState) .mgStatusItem.green b{color:#7affc5!important}
html body #menuPanel .pesHubShell:has(.ownedTeamsGrid,.noTeamsState) .mgStatusItem.gold b{color:#ffe19a!important}
html body #menuPanel .pesHubShell:has(.ownedTeamsGrid,.noTeamsState) .storeToolbar{display:flex!important;flex-wrap:wrap!important;gap:12px!important;background:transparent!important;border:0!important;padding:0!important;margin:0 0 16px!important}
html body #menuPanel .pesHubShell:has(.ownedTeamsGrid,.noTeamsState) .storeFilters{display:flex!important;flex-wrap:wrap!important;overflow:visible!important;gap:6px!important;max-width:100%!important}
html body #menuPanel .pesHubShell:has(.ownedTeamsGrid,.noTeamsState) .storeFilter{font:800 11px/1.3 Arial,sans-serif!important;min-height:40px!important;padding:10px 13px!important;border:1px solid #45617f!important;border-radius:8px!important;background:#14233a!important;color:#dceaff!important;clip-path:none!important}
html body #menuPanel .pesHubShell:has(.ownedTeamsGrid,.noTeamsState) .storeFilter.active{background:linear-gradient(135deg,#67e8ff,#239ad7)!important;color:#041525!important;border-color:#9aefff!important;box-shadow:0 0 18px #35caff35!important}
html body #menuPanel .pesHubShell:has(.ownedTeamsGrid,.noTeamsState) .storeBalance{font:700 11px/1.5 Arial,sans-serif!important;color:#c6d8eb!important}
html body #menuPanel .pesHubShell:has(.ownedTeamsGrid,.noTeamsState) .storeBalance b{font-size:14px!important;color:#ffe29a!important}
html body #menuPanel .pesHubShell:has(.ownedTeamsGrid,.noTeamsState) .ownedTeamsGrid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important;gap:16px!important;padding:0 0 20px!important}
html body #menuPanel .pesHubShell:has(.ownedTeamsGrid,.noTeamsState) .ownedTeamCard{display:flex!important;flex-direction:column!important;position:relative!important;min-width:0!important;min-height:370px!important;padding:18px!important;border:1px solid #466482!important;border-top:3px solid #59d8ff!important;border-radius:16px!important;background:radial-gradient(ellipse at 85% 12%,color-mix(in srgb,var(--p) 28%,transparent),transparent 60%),linear-gradient(150deg,#1b2b45,#0c1424 80%)!important;box-shadow:0 12px 24px #0005,inset 0 1px 0 #ffffff12!important;transition:border-color .18s,box-shadow .18s!important}
html body #menuPanel .pesHubShell:has(.ownedTeamsGrid,.noTeamsState) .ownedTeamCard::before{background:linear-gradient(125deg,#ffffff08,transparent 45%)!important}
html body #menuPanel .pesHubShell:has(.ownedTeamsGrid,.noTeamsState) .ownedTeamCard.activeOwnedTeam{border-color:#74ffc5!important;box-shadow:0 0 20px #48ffab20!important}
html body #menuPanel .pesHubShell:has(.ownedTeamsGrid,.noTeamsState) .teamCardIndex{position:static!important;display:block!important;align-self:flex-start!important;font:800 10px/1.5 Arial,sans-serif!important;color:#dcecff!important;letter-spacing:1px!important;border:1px solid #537391!important;border-radius:5px!important;padding:3px 7px!important;background:#071321!important;margin:0 0 10px!important}
html body #menuPanel .pesHubShell:has(.ownedTeamsGrid,.noTeamsState) .ownedTeamVisual{display:grid!important;grid-template-columns:84px 1fr!important;gap:12px!important;min-height:114px!important;background:radial-gradient(ellipse,#66ccff20,transparent 70%)!important}
html body #menuPanel .pesHubShell:has(.ownedTeamsGrid,.noTeamsState) .clubCrestSvg{width:82px!important;height:100px!important;filter:drop-shadow(0 6px 9px #0008)!important}
html body #menuPanel .pesHubShell:has(.ownedTeamsGrid,.noTeamsState) .clubKitSvg{width:100%!important;height:112px!important;filter:drop-shadow(0 6px 9px #0008)!important}
html body #menuPanel .pesHubShell:has(.ownedTeamsGrid,.noTeamsState) .ownedTeamInfo>b{font:900 20px/1.2 Arial,sans-serif!important;color:#fff!important;min-height:0!important;margin:12px 0 5px!important;letter-spacing:0!important;text-shadow:0 2px 4px #0008!important;overflow-wrap:anywhere!important}
html body #menuPanel .pesHubShell:has(.ownedTeamsGrid,.noTeamsState) .ownedTeamInfo>small{font:600 11px/1.5 Arial,sans-serif!important;color:#bfd1e5!important;letter-spacing:.4px!important}
html body #menuPanel .pesHubShell:has(.ownedTeamsGrid,.noTeamsState) .teamSwatches{margin:10px 0!important;gap:6px!important}
html body #menuPanel .pesHubShell:has(.ownedTeamsGrid,.noTeamsState) .teamSwatch{width:12px!important;height:12px!important;border-color:#ffffff99!important}
html body #menuPanel .pesHubShell:has(.ownedTeamsGrid,.noTeamsState) .ownedTeamStats{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:0 0 14px!important}
html body #menuPanel .pesHubShell:has(.ownedTeamsGrid,.noTeamsState) .ownedTeamStats>div{min-width:0!important;padding:10px!important;border:1px solid #334d6c!important;border-radius:8px!important;background:#081323!important}
html body #menuPanel .pesHubShell:has(.ownedTeamsGrid,.noTeamsState) .ownedTeamStats>div small{font:700 10px/1.5 Arial,sans-serif!important;color:#bcd0e5!important;letter-spacing:.5px!important}
html body #menuPanel .pesHubShell:has(.ownedTeamsGrid,.noTeamsState) .ownedTeamStats>div b{font:800 16px/1.4 Arial,sans-serif!important;color:#80f7c5!important;overflow-wrap:anywhere!important}
html body #menuPanel .pesHubShell:has(.ownedTeamsGrid,.noTeamsState) .ownedTeamStats>div:nth-child(2) b{color:#e0eaff!important}
html body #menuPanel .pesHubShell:has(.ownedTeamsGrid,.noTeamsState) .teamCardBottom{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-top:auto!important;padding-top:14px!important;border-top:1px solid #39516d!important}
html body #menuPanel .pesHubShell:has(.ownedTeamsGrid,.noTeamsState) .teamPrice{font:900 27px/1.3 Arial,sans-serif!important;color:#ffe191!important;overflow-wrap:anywhere!important}
html body #menuPanel .pesHubShell:has(.ownedTeamsGrid,.noTeamsState) .teamPrice small{font:700 9px/1.5 Arial,sans-serif!important;color:#c7d7e8!important;letter-spacing:.4px!important;margin-bottom:3px!important}
html body #menuPanel .pesHubShell:has(.ownedTeamsGrid,.noTeamsState) .ownedTeamUseBtn{min-height:44px!important;min-width:100px!important;padding:12px!important;font:900 12px/1.3 Arial,sans-serif!important;letter-spacing:.5px!important;border:1px solid #ffedb3!important;border-radius:8px!important;clip-path:none!important;background:linear-gradient(180deg,#ffe49b,#edb346)!important;color:#201600!important;box-shadow:0 4px 0 #88601e,0 4px 16px #ffc64725!important;cursor:pointer!important}
html body #menuPanel .pesHubShell:has(.ownedTeamsGrid,.noTeamsState) .ownedTeamUseBtn.useClub{background:linear-gradient(#96ffce,#39ce91)!important;border-color:#b6ffe3!important;color:#04291a!important;box-shadow:0 4px 0 #186947!important}
html body #menuPanel .pesHubShell:has(.ownedTeamsGrid,.noTeamsState) .ownedTeamUseBtn:disabled{background:#183a31!important;color:#a4ffcc!important;border-color:#4a9c7b!important;box-shadow:none!important;cursor:default!important}
html body #menuPanel .pesHubShell:has(.ownedTeamsGrid,.noTeamsState) .teamStoreFoot{font:500 12px/1.7 Arial,sans-serif!important;color:#c4d6e9!important;background:#132238!important;border-left:3px solid #56d6ff!important;padding:16px!important;border-radius:8px!important}
html body #menuPanel .pesHubShell:has(.ownedTeamsGrid,.noTeamsState) button:focus-visible{outline:3px solid #fff!important;outline-offset:3px!important}
@media(hover:hover){html body #menuPanel .pesHubShell:has(.ownedTeamsGrid,.noTeamsState) .ownedTeamCard:hover{border-color:#89e9ff!important;box-shadow:0 0 24px #40baff22,0 12px 24px #0006!important}}
@media(max-width:600px){
html body #menuPanel .pesHubShell:has(.ownedTeamsGrid,.noTeamsState) .pesHeroPanel{padding:10px!important}
html body #menuPanel .pesHubShell:has(.ownedTeamsGrid,.noTeamsState) .teamGamerHead{padding:16px!important;gap:12px!important}
html body #menuPanel .pesHubShell:has(.ownedTeamsGrid,.noTeamsState) .teamGamerHeadStats{width:100%!important}
html body #menuPanel .pesHubShell:has(.ownedTeamsGrid,.noTeamsState) .storeHeadStat{flex-basis:75px!important;padding:9px!important}
html body #menuPanel .pesHubShell:has(.ownedTeamsGrid,.noTeamsState) .storeHeadStat b{font-size:17px!important}
html body #menuPanel .pesHubShell:has(.ownedTeamsGrid,.noTeamsState) .mgStatusBar{grid-template-columns:1fr 1fr!important}
html body #menuPanel .pesHubShell:has(.ownedTeamsGrid,.noTeamsState) .ownedTeamsGrid{grid-template-columns:1fr!important;gap:14px!important}
html body #menuPanel .pesHubShell:has(.ownedTeamsGrid,.noTeamsState) .ownedTeamCard{padding:18px!important}
}
@media(max-height:500px) and (min-width:601px){html body #menuPanel .pesHubShell:has(.ownedTeamsGrid,.noTeamsState) .ownedTeamsGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(prefers-reduced-motion:reduce){html body #menuPanel .pesHubShell:has(.ownedTeamsGrid,.noTeamsState) *{transition:none!important}}
/* Keep filters in the scroll flow so they never cover a club. */
html body #menuPanel .pesHubShell:has(.ownedTeamsGrid,.noTeamsState) .storeToolbar{position:static!important;top:auto!important;z-index:auto!important}
html body #menuPanel .pesHubShell:has(.ownedTeamsGrid,.noTeamsState) .ownedTeamCard.starterClub:after{font:800 9px/1.4 Arial,sans-serif!important;padding:4px 7px!important;top:12px!important;right:12px!important;left:auto!important}
html body #menuPanel .pesHubShell:has(.ownedTeamsGrid,.noTeamsState) .ownedTeamCard.starterClub .teamCardIndex{margin-top:18px!important}
@media(min-width:1000px) and (min-height:650px){
html body #menuPanel .pesHubShell:has(.ownedTeamsGrid,.noTeamsState){width:min(1400px,94vw)!important;height:90dvh!important;max-height:90dvh!important}
html body #menuPanel .pesHubShell:has(.ownedTeamsGrid,.noTeamsState) .pesTab{min-height:40px!important;padding:10px 12px!important}
html body #menuPanel .pesHubShell:has(.ownedTeamsGrid,.noTeamsState) .ownedTeamsGrid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important}
}

/* V10: remove the redundant store title and balance banner. */
html body #menuPanel .pesHubShell:has(.ownedTeamsGrid,.noTeamsState) .teamGamerHead{display:none!important}

html body #menuPanel .pesHubShell .ownedTeamInfo{display:flex!important;flex-direction:column!important;flex:1!important;min-width:0!important}
html body #menuPanel .pesHubShell .ownedTeamInfo>small{order:1!important}
html body #menuPanel .pesHubShell .ownedTeamInfo>b{order:0!important}
html body #menuPanel .pesHubShell .ownedTeamInfo>.teamSwatches{order:2!important}
html body #menuPanel .pesHubShell .ownedTeamStats{order:3!important;margin:6px 0 16px!important}
html body #menuPanel .pesHubShell .ownedTeamUseBtn{order:4!important;margin-top:auto!important;width:100%!important}
html body #menuPanel .pesHubShell .ownedTeamCard{min-height:390px!important}
html body #menuPanel .pesHubShell .ownedTeamInfo .ownedTeamStats small{font:700 10px/1.5 Arial,sans-serif!important;color:#bcd0e5!important}
html body #menuPanel .pesHubShell .ownedTeamInfo .ownedTeamStats b{font:800 16px/1.4 Arial,sans-serif!important;color:#80f7c5!important}
html body #menuPanel .pesHubShell .noTeamsState{padding:28px!important;background:linear-gradient(135deg,#1b2b45,#0c1424)!important;border:1px solid #59d8ff!important;border-radius:16px!important;display:flex!important;flex-direction:column!important;gap:16px!important;color:#f3f7ff!important}
html body #menuPanel .pesHubShell .noTeamsState>b{font:900 22px/1.3 Arial,sans-serif!important}
html body #menuPanel .pesHubShell .noTeamsState>span{font:500 14px/1.6 Arial,sans-serif!important;color:#c7d7e8!important}
html body #menuPanel .pesHubShell #goStoreFromTeams{min-height:44px!important;font:900 12px/1.4 Arial,sans-serif!important;padding:12px!important;border-radius:8px!important;background:linear-gradient(#ffe49b,#edb346)!important;color:#201600!important}