@layer replays{html body #app #account-content .pc-canvas:not(.pc-mobile-profile) .pc-gear{inset:12px 12px auto auto!important;width:44px!important;height:44px!important}html body #app #account-content .pc-canvas:not(.pc-mobile-profile) .pc-admin-keys{inset:12px 64px auto auto!important;height:44px!important;min-height:44px!important;box-sizing:border-box!important}html:has(.pc-mobile-profile-host),html:has(.pc-mobile-profile-host) body,html:has(.pc-mobile-profile-host) body #app{overflow:clip!important}html body #app #main:has(.pc-mobile-profile-host),html body #app .community-content:has(.pc-mobile-profile-host){height:var(--pc-mobile-height,100%)!important;min-height:0!important;padding:0!important;margin:0!important;overflow:clip!important}html body #app #account-content.pc-mobile-profile-host{position:relative!important;height:var(--pc-mobile-height)!important;min-height:0!important;overflow-x:clip!important;overflow-y:auto!important;overscroll-behavior-y:contain!important}html body #app #account-content .pc-canvas.pc-mobile-profile{position:relative!important;zoom:1!important;width:100%!important;height:var(--pc-mobile-content-height,var(--pc-mobile-height))!important;max-width:none!important;min-height:0!important;margin:0!important;transform:none!important;border:0!important;border-radius:0!important;overflow:clip!important}html:has(.pc-mobile-profile-host) body #app .pc-exterior-dim{inset:-16px!important;background:var(--pc-splash-art) center/cover no-repeat!important;filter:blur(10px) brightness(.55)!important}html body #app #account-content .pc-canvas.pc-mobile-profile{background:transparent!important}html body #app #account-content .pc-mobile-profile:before{content:none!important;display:none!important}html body #app #account-content .pc-mobile-profile .pc-art{inset:auto auto auto 50%!important;top:calc((100% - 146px)/2)!important;width:var(--pc-splash-width)!important;height:var(--pc-splash-height)!important;transform:translate(-50%,-50%)!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;border-radius:18px!important;box-shadow:0 14px 22px -5px #000b,0 3px 7px #0006!important}html body #app #account-content .pc-mobile-profile:after{content:none!important;display:none!important}html body #app #account-content .pc-mobile-profile .pc-identity{width:min(150px,calc(68% - 96px))!important;bottom:22px!important;gap:5px!important}html body #app #account-content .pc-mobile-profile .pc-identity h1{font-size:17px!important;overflow-wrap:anywhere!important}html body #app #account-content .pc-mobile-profile .pc-profile-icon{width:60px!important;height:60px!important;min-width:60px!important;flex-basis:60px!important}html body #app #account-content .pc-mobile-profile .pc-rank{left:16%!important;width:80px!important;height:90px!important;bottom:22px!important}html body #app #account-content .pc-mobile-profile .pc-loot-orb{left:84%!important;bottom:22px!important;height:90px!important;z-index:2!important}html body #app #account-content .pc-mobile-profile :is(.pc-rank>img,.pc-loot-orb>img){position:absolute!important;inset:0 auto auto 50%!important;transform:translate(-50%)!important;width:72px!important;height:64px!important;object-fit:contain!important}html body #app #account-content .pc-mobile-profile .pc-rank>img[src$="/unranked.png"]{object-view-box:inset(10% 3% 10% 3%)!important}html body #app #account-content .pc-mobile-profile :is(.pc-unranked,.pc-rank-copy){position:absolute!important;left:50%!important;bottom:0!important;transform:translate(-50%)!important;min-height:21px!important;line-height:21px!important;white-space:nowrap!important}html body #app #account-content .pc-mobile-profile .pc-orb-badge{height:21px!important;min-width:0!important;width:max-content!important;gap:4px!important;padding:0 6px 0 0!important;font-size:14px!important;line-height:21px!important}html body #app #account-content .pc-mobile-profile .pc-orb-badge svg{width:21px!important;height:21px!important;flex:0 0 21px!important;padding:5px!important}html body #app #account-content .pc-mobile-profile .pc-gear{width:44px!important;height:44px!important;right:calc((100% - var(--pc-splash-width))/2 + 12px)!important;top:calc((100% - 146px - var(--pc-splash-height))/2 + 12px)!important;bottom:auto!important}html body #app #account-content .pc-mobile-profile .pc-admin-keys{right:calc((100% - var(--pc-splash-width))/2 + 64px)!important;top:calc((100% - 146px - var(--pc-splash-height))/2 + 12px)!important;bottom:auto!important;height:44px!important;min-height:44px!important;box-sizing:border-box!important}html body #app #account-content .pc-mobile-profile .pc-status{position:absolute!important;top:52px!important;left:16px!important;right:16px!important;margin:0!important;font-size:12px!important}html body #app #account-content .pc-mobile-profile .pc-popup:not(.pc-carousel-loot){position:absolute!important;inset:12px!important;transform:none!important;width:auto!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:14px!important;border-radius:12px!important;z-index:5!important}html body #app #account-content .pc-mobile-profile .pc-popup-content{flex:1!important;min-height:0!important}html body #app #account-content .pc-mobile-profile .pc-settings-panel{flex:1!important;min-height:0!important;height:auto!important}html body #app #account-content .pc-mobile-profile .pc-settings-tabs button,html body #app #account-content .pc-mobile-profile .pc-settings-footer button{font-size:13px!important;min-height:40px!important;padding:8px 12px!important}html body #app #account-content .pc-mobile-profile :is(.pc-settings-tabs,.pc-settings-footer){flex-wrap:wrap!important;flex-shrink:0!important;gap:6px!important}html body #app #account-content .pc-mobile-profile .pc-settings-tabs button{flex:1 1 auto!important}html body #app #account-content .pc-mobile-profile .pc-background-filter :is(input,select){font-size:16px!important;min-height:40px!important}html body #app #account-content .pc-mobile-profile .pc-splash-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}@media(max-height:420px){html body #app #account-content .pc-mobile-profile .pc-gear{width:36px!important;height:36px!important}html body #app #account-content .pc-mobile-profile .pc-admin-keys{right:calc((100% - var(--pc-splash-width))/2 + 56px)!important;height:36px!important;min-height:36px!important;padding:6px 8px!important;font-size:11px!important}}}@layer site-scrollbars{html body #app #account-content#account-content .pc-mobile-profile{--pc-mobile-art-top:124px;--pc-mobile-list-top:194px;min-height:700px!important;overflow:hidden!important}html body #app #account-content#account-content .pc-mobile-profile .pc-art{inset:auto 8px!important;top:var(--pc-mobile-art-top)!important;bottom:auto!important;width:calc(100% - 16px)!important;height:clamp(210px,66vw,380px)!important;transform:none!important;background-size:cover!important;background-position:center!important;border-radius:16px!important;overflow:hidden!important}html body #app #account-content#account-content .pc-mobile-profile .pc-identity{position:absolute!important;inset:8px auto auto 50%!important;transform:translate(-50%)!important;display:flex!important;flex-direction:column!important;align-items:center!important;width:148px!important;gap:3px!important;z-index:4!important}html body #app #account-content#account-content .pc-mobile-profile .pc-profile-icon{width:54px!important;height:54px!important;min-width:54px!important;flex-basis:54px!important}html body #app #account-content#account-content .pc-mobile-profile .pc-identity h1{font-size:13px!important;line-height:1.15!important;text-align:center!important;max-width:148px!important;overflow-wrap:normal!important}html body #app #account-content#account-content .pc-mobile-profile .pc-identity p{font-size:10px!important;line-height:1.2!important;margin:3px 0 0!important;justify-content:center!important}html body #app #account-content#account-content .pc-mobile-profile .pc-region-flag{width:14px!important;height:10px!important}html body #app #account-content#account-content .pc-mobile-profile .pc-rank{position:absolute!important;inset:14px auto auto 17%!important;transform:translate(-50%)!important;width:70px!important;height:82px!important;z-index:4!important}html body #app #account-content#account-content .pc-mobile-profile .pc-rank>img{width:64px!important;height:59px!important;top:0!important}html body #app #account-content#account-content .pc-mobile-profile .pc-rank-copy{bottom:0!important;gap:5px!important}html body #app #account-content#account-content .pc-mobile-profile .pc-rank-copy :is(strong,small){font-size:12px!important}html body #app #account-content#account-content .pc-mobile-profile .pc-loot-orb{position:absolute!important;inset:22px auto auto 83%!important;transform:translate(-50%)!important;width:64px!important;height:68px!important;z-index:4!important}html body #app #account-content#account-content .pc-mobile-profile .pc-loot-orb>img{left:0!important;top:0!important;bottom:auto!important;transform:none!important;width:64px!important;height:58px!important}html body #app #account-content#account-content .pc-mobile-profile .pc-orb-badge{top:-2px!important;right:-2px!important;height:20px!important;padding:1px 5px!important;font-size:12px!important}html body #app #account-content#account-content .pc-mobile-profile>.pc-gear{top:132px!important;right:16px!important;bottom:auto!important;width:36px!important;height:36px!important;z-index:10!important}html body #app #account-content#account-content .pc-mobile-profile>.pc-admin-keys{top:136px!important;right:60px!important;height:30px!important;min-height:30px!important;padding:5px 8px!important;font-size:10px!important}html body #app #account-content#account-content .pc-mobile-profile .ph-tabs{left:8px!important;top:var(--pc-mobile-list-top)!important;transform:none!important;gap:10px!important;width:38px!important}html body #app #account-content#account-content .pc-mobile-profile .ph-tabs button{width:38px!important;height:42px!important;padding:7px!important}html body #app #account-content#account-content .pc-mobile-profile .ph-nav-icon{width:26px!important;height:26px!important}html body #app #account-content#account-content .pc-mobile-profile :is(.ph-history-panel,.pg-panel){padding:var(--pc-mobile-list-top) 10px 14px 54px!important;box-sizing:border-box!important}html body #app #account-content#account-content .pc-mobile-profile :is(.ph-history-panel,.pg-panel)>.ph-header{display:none!important}html body #app #account-content#account-content .pc-mobile-profile :is(.ph-filters,.pg-tabs){padding:7px 3px!important;gap:4px!important;min-height:43px!important;box-sizing:border-box!important;justify-content:center!important}html body #app #account-content#account-content .pc-mobile-profile :is(.ph-filters,.pg-tabs) button{font-size:10px!important;padding:6px!important;min-height:29px!important;white-space:nowrap!important}html body #app #account-content#account-content .pc-mobile-profile .ph-message:empty{display:none!important}html body #app #account-content#account-content .pc-mobile-profile .pc-status{top:108px!important;left:10px!important;right:10px!important;font-size:10px!important;z-index:4!important}html body #app #account-content#account-content .pc-mobile-profile .pc-popup:not(.pc-carousel-loot){z-index:20!important;inset:6px!important;max-height:calc(100% - 12px)!important}}@layer site-scrollbars{html body #app #account-content#account-content.pc-mobile-profile-host{height:var(--pc-mobile-height)!important;overflow:hidden!important;overscroll-behavior:none!important;touch-action:pan-y!important}html body #app #account-content#account-content .pc-mobile-profile{height:var(--pc-mobile-height)!important;min-height:0!important;max-height:var(--pc-mobile-height)!important}html body #app #account-content#account-content .pc-mobile-profile .pg-panel :is(.pg-results,.hub-table-scroll),html body #app #account-content#account-content .pc-mobile-profile .ph-table{overflow-x:hidden!important;overscroll-behavior:contain!important;touch-action:pan-y!important}html body #app #account-content#account-content .pc-mobile-profile .pg-panel table{display:table!important;width:900px!important;min-width:900px!important;max-width:900px!important;table-layout:fixed!important;zoom:var(--pc-mobile-row-scale,1)!important}html body #app #account-content#account-content .pc-mobile-profile .ph-row{zoom:var(--pc-mobile-row-scale,1)!important;width:900px!important;box-sizing:border-box!important;display:grid!important;grid-template-columns:90px 96px 90px 82px 281px 30px 56px!important;grid-template-areas:none!important;justify-content:space-between!important;align-items:center!important;column-gap:12px!important;min-height:130px!important;padding:16px!important}html body #app #account-content#account-content .pc-mobile-profile .ph-row.ph-has-mode{grid-template-columns:48px 90px 96px 90px 82px 281px 30px 56px!important;column-gap:8px!important}html body #app #account-content#account-content .pc-mobile-profile .ph-row>:is(.ph-mode,.ph-result,.ph-champion,.ph-kda,.ph-performance,.ph-build,.ph-abilities,.ph-time){grid-area:auto!important;position:static!important}html body #app #account-content#account-content .pc-mobile-profile .ph-row{--ph-item-size:32px;--ph-portrait-size:56px;--ph-spell-size:26px;--ph-rune-size:38px}html body #app #account-content#account-content .pc-mobile-profile .ph-row .ph-champion{grid-template-columns:20px 56px!important;gap:8px!important}html body #app #account-content#account-content .pc-mobile-profile .ph-row .ph-role-slot{width:20px!important;height:20px!important}html body #app #account-content#account-content .pc-mobile-profile .ph-row .ph-level{width:20px!important;height:20px!important;font-size:11px!important}html body #app #account-content#account-content .pc-mobile-profile .ph-row .ph-result>b{font-size:16px!important}html body #app #account-content#account-content .pc-mobile-profile .ph-row .ph-kda>span{font-size:14px!important}html body #app #account-content#account-content .pc-mobile-profile .ph-row :is(.ph-total-cs,.ph-performance small,.ph-kda>b,.ph-duration,.ph-time){font-size:12px!important}html body #app #account-content#account-content .pc-mobile-profile .ph-row .ph-build{gap:10px!important;justify-content:center!important;flex-wrap:nowrap!important}html body #app #account-content#account-content .pc-mobile-profile .ph-row .ph-runes>.ph-asset:nth-child(2){width:20px!important;height:20px!important}html body #app #account-content#account-content .pc-mobile-profile .ph-row.ph-arena{grid-template-columns:90px 96px 90px 281px 160px 56px!important}}@layer site-scrollbars{html body #app #account-content#account-content .pc-mobile-profile{--pc-mobile-art-height:clamp(210px,66vw,380px)}html body #app #account-content#account-content .pc-mobile-profile .pc-art{height:var(--pc-mobile-art-height)!important}html body #app #account-content#account-content .pc-mobile-profile>.pc-gear{left:8px!important;right:auto!important;top:calc(var(--pc-mobile-art-top) + 10px)!important;width:38px!important;height:42px!important;padding:9px!important}html body #app #account-content#account-content .pc-mobile-profile .ph-tabs{top:calc(var(--pc-mobile-art-top) + 62px)!important;gap:10px!important;transform:none!important}html body #app #account-content#account-content .pc-mobile-profile :is(.ph-history-panel,.pg-panel){top:calc(var(--pc-mobile-art-top) + 4px)!important;bottom:auto!important;height:calc(var(--pc-mobile-art-height) - 8px)!important;padding:0 10px 0 54px!important;overflow:hidden!important}html body #app #account-content#account-content .pc-mobile-profile :is(.ph-table,.pg-results){min-height:0!important;flex:1!important}}@layer site-scrollbars{html body #app #account-content .pc-canvas:has(>.pc-settings-popup)>.ph-tabs,html body #app #account-content .pc-canvas:has(>.pc-settings-popup)>.pc-gear{visibility:hidden!important;pointer-events:none!important}html body #app #account-content#account-content .pc-mobile-profile:not(.ph-show-history) .ph-history-panel,html body #app #account-content#account-content .pc-mobile-profile:not(.ph-show-guides) .pg-panel{visibility:hidden!important;pointer-events:none!important}html body #app #account-content#account-content .pc-mobile-profile.ph-show-history .ph-history-panel,html body #app #account-content#account-content .pc-mobile-profile.ph-show-guides .pg-panel{visibility:visible!important}html body #app #account-content#account-content .pc-mobile-profile>.pc-gear{top:calc(var(--pc-mobile-art-top) + var(--pc-mobile-art-height)/2 - 99px)!important}html body #app #account-content#account-content .pc-mobile-profile .ph-tabs{top:calc(var(--pc-mobile-art-top) + var(--pc-mobile-art-height)/2 - 47px)!important}}
