html body #app #account-content .pg-panel{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;min-width:0;padding:70px 20px 18px;background:linear-gradient(#081018a3,#081018df);color:#eee;overflow:hidden;box-sizing:border-box}html body #app #account-content .pg-panel[hidden]{display:none!important}.ph-show-guides .ph-profile-panel{transform:translate(-100%)}.ph-show-guides>.pc-gear,.ph-show-guides>.pc-admin-keys{display:none!important}.pg-tabs{display:flex;justify-content:center;gap:28px;flex:none;margin-bottom:18px}.pg-tabs button{position:relative;border:0;background:none;color:#bfc9d3;font:700 16px/1.3 Arial,sans-serif;padding:10px 4px;cursor:pointer}.pg-tabs button[aria-selected=true]{color:#fff;border-bottom:2px solid #8edbff}.pg-tabs button:focus-visible{outline:2px solid #8edbff;outline-offset:3px}.pg-results{min-height:0;overflow:auto;flex:1;border:1px solid #ffffff30;border-radius:9px;background:#080c124d;backdrop-filter:blur(8px)}.pg-message{padding:24px;text-align:center;color:#bac6d1;font:14px Arial,sans-serif}html body #app #account-content .pg-panel .hub-table{width:100%;min-width:850px;table-layout:auto;border-collapse:collapse;font:14px/1.3 Arial,sans-serif}html body #app #account-content .pg-panel .hub-table th{height:48px;background:#ffffff08;border:0;border-radius:0;text-align:center;padding:8px;font-size:12px;color:#ccd0d4}html body #app #account-content .pg-panel .hub-table td{height:76px;padding:12px;text-align:center;border-bottom:1px solid #ffffff16}html body #app #account-content .pg-panel .hub-table tbody tr:nth-child(2n){background:#ffffff05}html body #app #account-content .pg-panel .hub-table .hub-view{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:5px 16px;border:1px solid #8e9bab;border-radius:3px;background:#111a;color:#eee;font:700 12px Arial,sans-serif}.pg-panel .submission-pagination{padding:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.pg-panel .submission-pagination>div{display:flex;gap:6px}.pg-panel .submission-pagination button{padding:7px 10px;background:#17212d;border:1px solid #61778a;border-radius:4px;color:#eee;cursor:pointer}.pg-panel .submission-pagination button:disabled{opacity:.4;cursor:default}.pg-panel .hub-author,.pg-panel .sy-author{display:flex;align-items:center;text-align:left;gap:10px}.pg-panel .hub-author strong,.pg-panel .sy-player-name{display:block}.pg-panel .hub-author-tag{display:block;font-size:11px;color:#aeb7c1;margin-top:3px}.pg-panel .hub-author-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover}.pg-panel .hub-items{display:flex;gap:3px;justify-content:center}.pg-panel .hub-items img,.pg-panel .hub-inline img{width:32px;height:32px}.pg-panel .hub-title-icons{display:flex;align-items:center;justify-content:center;gap:7px}.pg-panel .hub-title-champion{width:38px;height:38px;border-radius:50%}.pg-panel .hub-title-role{width:24px;height:24px;object-fit:contain}.pg-panel .hub-like svg,.pg-panel .sy-row-likes svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}.pg-panel .hub-like,.pg-panel .sy-row-likes{display:inline-flex;align-items:center;gap:6px;background:none;border:0;color:#b9c6d2;cursor:pointer}.pg-panel .hub-like[aria-pressed=true],.pg-panel .sy-row-likes[aria-pressed=true]{color:#ebca68}@media(max-width:760px){html body #app #account-content .pg-panel{padding:60px 8px 10px}.pg-tabs{gap:20px;margin-bottom:10px}.pg-tabs button{font-size:14px}.pg-panel .submission-pagination{flex-wrap:wrap;justify-content:center;font-size:11px}}@layer dataset-auto-fit{html body #app #account-content .pg-panel .pg-results{display:flex!important;flex-direction:column!important;overflow:hidden!important;width:min(100%,1100px)!important;margin-inline:auto!important}html body #app #account-content .pg-panel .hub-table-scroll{flex:1!important;min-height:0!important;overflow:auto!important;width:100%!important}html body #app #account-content .pg-panel table{display:table!important;zoom:1!important;width:100%!important;min-width:900px!important;max-width:none!important;table-layout:fixed!important;border-collapse:collapse!important}html body #app #account-content .pg-panel:not([data-guide-type=builds]) table{min-width:680px!important}html body #app #account-content .pg-panel thead{display:table-header-group!important}html body #app #account-content .pg-panel tbody{display:table-row-group!important}html body #app #account-content .pg-panel tr{display:table-row!important}html body #app #account-content .pg-panel :is(th,td){display:table-cell!important;box-sizing:border-box!important;white-space:normal!important;overflow-wrap:normal!important;vertical-align:middle!important;min-width:0!important;text-align:center!important;padding:12px 10px!important;width:auto!important}html body #app #account-content .pg-panel th{height:60px!important;position:sticky!important;top:0!important;z-index:2!important;background:#242529ed!important;font:700 13px/1.4 Arial,sans-serif!important;border-radius:0!important;border:0!important}html body #app #account-content .pg-panel td{height:var(--pg-row-height,90px)!important;font:13px/1.4 Arial,sans-serif!important}html body #app #account-content .pg-panel[data-guide-type=builds] :is(th,td):nth-child(1){width:8%!important}html body #app #account-content .pg-panel[data-guide-type=builds] :is(th,td):nth-child(2){width:23%!important}html body #app #account-content .pg-panel[data-guide-type=builds] :is(th,td):nth-child(3){width:8%!important}html body #app #account-content .pg-panel[data-guide-type=builds] :is(th,td):nth-child(4){width:28%!important}html body #app #account-content .pg-panel[data-guide-type=builds] :is(th,td):nth-child(5){width:12%!important}html body #app #account-content .pg-panel[data-guide-type=builds] :is(th,td):nth-child(6){width:9%!important}html body #app #account-content .pg-panel[data-guide-type=builds] :is(th,td):nth-child(7){width:12%!important}html body #app #account-content .pg-panel:not([data-guide-type=builds]) :is(th,td):nth-child(1){width:30%!important}html body #app #account-content .pg-panel:not([data-guide-type=builds]) :is(th,td):nth-child(2){width:20%!important}html body #app #account-content .pg-panel:not([data-guide-type=builds]) :is(th,td):nth-child(3){width:20%!important}html body #app #account-content .pg-panel:not([data-guide-type=builds]) :is(th,td):nth-child(4){width:14%!important}html body #app #account-content .pg-panel:not([data-guide-type=builds]) :is(th,td):nth-child(5){width:16%!important}html body #app #account-content .pg-panel .submission-pagination{flex:none!important;min-height:54px!important;box-sizing:border-box!important;position:relative!important;margin:0!important}html body #app #account-content .pg-panel .hub-items{display:flex!important;justify-content:center!important;gap:4px!important}html body #app #account-content .pg-panel .hub-items img{width:36px!important;height:36px!important}html body #app #account-content .pg-panel .hub-inline img{width:32px!important;height:32px!important}html body #app #account-content .pg-panel .hub-title-icons{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}html body #app #account-content .pg-panel .sy-row-champions{display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important}}@layer dataset-auto-fit{html body #app #account-content .pg-panel .sy-pair{display:flex!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;gap:16px!important}html body #app #account-content .pg-panel .sy-champion-stack{display:flex!important;flex-direction:row!important;align-items:center!important;gap:5px!important}html body #app #account-content .pg-panel .sy-champion-stack .sy-portrait{width:38px!important;height:38px!important}html body #app #account-content .pg-panel .sy-role-icon{width:20px!important;height:20px!important}}@layer dataset-auto-fit{html body #app #account-content .pg-panel .hub-items img{border:0!important;outline:0!important;box-shadow:none!important}html body #app #account-content .pg-panel .hub-view{border:1px solid #55565d!important;outline:0;box-shadow:none!important}html body #app #account-content .pg-panel .hub-view:is(:hover,:focus-visible){border-color:#7b7c85!important;background:#34353b!important}}@layer dataset-auto-fit{html body #app #account-content .pg-panel tbody td:first-child{padding-left:24px!important;text-align:left!important}html body #app #account-content .pg-panel tbody td:last-child{padding-right:24px!important;text-align:right!important}html body #app #account-content .pg-panel :is(.hub-title-icons,.sy-pair){justify-content:flex-start!important}html body #app #account-content .pg-panel .sy-portrait-frame{display:inline-block!important;width:38px!important;height:38px!important;border:0!important;border-radius:50%!important;overflow:hidden!important;flex:0 0 38px!important;box-shadow:0 2px 5px #0008!important}html body #app #account-content .pg-panel .sy-portrait{width:100%!important;height:100%!important;object-fit:cover!important;transform:scale(1.12)!important;border-radius:50%!important;border:0!important}html body #app #account-content .pg-panel .sy-role-icon{width:23px!important;height:23px!important;filter:grayscale(1) brightness(0) invert(1)!important;opacity:.85!important}html body #app #account-content .pg-panel .sy-badge{display:inline-block!important;padding:3px 7px!important;border:1px solid var(--sy-color,#c4a2f0)!important;border-radius:4px!important;background:color-mix(in srgb,var(--sy-color,#c4a2f0) 12%,transparent)!important;color:var(--sy-color,#c4a2f0)!important}html body #app #account-content .pg-panel .hub-title-champion{width:38px!important;height:38px!important;object-fit:cover!important;border-radius:50%!important;border:0!important}}@layer site-scrollbars{html body #app #account-content .pg-panel .hub-items img{border:0!important;outline:0!important;box-shadow:none!important}html body #app #account-content .pg-panel .hub-view{border:1px solid #55565d!important;box-shadow:none!important}html body #app #account-content .pg-panel .hub-view:is(:hover,:focus-visible){border-color:#7b7c85!important;background:#34353b!important}html body #app #account-content .pg-panel .sy-level{display:inline-flex!important;align-items:center!important;padding:3px 7px!important;font:600 10px/1.3 Arial,sans-serif!important;border:1px solid currentColor!important;border-radius:4px!important;color:var(--pg-level)!important;background:color-mix(in srgb,var(--pg-level) 12%,transparent)!important}.pg-panel .sy-level[data-level=ideal]{--pg-level:#c4a2f0}.pg-panel .sy-level[data-level=good]{--pg-level:#94bce8}.pg-panel .sy-level[data-level=neutral]{--pg-level:#87d8b8}.pg-panel .sy-level[data-level=weak]{--pg-level:#e8c866}.pg-panel .sy-level[data-level=bad]{--pg-level:#c04047}}@layer dataset-auto-fit{html body #app #account-content .pg-panel[data-guide-type=builds] :is(th,td):nth-child(1){width:12%!important}html body #app #account-content .pg-panel[data-guide-type=builds] :is(th,td):nth-child(2){width:19%!important}html body #app #account-content .pg-panel:not([data-guide-type=builds]) .pg-results{width:min(100%,940px)!important}}html body dialog.pg-submission-dialog{position:fixed!important;inset:50% auto auto 50%!important;transform:translate(-50%,-50%)!important;margin:0!important;width:min(1050px,calc(100vw - 24px))!important;max-width:1050px!important;height:fit-content!important;min-height:0!important;max-height:calc(100dvh - 24px)!important;overflow:auto!important;padding:36px 28px 24px!important;border:1px solid #55565d!important;border-radius:14px!important;background:#11171ff5!important;color:#eee!important;font:14px/1.5 Arial,sans-serif!important;box-shadow:0 24px 90px #000b!important}.pg-submission-dialog::backdrop{background:#0009;backdrop-filter:blur(5px)}.pg-submission-dialog .pg-preview-close{position:absolute;right:12px;top:10px;border:0;background:transparent;color:#ddd;font:26px Arial;cursor:pointer;z-index:5}.pg-submission-dialog .pg-preview-title{display:flex;gap:15px;align-items:center;margin-bottom:20px;font-size:20px}.pg-submission-dialog .bv-author-avatar{width:54px;height:54px;border-radius:50%}.pg-submission-dialog .bv-header-copy{display:grid}.pg-submission-dialog .bv-header-byline{font-size:12px;color:#aaa}.pg-submission-dialog .sy-card-pair{display:flex;gap:40px;justify-content:center;text-align:center}.pg-submission-dialog .sy-card-member{display:grid;justify-items:center;gap:8px}.pg-submission-dialog .sy-portrait-frame{width:64px;height:64px;overflow:hidden;border-radius:50%}.pg-submission-dialog .sy-portrait{width:100%;height:100%;object-fit:cover;transform:scale(1.12)}.pg-submission-dialog .sy-card-role img{width:22px;height:22px;filter:brightness(0) invert(1)}.pg-submission-dialog .sy-card-advice{white-space:pre-wrap;overflow-wrap:anywhere;margin:24px auto;max-width:800px}.pg-submission-dialog .sy-card-rating{text-align:center;margin:18px}@media(max-width:600px){html body dialog.pg-submission-dialog{padding:36px 14px 18px!important}.pg-preview-content .mv-sheet{display:block!important}}@layer site-scrollbars{html body #app #account-content .pg-panel tbody td:is(:first-child,:last-child){text-align:center!important;padding-inline:10px!important}html body #app #account-content .pg-panel :is(.hub-title-icons,.sy-pair){justify-content:center!important}html body #app #account-content .pg-panel .pg-champion-frame{display:inline-block!important;position:relative!important;overflow:hidden!important;width:38px!important;height:38px!important;flex:0 0 38px!important;border-radius:50%!important;background:transparent!important}html body #app #account-content .pg-panel .pg-champion-frame>.hub-title-champion{position:absolute!important;inset:-7%!important;width:114%!important;height:114%!important;max-width:none!important;object-fit:cover!important;object-position:center!important;border:0!important;border-radius:0!important;transform:none!important}html body #app #account-content .pg-panel .sy-role-icon{filter:drop-shadow(0 1px 2px #000b)!important;opacity:1!important}}@layer site-scrollbars{html body #app #account-content .pg-panel .hub-table-scroll{overflow:auto!important;touch-action:pan-x pan-y!important}}@layer site-scrollbars{html body #app #account-content .pg-tabs{gap:8px!important}html body #app #account-content .pg-tabs button{padding:7px 14px!important;border:1px solid #354858!important;border-radius:10px!important;background:#111e2bd9!important;color:#c6d0dc!important;font:14px/1.2 Arial,sans-serif!important}html body #app #account-content .pg-tabs button[aria-selected=true]{background:linear-gradient(#286185,#173b59)!important;border-color:#56b5e8!important;color:#fff!important;box-shadow:0 0 6px #238cbe77!important}html body #app #account-content .pg-tabs button:after{display:none!important}}@layer site-scrollbars{html body #app #account-content .pg-panel table{border-collapse:separate!important;border-spacing:0!important;isolation:isolate!important}html body #app #account-content .pg-panel thead{position:sticky!important;top:0!important;z-index:20!important;background:transparent!important}html body #app #account-content .pg-panel thead th{background:#ffffff08!important;z-index:21!important;box-shadow:0 1px #3b4047!important}html body #app #account-content .pg-panel .pg-results{box-shadow:inset 0 0 0 1px #ffffff12!important}html body #app #account-content .pg-panel .hub-table-scroll{background-image:linear-gradient(to bottom,transparent calc(100% - 1px),#34414c 0)!important;background-size:5px var(--pg-row-height,90px)!important;background-position:right 60px!important;background-repeat:repeat-y!important;background-attachment:local!important}}@layer site-scrollbars{html body #app #account-content .pg-panel tbody{clip-path:inset(var(--pg-scroll-top,0px) 0 0)!important}}@layer site-scrollbars{html body #app #account-content .pg-panel .pg-results{position:relative!important}html body #app #account-content .pg-panel .pg-results:after{content:"";position:absolute;top:0;bottom:0;right:0;width:var(--pg-track-width,5px);background:var(--pg-track-lines,none);pointer-events:none;z-index:30}html body #app #account-content .pg-panel .hub-table-scroll{background-image:none!important}}@layer site-scrollbars{html body #app #account-content .pg-panel{padding:190px 16px 12px!important;background:transparent!important;color:#edf1f7!important;font:14px/1.3 Arial,sans-serif!important}html body #app #account-content .pg-panel .pg-tabs{width:100%!important;box-sizing:border-box!important;flex:none!important;padding:8px 12px!important;gap:8px!important;margin:0!important;background:#08121bb3!important;border-radius:14px 14px 0 0!important}html body #app #account-content .pg-panel .pg-results,html body #app #account-content .pg-panel:not([data-guide-type=builds]) .pg-results{width:100%!important;max-width:none!important;margin:0!important;border:1px solid #263440!important;border-top:0!important;border-radius:0 0 13px 13px!important;background:#080f19df!important;backdrop-filter:none!important}@media(max-width:760px){html body #app #account-content .pg-panel{padding:200px 5px 8px!important}html body #app #account-content .pg-panel .pg-tabs{padding:7px 4px!important;gap:5px!important}html body #app #account-content .pg-panel .pg-tabs button{padding:8px 9px!important;font-size:11px!important;min-height:32px!important}}}@layer site-scrollbars{html body #app #account-content .pg-panel thead{display:none!important}html body #app #account-content .pg-panel tbody{clip-path:none!important}html body #app #account-content .pg-panel .pg-results:after{display:none!important}html body #app #account-content .pg-panel :is(.hub-table-scroll,table,tbody,tr,td){backdrop-filter:none!important;scroll-behavior:auto!important}html body #app #account-content .pg-panel .hub-table-scroll{overscroll-behavior:contain!important}}@layer site-scrollbars{html body #app #account-content .pg-panel[data-guide-type=builds] .hub-table{width:100%!important;min-width:0!important;table-layout:fixed!important}html body #app #account-content .pg-panel[data-guide-type=builds] td{min-width:0!important;overflow:hidden!important;padding-inline:8px!important}html body #app #account-content .pg-panel[data-guide-type=builds] td:nth-child(1){width:12%!important}html body #app #account-content .pg-panel[data-guide-type=builds] td:nth-child(2){width:23%!important}html body #app #account-content .pg-panel[data-guide-type=builds] td:nth-child(3){width:8%!important}html body #app #account-content .pg-panel[data-guide-type=builds] td:nth-child(4){width:34%!important}html body #app #account-content .pg-panel[data-guide-type=builds] td:nth-child(5){width:11%!important}html body #app #account-content .pg-panel[data-guide-type=builds] td:nth-child(6){width:12%!important}html body #app #account-content .pg-panel[data-guide-type=builds] tbody tr{cursor:pointer}}
