a.buildsPageTab{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.tierlistPageLayout .tierlistPage{max-width:1496px}.tierlistPageLayout .tierlistPageTopBar{flex-wrap:wrap;gap:12px 16px;min-height:58px;align-items:center}.tierlistPageTopBarMain{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;width:100%}.tierlistPageLayout .tierlistMakerTypeTabs{margin-left:auto;display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border-radius:10px;background:rgba(8,14,26,.65);border:1px solid rgba(255,255,255,.06)}.tierlistPageLayout .tierlistMakerTypeTabs .buildsPageTab{padding:8px 16px;font-size:.82rem}@media (max-width:780px){.tierlistPageLayout .tierlistMakerTypeTabs{margin-left:0;width:100%;justify-content:stretch}.tierlistPageLayout .tierlistMakerTypeTabs .buildsPageTab{flex:1 1;text-align:center}}.tierlistPageIntro{padding:12px 18px 14px;border:1px solid rgba(255,255,255,.06);border-top:none;background:rgba(12,20,34,.75)}.tierlistPageIntro h1{margin:0 0 6px;font-size:1.1rem;font-weight:700;color:var(--foreground-secondary);letter-spacing:.01em}.tierlistPageIntro p{margin:0;font-size:.88rem;line-height:1.45;color:var(--foreground-muted);max-width:70ch}.tierlistPagePanel{border:1px solid rgba(255,255,255,.06);border-top:none;border-radius:0 0 12px 12px;background:rgba(12,20,34,.55);padding:clamp(16px,2vw,24px);min-width:0}.tierlistPageLayout .tierlistBrowserPage,.tierlistPageLayout .tierlistWrapper{background:transparent;border:none;box-shadow:none;padding:0}.tierlistPageLayout .tierlistControls{margin-bottom:18px;padding:14px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.06);background:rgba(18,28,46,.92);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.tierlistPageLayout .tierlistBrowseSearch,.tierlistPageLayout .tierlistNameInput,.tierlistPageLayout .tierlistUnassignedSearch{height:42px;padding:0 12px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:rgba(8,14,26,.85);color:var(--foreground-secondary);font-size:.92rem}.tierlistPageLayout .tierlistBrowseSearch:focus,.tierlistPageLayout .tierlistNameInput:focus,.tierlistPageLayout .tierlistUnassignedSearch:focus{outline:none;border-color:rgba(212,175,55,.4)}.tierlistPageLayout .addTierButton,.tierlistPageLayout .editRoleTierlistButton,.tierlistPageLayout .filterButton,.tierlistPageLayout .resetTierlistButton,.tierlistPageLayout .saveImageButton,.tierlistPageLayout .saveRoleTierlistButton,.tierlistPageLayout .toggleNamesButton{padding:9px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:rgba(8,14,26,.85);color:var(--foreground-muted);font-size:.88rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.tierlistPageLayout .addTierButton:hover,.tierlistPageLayout .filterButton:hover,.tierlistPageLayout .resetTierlistButton:hover,.tierlistPageLayout .saveImageButton:hover,.tierlistPageLayout .toggleNamesButton:hover{color:var(--foreground-secondary);background:rgba(255,255,255,.04)}.tierlistPageLayout .filterButton.active{color:#0a172f;background:linear-gradient(135deg,#4dd0e1,#26c6da);border-color:transparent;box-shadow:0 2px 8px rgba(38,198,218,.25)}.tierlistSaveControls{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}.tierlistDraftBadge{font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:4px 8px;border-radius:6px;background:rgba(255,193,7,.15);color:#ffc107;white-space:nowrap}.tierlistLoginToSave,.tierlistShareLink{font-size:.88rem;font-weight:600;color:#4dd0e1;text-decoration:none;white-space:nowrap}.tierlistLoginToSave:hover,.tierlistShareLink:hover{text-decoration:underline}.tierlistInlineSaveMessage{font-size:.82rem;color:rgba(129,199,132,.95);white-space:nowrap}.saveTierlistButton{padding:9px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:rgba(8,14,26,.85);color:var(--foreground-muted);font-size:.88rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;cursor:pointer;transition:all .2s ease}.saveTierlistButton:hover:not(:disabled){color:var(--foreground-secondary);background:rgba(255,255,255,.04)}.saveTierlistButton:disabled{opacity:.5;cursor:not-allowed}.userTierlistCard{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(145deg,rgba(22,32,52,.96),rgba(14,20,34,.92));cursor:pointer;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.userTierlistCard.roleTierlistCard{padding:16px;gap:10px}.userTierlistCard:hover{border-color:rgba(77,208,225,.35);transform:translateY(-1px);box-shadow:0 8px 24px rgba(0,0,0,.35)}.userTierlistCardPreview{min-height:100px}.userTierlistAlignmentPreview{display:flex;flex-direction:column;gap:10px}.userTierlistLayoutBadge{align-self:flex-start;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:4px 8px;border-radius:6px;background:rgba(151,117,250,.2);color:#d0c4ff}.userTierlistAlignmentIcons{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.userTierlistPreviewTierName{display:inline-flex;align-items:center;justify-content:center;min-width:28px;padding:2px 6px;border-radius:6px;color:#000;font-weight:800;font-size:.82rem;line-height:1.1}.userTierlistPreviewTierName[data-tier-accent="0"]{background:linear-gradient(135deg,#ff6b8a,#ff4757)}.userTierlistPreviewTierName[data-tier-accent="1"]{background:linear-gradient(135deg,#ffb347,#ff922b)}.userTierlistPreviewTierName[data-tier-accent="2"]{background:linear-gradient(135deg,#ffe066,#fcc419)}.userTierlistPreviewTierName[data-tier-accent="3"]{background:linear-gradient(135deg,#69db7c,#51cf66)}.userTierlistPreviewTierName[data-tier-accent="4"]{background:linear-gradient(135deg,#74c0fc,#4dabf7)}.userTierlistPreviewTierName[data-tier-accent="5"]{background:linear-gradient(135deg,#b197fc,#9775fa)}.userTierlistPreviewTierName[data-tier-accent="6"]{background:linear-gradient(135deg,#3bc9db,#22b8cf)}.userTierlistPreviewTierName[data-tier-accent="7"]{background:linear-gradient(135deg,#f783ac,#f06595)}.userTierlistCardHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.userTierlistCardTitle{font-weight:700;color:var(--foreground-secondary)}.userTierlistCardMeta{font-size:.8rem;color:var(--foreground-muted)}.userTierlistTypeBadge{font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:4px 8px;border-radius:6px;background:rgba(77,208,225,.15);color:#4dd0e1;white-space:nowrap}.userTierlistGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:14px;gap:14px}.tierlistPageLayout .tierlistContent{max-width:none;margin:0;padding:0;border:none;border-radius:0;background:transparent;box-shadow:none}.tierlistPageLayout .tierlistBrowseFilters{margin-bottom:16px;padding:0 0 14px;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.06);border-radius:0}.tierlistPageLayout .tierlistBrowseSearch{max-width:420px}.tierlistPageLayout .roleTierlistCard{background:linear-gradient(145deg,rgba(22,32,52,.96),rgba(14,20,34,.92));border:1px solid rgba(255,255,255,.09);box-shadow:0 2px 10px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.04)}.tierlistPageLayout .roleTierlistCard:hover{border-color:rgba(77,208,225,.35);box-shadow:0 8px 24px rgba(0,0,0,.35),0 0 0 1px rgba(77,208,225,.12);transform:translateY(-1px)}.tierlistPageLayout .roleTierlistCardPreview{background:rgba(8,14,26,.55);border-color:rgba(255,255,255,.06)}.tierlistPageLayout .roleTierlistCardLoadButton{background:rgba(38,198,218,.12);border-color:rgba(77,208,225,.35);color:#9de7f0}.tierlistPageLayout .roleTierlistCardLoadButton:hover{background:rgba(38,198,218,.22);border-color:rgba(77,208,225,.55)}.tierlistPageLayout .unassignedSection{background:rgba(18,28,46,.72);border-color:rgba(255,255,255,.08)}.tierlistPageLayout .unassignedHeader{background:rgba(12,20,34,.85);border-bottom-color:rgba(255,255,255,.06)}.tierlistPageLayout .alignmentChartCanvas{border-color:rgba(255,255,255,.08);background-color:rgba(8,14,26,.85)}.tierlistContainer{margin:100px auto 0;padding:clamp(12px,2vw,24px) clamp(12px,2vw,24px) clamp(28px,4vw,48px);display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:100%;min-height:calc(100vh - 100px);box-sizing:border-box}.tierlistContainer,.tierlistContainer.tierlistGodPage{background:var(--background,#0a172f)}.tierlistPageWrapper{width:100%;max-width:min(1320px,100%);margin:0 auto;min-width:0;background:transparent;border:none;box-shadow:none;border-radius:0;padding:0;box-sizing:border-box}.tierlistContainer>.tierlistWrapper,.tierlistPageWrapper>.tierlistWrapper{background:transparent;box-shadow:none;border:none;border-radius:0;padding:0;align-items:stretch;max-width:100%}.tierlistBrowserPage.tierlistWrapper{min-width:0}.tierlistHeader{text-align:center;margin-bottom:20px;color:#ffffff}.tierlistHeader h1{font-size:1.8rem;margin-bottom:8px;color:#e8eeff;font-weight:600;letter-spacing:-.5px;text-shadow:0 0 20px rgba(65,105,225,.15)}.tierlistHeader p{font-size:.9rem;color:#a8b8d0;font-weight:300}.tierlistPageNav{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin-top:16px}.tierlistPageNav .tierlistTopBarLink{text-decoration:none}.tierlistPageNavLinkActive{cursor:default;pointer-events:none}.tierlistPageNavLinkActive:hover{transform:none}.tierlistMakerTypeNav{margin-top:10px}.tierlistWrapper{background:transparent;border-radius:0;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:0;box-shadow:none;border:none;max-width:100%}.tierlistTopBar,.tierlistWrapper{display:flex;width:100%;box-sizing:border-box}.tierlistTopBar{flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(65,105,225,.25)}.tierlistTopBarBuilder{margin-bottom:0;padding-bottom:12px;justify-content:center}.tierlistTopBarButton{padding:12px 22px;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid rgba(65,105,225,.35);background:rgba(65,105,225,.12);color:#b8cce8}.tierlistTopBarButton:hover:not(:disabled){background:rgba(65,105,225,.22);border-color:rgba(65,105,225,.5);color:#ffffff}.tierlistTopBarButtonPrimary{background:rgba(65,105,225,.35);border-color:rgba(100,149,237,.6);color:#c8dcff}.tierlistTopBarButtonPrimary:hover{background:rgba(65,105,225,.5);border-color:rgba(100,149,237,.75)}.tierlistTopBarBackButton{margin-right:8px}.tierlistTopBarLink{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.tierlistBrowserPage{width:100%;max-width:100%;margin:0;min-height:0;box-sizing:border-box}.tierlistBrowserContent{padding:8px 0;width:100%}.tierlistBrowserPageTitle{color:#e8eeff;font-size:1.75rem;font-weight:600;margin:0 0 10px;text-align:center;text-shadow:0 0 24px rgba(65,105,225,.12)}.tierlistBrowserPageSubtitle{color:#a8b8d0;font-size:1.1rem;margin:0 0 28px;text-align:center}.tierlistBrowserLoading{color:#88a0c8;font-size:1rem;padding:32px;text-align:center}.tierlistControls{width:100%;max-width:100%;box-sizing:border-box;margin-bottom:20px;padding:16px 18px;background:rgba(8,14,28,.55);border-radius:12px;display:flex;flex-direction:column;gap:14px;border:1px solid rgba(65,105,225,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.tierlistControlsPrimary{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;width:100%}.tierlistControlsSecondary{display:flex;flex-direction:column;gap:8px;width:100%;padding-top:2px;border-top:1px solid rgba(255,255,255,.06)}.tierlistControlsSecondary:empty{display:none;padding:0;border:none}.tierlistNameSection{display:flex;align-items:center;gap:8px;flex:1 1 220px;min-width:min(100%,220px)}.tierlistNameSection label{color:#e0e0e0;font-weight:500;min-width:90px;font-size:.85rem}.tierlistNameInput{flex:1 1;padding:8px 12px;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:rgba(255,255,255,.03);color:#ffffff;font-size:.9rem;transition:all .2s ease}.tierlistNameInput:focus{outline:none;border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.05)}.tierlistButtons{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:flex-end;flex:1 1 280px;min-height:42px}.addTierButton,.resetTierlistButton,.saveImageButton,.toggleNamesButton{padding:12px 22px;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:1rem;background:rgba(255,255,255,.1);color:#ffffff;border:1px solid rgba(255,255,255,.1)}.addTierButton:hover,.resetTierlistButton:hover,.saveImageButton:hover,.toggleNamesButton:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.2);transform:translateY(-1px)}.addTierButton:disabled,.resetTierlistButton:disabled,.saveImageButton:disabled,.toggleNamesButton:disabled{background:rgba(255,255,255,.05);cursor:not-allowed;opacity:.5;transform:none}.addTierButton:active,.resetTierlistButton:active,.saveImageButton:active,.toggleNamesButton:active{transform:translateY(0)}.saveImageButton:disabled{background:rgba(255,255,255,.05);cursor:not-allowed;opacity:.5}.saveMessage{padding:8px 12px;border-radius:6px;text-align:center;font-weight:500;color:#ffffff;background:rgba(76,175,80,.2);border:1px solid rgba(76,175,80,.3);font-size:.85rem}.filterSection{display:flex;flex-direction:column;gap:8px;width:100%}.filterSectionLabel,.layoutModeLabel{color:#c8d4ec;font-size:.85rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.filterButtons{display:flex;gap:8px;flex-wrap:wrap}.filterButton{padding:12px 22px;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:1rem;background:rgba(255,255,255,.05);color:rgba(255,255,255,.7)}.filterButton:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:#ffffff}.filterButton.active{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3);color:#ffffff}.tierlistContent{width:100%;max-width:min(1180px,100%);margin:0 auto;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:14px;background:rgba(6,10,20,.45);border:1px solid rgba(65,105,225,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 12px 40px rgba(0,0,0,.25)}.tierRow{position:relative;display:grid;grid-template-columns:minmax(88px,112px) minmax(0,1fr);grid-template-rows:auto;align-items:stretch;background:rgba(255,255,255,.02);border-radius:11px;overflow:hidden;border:1px solid rgba(255,255,255,.08);transition:border-color .2s ease,box-shadow .2s ease;cursor:-webkit-grab;cursor:grab}.tierRow:hover{border-color:rgba(65,105,225,.28);box-shadow:0 4px 18px rgba(0,0,0,.2)}.tierHeader[data-tier-accent="0"],.tierRow:first-child .tierHeader:not([data-tier-accent]){background:linear-gradient(135deg,#ff6b8a,#ff4757 55%,#ee3a4f)}.tierHeader[data-tier-accent="1"],.tierRow:nth-child(2) .tierHeader:not([data-tier-accent]){background:linear-gradient(135deg,#ffb347,#ff922b 55%,#fd7e14)}.tierHeader[data-tier-accent="2"],.tierRow:nth-child(3) .tierHeader:not([data-tier-accent]){background:linear-gradient(135deg,#ffe066,#fcc419 55%,#fab005)}.tierHeader[data-tier-accent="3"],.tierRow:nth-child(4) .tierHeader:not([data-tier-accent]){background:linear-gradient(135deg,#69db7c,#51cf66 55%,#37b24d)}.tierHeader[data-tier-accent="4"],.tierRow:nth-child(5) .tierHeader:not([data-tier-accent]){background:linear-gradient(135deg,#74c0fc,#4dabf7 55%,#339af0)}.tierHeader[data-tier-accent="5"],.tierRow:nth-child(n+6) .tierHeader:not([data-tier-accent]){background:linear-gradient(135deg,#b197fc,#9775fa 55%,#845ef7)}.tierHeader[data-tier-accent="6"]{background:linear-gradient(135deg,#3bc9db,#22b8cf 55%,#15aabf)}.tierHeader[data-tier-accent="7"]{background:linear-gradient(135deg,#f783ac,#f06595 55%,#e64980)}.tierRowDragging{opacity:.55;cursor:-webkit-grabbing;cursor:grabbing}.tierRowDropTarget:not(.tierRowDragging){outline:2px dashed rgba(120,170,255,.75);outline-offset:-2px}.tierRowDropEndZone{min-height:12px;margin:-4px 0 6px;border-radius:8px;border:1px dashed transparent;transition:border-color .15s ease,background .15s ease}.tierRowDropEndZoneActive{min-height:28px;border-color:rgba(120,170,255,.45);background:rgba(65,105,225,.08)}.tierHeader{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:0;padding:10px 6px;border-bottom:none;border-right:1px solid rgba(0,0,0,.12);box-shadow:inset -1px 0 0 rgba(255,255,255,.18);min-width:0;container-type:inline-size}.tierAccentCycle,.tierHeader{align-items:center;justify-content:center}.tierAccentCycle{display:inline-flex;width:26px;height:24px;padding:0;border-radius:6px;cursor:pointer;color:rgba(255,255,255,.8);background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.12);font-size:13px;line-height:1;flex-shrink:0;transition:background .15s ease,border-color .15s ease,transform .15s ease}.tierAccentCycle:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.28)}.tierAccentCycle:active{transform:scale(.95)}.tierRowCornerActions{position:absolute;top:8px;right:8px;z-index:4;flex-direction:row;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}.tierNameSection,.tierRowCornerActions{display:flex;align-items:center;gap:6px}.tierNameSection{flex-direction:column;justify-content:center;width:100%;max-width:100%;min-width:0}.tierName{color:#000000;font-size:.95rem;font-size:clamp(.68rem,11cqi + .55rem,1.75rem);font-weight:800;margin:0;cursor:pointer;padding:3px 2px;border-radius:8px;transition:all .2s ease;letter-spacing:.02em;text-align:center;line-height:1.1;max-width:100%;box-sizing:border-box;overflow-wrap:break-word;word-break:normal}.tierName:hover{background:rgba(0,0,0,.08)}.tierNameInput{background:rgba(255,255,255,.55);border:1px solid rgba(0,0,0,.22);color:#000000;font-size:.9rem;font-size:clamp(.65rem,11cqi + .5rem,1.55rem);font-weight:700;padding:5px 4px;border-radius:8px;width:100%;max-width:100%;min-width:0;box-sizing:border-box;text-align:center;transition:all .2s ease}.tierNameInput:focus{outline:none;border-color:rgba(0,0,0,.35);background:rgba(255,255,255,.72)}.tierNameInputEdit{width:100%;max-width:100%}.removeTierButton{background:rgba(255,255,255,.1);color:#ffffff;border:1px solid rgba(255,255,255,.1);width:24px;height:24px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.removeTierButton:hover{background:rgba(255,77,77,.2);border-color:rgba(255,77,77,.3)}.tierContent{grid-column:2;grid-row:1;min-width:0;padding:10px 12px;min-height:72px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;align-content:flex-start;background:rgba(0,0,0,.2)}.tierContent:empty:before{content:"Drop items/gods here";color:rgba(255,255,255,.3);font-style:italic;width:100%;text-align:center;padding:12px;font-size:.85rem}.godInTier{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:-webkit-grab;cursor:grab;transition:all .2s ease;padding:6px 6px 8px;border-radius:10px;background:rgba(255,255,255,.04);max-width:7%;border:1px solid rgba(255,255,255,.06);box-shadow:0 2px 6px rgba(0,0,0,.2)}.godInTier:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.06);box-shadow:0 2px 8px rgba(0,0,0,.3)}.godInTier:active{cursor:-webkit-grabbing;cursor:grabbing;transform:translateY(-1px)}.godIcon{width:64px;height:64px;min-width:64px;min-height:64px;max-width:64px;max-height:64px;border-radius:8px;object-fit:cover;border:1px solid rgba(255,255,255,.05);transition:all .2s ease}.tierlistPortraitWrap{position:relative;flex-shrink:0}.tierlistAspectBadge,.tierlistPortraitWrap{display:flex;align-items:center;justify-content:center}.tierlistAspectBadge{position:absolute;bottom:2px;right:2px;padding:2px;border-radius:6px;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.25);pointer-events:none;width:28px;height:28px;min-width:22px;min-height:22px;box-sizing:border-box;line-height:0}.tierlistAspectBadgeIcon{display:block;width:22px;height:22px;border-radius:4px;object-fit:cover}.tierlistAspectBadgePreview{bottom:1px;right:1px;padding:1px;width:20px;height:20px;min-width:18px;min-height:18px}.tierlistAspectBadgePreview .tierlistAspectBadgeIcon{width:14px;height:14px}.tierlistPreviewPortraitWrap{position:relative;display:inline-flex;flex-shrink:0}.abilityInTier{position:relative}.abilityGodIconWrap{position:absolute;bottom:4px;right:4px;padding:3px;border-radius:8px;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.25);pointer-events:none;display:flex;align-items:center;justify-content:center}.abilityGodIcon{display:block;width:26px;height:26px;min-width:26px;min-height:26px;border-radius:6px;object-fit:cover;pointer-events:none}.tierlistContent.namesHidden .godInTier{max-width:4%;width:auto;min-width:80px;padding:2px;aspect-ratio:1;justify-content:center}.tierlistContent.namesHidden .godInTier .tierlistPortraitWrap{width:100%;min-width:80px;min-height:80px;max-width:80px;max-height:80px;aspect-ratio:1}.tierlistContent.namesHidden .godInTier .godIcon{width:100%;height:100%;min-width:80px;min-height:80px;max-width:80px;max-height:80px;border-radius:8px;flex-shrink:0;object-fit:cover}.tierlistContent.namesHidden .tierContent,.tierlistContent.namesHidden .unassignedContent{gap:3px}.godName{color:rgba(255,255,255,.9);font-size:clamp(.8rem,.9vw,1rem);text-align:center;font-weight:400;overflow-wrap:break-word;word-break:normal;line-height:1.2}.unassignedSection{background:rgba(255,255,255,.03);border-radius:11px;border:1px solid rgba(65,105,225,.16);margin-top:14px;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.unassignedSection:hover{border-color:rgba(65,105,225,.35)}.unassignedTitle{display:block;background:rgba(65,105,225,.12);color:#e8eeff;margin:0;padding:0;border-bottom:none;font-size:.92rem;font-weight:600;letter-spacing:.02em;flex:1 1;min-width:0}.unassignedHeader{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:10px 14px;background:rgba(65,105,225,.12);border-bottom:1px solid rgba(65,105,225,.2)}.tierlistUnassignedSearch{flex:1 1 180px;max-width:320px;min-width:140px;padding:7px 12px;border-radius:8px;border:1px solid rgba(65,105,225,.35);background:rgba(0,0,0,.35);color:#f0f4ff;font-size:.88rem}.tierlistUnassignedSearch::placeholder{color:rgba(255,255,255,.45)}.tierlistUnassignedSearch:focus{outline:none;border-color:rgba(100,149,237,.75);box-shadow:0 0 0 2px rgba(65,105,225,.25)}.unassignedFilterCount,.unassignedSearchMeta{margin:0;padding:6px 14px 0;font-size:.8rem;color:rgba(255,255,255,.55);font-weight:400}.unassignedFilterCount{display:inline;margin-left:8px;padding:0;font-size:.8rem}.unassignedPoolToolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 14px;padding:10px 14px;border-bottom:1px solid rgba(65,105,225,.14);background:rgba(0,0,0,.12)}.unassignedAspectToggle{display:inline-flex;align-items:center;gap:8px;color:#d8e4ff;font-size:.88rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.unassignedAspectToggle input{width:16px;height:16px;accent-color:#6495ed}.unassignedPoolTabs{display:inline-flex;align-items:stretch;gap:6px;padding:3px;border-radius:10px;background:rgba(0,0,0,.28);border:1px solid rgba(65,105,225,.25)}.unassignedPoolTab{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:none;border-radius:8px;background:transparent;color:rgba(232,238,255,.75);font-size:.86rem;font-weight:500;cursor:pointer;transition:background .15s ease,color .15s ease}.unassignedPoolTab:hover:not(:disabled){background:rgba(65,105,225,.18);color:#f0f4ff}.unassignedPoolTab--active{background:rgba(65,105,225,.42);color:#fff;box-shadow:0 1px 6px rgba(0,0,0,.25)}.unassignedPoolTab--disabled,.unassignedPoolTab:disabled{opacity:.45;cursor:not-allowed}.unassignedPoolTabCount{display:inline-flex;align-items:center;justify-content:center;min-width:1.35rem;padding:1px 6px;border-radius:999px;background:rgba(0,0,0,.28);font-size:.75rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:rgba(255,255,255,.7)}.unassignedPoolTab--active .unassignedPoolTabCount{background:rgba(0,0,0,.22);color:#fff}.unassignedEmptyHint{grid-column:1/-1;margin:0;padding:18px 12px;text-align:center;color:rgba(255,255,255,.45);font-size:.88rem}.unassignedContent{padding:10px 12px;min-height:72px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;align-content:flex-start;background:rgba(0,0,0,.18)}.unassignedContent:empty:before{content:"All gods have been assigned to tiers";color:rgba(255,255,255,.3);font-style:italic;width:100%;text-align:center;padding:12px;font-size:.85rem}.loading{display:flex;justify-content:center;align-items:center;height:100vh;color:#ffffff;font-size:1.2rem}.tierContent.dragOver,.unassignedContent.dragOver{background:rgba(255,255,255,.05);border:1px dashed rgba(255,255,255,.3)}.godInTier{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.browseRoleTierlistButton{background:rgba(100,149,237,.2);color:#b8d4ff;border:1px solid rgba(100,149,237,.4);border-radius:8px;padding:12px 20px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.browseRoleTierlistButton:hover{background:rgba(100,149,237,.3);border-color:rgba(100,149,237,.6);transform:translateY(-2px)}.browseRoleTierlistButton:disabled{opacity:.5;cursor:not-allowed;transform:none}.roleTierlistModal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;justify-content:flex-start;align-items:center;z-index:1000;padding:40px 20px;overflow-y:auto;gap:24px}.roleTierlistModalTitle{color:#ffffff;margin:0;font-size:1.5rem;font-weight:600}.roleTierlistModalSubtitle{color:rgba(255,255,255,.7);margin:0;font-size:.95rem;max-width:560px;text-align:center}.roleTierlistSection{width:100%;max-width:680px;margin-bottom:36px;padding:24px;background:rgba(20,35,60,.2);border:1px solid rgba(65,105,225,.2);border-radius:14px;box-sizing:border-box}.roleTierlistSection:last-child{margin-bottom:0}.tierlistBrowserPage .roleTierlistSection{max-width:none;width:100%}.roleTierlistSectionTitle{color:#e0e8f8;font-size:1.75rem;font-weight:700;margin:0 0 20px;padding:12px 0 14px 4px;border-bottom:2px solid rgba(65,105,225,.5);text-transform:capitalize;letter-spacing:.02em}.roleTierlistSectionContent{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,400px),1fr));grid-gap:24px;gap:24px}.roleTierlistCard{position:relative;background:rgba(30,45,75,.25);border:1px solid rgba(65,105,225,.25);border-radius:14px;padding:22px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:14px;text-align:left}.roleTierlistCard:hover{background:rgba(40,60,100,.35);border-color:rgba(65,105,225,.5);box-shadow:0 4px 20px rgba(65,105,225,.15);transform:translateY(-2px)}.roleTierlistCardHeader{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding-right:56px}.roleTierlistPatchBadge{position:absolute;top:12px;right:12px;display:inline-block;padding:4px 10px;border-radius:6px;font-size:.8rem;font-weight:600;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:#88a0c8}.roleTierlistPatchBadgeCurrent{background:rgba(34,139,34,.35);border-color:rgba(34,139,34,.6);color:#7cfc7c}.roleTierlistCardTitle{color:#e0e8f8;font-size:1.2rem;font-weight:600}.roleTierlistCardUpdated{display:block;width:100%;color:#88a0c8;font-size:.95rem}.roleTierlistCardPreview{min-height:120px;width:100%;background:rgba(20,35,60,.4);border-radius:10px;padding:14px;box-sizing:border-box;border:1px solid rgba(65,105,225,.12)}.roleTierlistCardLoadButton{align-self:flex-start;background:rgba(100,149,237,.25);color:#b8d4ff;border:1px solid rgba(100,149,237,.4);border-radius:8px;padding:12px 20px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.roleTierlistCardLoadButton:hover{background:rgba(100,149,237,.4);border-color:rgba(100,149,237,.6)}.rolePreview{display:flex;flex-direction:column;gap:12px}.rolePreviewEmpty{color:rgba(255,255,255,.4);font-size:1rem}.rolePreviewTier{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.rolePreviewTierName{color:#c0d0f0;font-size:1.05rem;font-weight:600;min-width:36px}.rolePreviewGods{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.rolePreviewGodIcon{width:44px;height:44px;border-radius:8px;object-fit:cover;background:rgba(255,255,255,.05)}.rolePreviewMore{color:#88a0c8;font-size:.95rem;margin-left:4px}.roleTierlistModal>.closeModalButton{margin-top:auto;margin-bottom:20px;padding:12px 24px;border-radius:8px;width:auto;height:auto;font-size:1rem;font-weight:500}.modalOverlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000}.modalContent{background:#141414;border:1px solid rgba(255,255,255,.1);border-radius:16px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 8px 32px rgba(0,0,0,.5)}.modalHeader{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid rgba(255,255,255,.08)}.modalHeader h2{color:#ffffff;margin:0;font-size:1.5rem;font-weight:600;letter-spacing:-.3px}.closeModalButton{background:rgba(255,255,255,.1);color:#ffffff;border:1px solid rgba(255,255,255,.1);border-radius:8px;width:36px;height:36px;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.closeModalButton:hover{background:rgba(255,77,77,.2);border-color:rgba(255,77,77,.3)}.modalBody{padding:24px}.roleTierlistItem{background:rgba(255,255,255,.02);border-radius:12px;padding:20px;margin-bottom:16px;border:1px solid rgba(255,255,255,.08);transition:all .2s ease;width:100%;max-width:600px}.roleTierlistItem:hover{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.03)}.roleTierlistItemLabel{color:#ffffff;font-size:1.1rem;font-weight:600;display:block;margin-bottom:4px}.roleTierlistLastUpdated{color:rgba(255,255,255,.6);font-size:.85rem;display:block;margin-bottom:12px}.roleTierlistItem>span{display:block;margin-bottom:16px}.roleTierlistItem h3,.roleTierlistItem>span{color:#ffffff;font-size:1.1rem;font-weight:600}.roleTierlistItem h3{margin:0 0 16px}.roleTypes{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:10px;gap:10px}.roleTypeButton{background:rgba(255,255,255,.05);color:#ffffff;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px 16px;font-size:.9rem;cursor:pointer;transition:all .2s ease;text-transform:uppercase;font-weight:500;letter-spacing:.5px;display:flex;flex-direction:column;align-items:center;gap:2px}.roleTypeButton:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2);transform:translateY(-2px)}.roleTypeButtonLabel{font-weight:500}.roleTypeButtonUpdated{font-size:.7rem;opacity:.8;font-weight:400}.editRoleTierlistButton,.saveRoleTierlistButton{background:rgba(255,255,255,.1);color:#ffffff;border:1px solid rgba(255,255,255,.1)}.editRoleTierlistButton:hover,.saveRoleTierlistButton:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.2)}.editRoleTierlistButton:disabled,.saveRoleTierlistButton:disabled{background:rgba(255,255,255,.05);cursor:not-allowed;opacity:.5}.tierlistBrowseFilters{display:flex;flex-direction:column;gap:14px;margin-bottom:24px;padding:16px;background:rgba(8,14,28,.55);border-radius:12px;border:1px solid rgba(65,105,225,.18)}.tierlistBrowseSourceTabs{flex-wrap:wrap}.tierlistBrowseSourceTabs .filterButton{min-width:120px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.tierlistBrowseSearch{width:100%;max-width:480px;padding:10px 14px;border-radius:8px;border:1px solid rgba(65,105,225,.35);background:rgba(0,0,0,.35);color:#f0f4ff;font-size:.95rem}.tierlistBrowseRoleFilters{flex-wrap:wrap}.tierlistBrowseGrid{width:100%}.tierlistBrowserEmpty{color:rgba(255,255,255,.55);text-align:center;padding:48px 16px;font-size:1rem}.roleTierlistCardHint{color:#88a0c8;font-size:.85rem;margin-top:4px}.layoutModeSection{margin:0;width:100%}.layoutModeLabel{color:#c8d4ec;font-size:.85rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.tierlistContent--alignment{padding:12px;max-width:min(1280px,100%)}.alignmentChartLayout{display:flex;flex-direction:column;gap:16px;width:100%}.alignmentChartControls{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.alignmentSnapToggle{display:inline-flex;align-items:center;gap:8px;color:#d8e4ff;font-size:.92rem;cursor:pointer}.alignmentSnapToggle input{width:16px;height:16px;accent-color:#6495ed}.alignmentGridMeta{color:rgba(255,255,255,.5);font-size:.85rem}.alignmentSizeSlider{display:inline-flex;align-items:center;gap:10px;flex:1 1 220px;min-width:min(100%,260px);max-width:420px;color:#d8e4ff;font-size:.92rem}.alignmentSizeSliderLabel{white-space:nowrap}.alignmentSizeSliderHint{color:rgba(255,255,255,.42);font-size:.8rem;font-weight:400}.alignmentSizeSlider input[type=range]{flex:1 1 auto;min-width:120px;accent-color:#6495ed}.alignmentSizeSliderValue{min-width:2.75rem;text-align:right;color:rgba(255,255,255,.55);font-size:.85rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.alignmentChartFrame{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;grid-gap:8px;gap:8px;width:100%}.alignmentChartMiddle{display:grid;grid-template-columns:minmax(100px,140px) minmax(0,1fr) minmax(100px,140px);grid-gap:8px;gap:8px;align-items:stretch;min-height:0}.alignmentAxisLabel{display:flex;align-items:center;justify-content:center}.alignmentAxisLabel--bottom,.alignmentAxisLabel--top{padding:0 96px}.alignmentAxisInput{width:100%;max-width:320px;padding:8px 12px;border-radius:8px;border:1px solid rgba(65,105,225,.35);background:rgba(0,0,0,.35);color:#f0f4ff;font-size:.9rem;text-align:center}.alignmentAxisInput--side{max-width:100%;min-height:unset;padding:8px 10px;font-size:.85rem}.alignmentAxisInput--vertical{max-width:88px;writing-mode:vertical-rl;transform:rotate(180deg);min-height:120px;padding:12px 8px}.alignmentChartCanvas{position:relative;width:100%;min-height:min(62vh,560px);border-radius:12px;border:1px solid rgba(65,105,225,.35);background-color:rgba(4,8,18,.75);overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);box-sizing:border-box}.alignmentChartCanvas--snap{background-color:rgba(4,8,18,.82);min-height:0;height:auto;overflow:visible;display:flex;align-items:stretch;justify-content:center}.alignmentChartFreeLayer,.alignmentChartGrid{position:absolute;inset:0;box-sizing:border-box}.alignmentChartCanvas--snap .alignmentChartGrid{position:relative;inset:auto;width:100%;max-width:100%;aspect-ratio:calc(var(--alignment-cols, 24) * 1) /calc(var(--alignment-rows, 16) * 1)}.alignmentChartCanvas--snap .alignmentChartGrid,.alignmentChartGrid{display:grid;grid-template-columns:repeat(var(--alignment-cols,24),1fr);grid-template-rows:repeat(var(--alignment-rows,16),1fr);grid-gap:0;gap:0;align-content:stretch;justify-content:stretch}.alignmentChartFreeLayer{position:absolute;inset:0}.alignmentChartCrosshair{position:absolute;pointer-events:none;background:rgba(100,149,237,.35);z-index:1}.alignmentChartCrosshair--h{left:0;right:0;top:50%;height:1px;transform:translateY(-50%)}.alignmentChartCrosshair--v{top:0;bottom:0;left:50%;width:1px;transform:translateX(-50%)}.alignmentPlacedGod{z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:-webkit-grab;cursor:grab;touch-action:none;box-sizing:border-box;min-width:0;min-height:0}.alignmentPlacedGod--cell{position:relative;width:100%;height:100%;min-width:0;min-height:0;padding:1px;border-radius:6px;background:rgba(8,12,24,.35);border:1px solid rgba(255,255,255,.08);container-type:size;display:grid;place-items:center;overflow:hidden}.alignmentPlacedGod--free{position:absolute;transform:translate(-50%,-50%);padding:4px;border-radius:10px;background:rgba(8,12,24,.55);border:1px solid rgba(255,255,255,.12);box-shadow:0 4px 14px rgba(0,0,0,.35);max-width:calc(100% * var(--alignment-icon-scale, .85))}.alignmentPortraitWrap{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1;flex-shrink:0;box-sizing:border-box}.alignmentPortraitWrap--cell{width:calc(100% * var(--alignment-icon-scale, .85));height:calc(100% * var(--alignment-icon-scale, .85));min-width:0;min-height:0;max-width:100%;max-height:100%}.tierlistContent.namesHidden .alignmentChartCanvas .alignmentPortraitWrap--cell{width:calc(100% * var(--alignment-icon-scale, .85))!important;height:calc(100% * var(--alignment-icon-scale, .85))!important;min-width:0!important;min-height:0!important;max-width:100%!important;max-height:100%!important}@supports (width:1cqmin){.alignmentPortraitWrap--cell{width:calc(100cqmin * var(--alignment-icon-scale, .85));height:calc(100cqmin * var(--alignment-icon-scale, .85))}.tierlistContent.namesHidden .alignmentChartCanvas .alignmentPortraitWrap--cell{width:calc(100cqmin * var(--alignment-icon-scale, .85))!important;height:calc(100cqmin * var(--alignment-icon-scale, .85))!important}}.tierlistContent.namesHidden .alignmentChartCanvas .alignmentPortraitWrap:not(.alignmentPortraitWrap--cell){width:calc(100% * var(--alignment-icon-scale, .85))!important;height:calc(100% * var(--alignment-icon-scale, .85))!important;min-width:0!important;min-height:0!important;max-width:100%!important;max-height:100%!important}.alignmentPlacedGod--free .alignmentPortraitWrap{width:calc(96px * var(--alignment-icon-scale, .85));height:calc(96px * var(--alignment-icon-scale, .85));max-width:min(104px,24vw);max-height:min(104px,24vw)}.alignmentChartCanvas .alignmentGodIcon{object-fit:cover;border-radius:6px}.alignmentChartCanvas .alignmentGodIcon,.tierlistContent.namesHidden .alignmentChartCanvas .alignmentGodIcon{width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:100%!important;max-height:100%!important}.alignmentChartCanvas .alignmentAspectBadge{width:clamp(14px,38%,24px);height:clamp(14px,38%,24px);min-width:14px;min-height:14px;padding:1px}.alignmentChartCanvas .alignmentAspectBadge .tierlistAspectBadgeIcon{width:100%;height:100%}.alignmentPlacedGod:hover{border-color:rgba(100,149,237,.55)}.alignmentPlacedGod--dragging{cursor:-webkit-grabbing;cursor:grabbing;z-index:5;opacity:.92}.alignmentPlacedGodName{max-width:100%;font-size:clamp(.5rem,1.6vw,.72rem);line-height:1.1;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 1px}.alignmentUnassigned{margin-top:4px}.alignmentUnassignedDrop--active .unassignedContent{background:rgba(255,255,255,.05);border:1px dashed rgba(255,255,255,.3);border-radius:8px}@media (max-width:768px){.tierlistWrapper{padding:0}.tierlistContent{padding:12px}.tierRow{grid-template-columns:1fr}.tierHeader{grid-column:1;grid-row:auto;border-right:none;border-bottom:1px solid rgba(0,0,0,.35);box-shadow:inset 0 -1px 0 rgba(255,255,255,.06);padding:12px 16px;min-height:unset}.tierNameSection{flex-direction:row;align-items:center;justify-content:center;width:100%}.tierNameSection .tierName{text-align:center;flex:0 1 auto}.tierNameSection:has(.removeTierButton){justify-content:space-between}.tierNameSection:has(.removeTierButton) .tierName{text-align:left;flex:1 1}.tierContent{grid-column:1;grid-row:auto}.tierlistControls{padding:16px}.tierlistButtons{flex-wrap:wrap;justify-content:center}.modalContent{width:95%;max-height:90vh}.modalHeader{padding:20px}.modalHeader h2{font-size:1.3rem}.modalBody{padding:20px}.roleTypes{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px}.roleTypeButton{padding:10px 12px;font-size:.8rem}.tierContent{padding:16px;gap:10px}.godIcon{width:28px;height:28px}.alignmentChartMiddle{grid-template-columns:1fr;grid-template-rows:auto auto auto}.alignmentAxisLabel--left,.alignmentAxisLabel--right{display:none}.alignmentAxisLabel--bottom,.alignmentAxisLabel--top{padding:0}.alignmentAxisInput--vertical{writing-mode:horizontal-tb;transform:none;min-height:unset;max-width:100%}.alignmentChartCanvas:not(.alignmentChartCanvas--snap){min-height:360px}.alignmentChartCanvas .alignmentGodIcon{width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:100%!important;max-height:100%!important}.alignmentSizeSlider{flex-basis:100%;max-width:none}.unassignedPoolToolbar{flex-direction:column;align-items:stretch}.unassignedPoolTabs{width:100%;justify-content:stretch}.unassignedPoolTab{flex:1 1;justify-content:center}}