.build-viewer-path{grid-template-columns:minmax(0,1fr);align-items:start;gap:8px;margin-top:12px;display:grid}.build-viewer-ability-order{flex:0 0 100%;grid-column:1/-1;width:100%}.build-viewer-category,.build-viewer-category-slot{grid-column:1/-1;align-self:start;min-width:0}.build-viewer-category{background-color:#1a1a1a;border-radius:6px;width:100%;padding:0 10px 10px;overflow:hidden}.build-viewer-category__header{background:#24272a;margin:0 -10px 6px;padding:6px 10px}.build-viewer-category__heading{justify-content:space-between;align-items:center;gap:8px;min-height:18px;display:flex}.build-viewer-category__optional-label{color:#c4e6ff;background:#101112;border-radius:4px;align-items:center;margin-left:6px;padding:1px 6px;display:inline-flex}.build-viewer-category__note summary{cursor:pointer;list-style:none}.build-viewer-category__note summary::-webkit-details-marker{display:none}.build-viewer-category__note summary>span:first-child{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.build-viewer-category__note[open] summary>span:first-child{display:block}.build-viewer-category__note summary:focus-visible{outline-offset:2px;outline:2px solid #c4e6ff}.build-viewer-category__note,.build-viewer-category__creator-note{overflow-wrap:anywhere;white-space:pre-line;color:#ffffffb3;margin:4px 0 0;font-size:11px;font-weight:600;line-height:14px}.build-viewer-category__creator-note{margin:0;line-height:1.5}.build-viewer-category__items{flex-wrap:wrap;align-items:flex-start;gap:4px;display:flex}.build-viewer-item{flex:0 0 56px;width:56px}.build-viewer-item__card,.build-viewer-item--missing{aspect-ratio:67/107}.build-viewer-item__card{background-repeat:no-repeat;background-size:100% 100%;box-shadow:0 2px 7px #00000059}.build-viewer-item__name{overflow-wrap:anywhere;justify-content:center;align-items:center;width:100%;height:31%;padding:0 6% 3%;display:flex;position:absolute;bottom:0}.build-viewer-item__active{z-index:30;color:#e0d6c1;text-transform:uppercase;background:#1a1816;border-radius:3px;padding:1px 3px;font-size:7px;font-weight:900;line-height:1;position:absolute;bottom:26.5%;left:50%;transform:translate(-50%)}.build-viewer-item--missing{color:#cecece;overflow-wrap:anywhere;text-align:center;background:#252525;border-radius:4px;justify-content:center;align-items:center;padding:4px;font-size:10px;font-weight:700;display:flex}@media (width>=768px){.build-viewer-path{grid-template-columns:repeat(12,minmax(0,1fr))}.build-viewer-category,.build-viewer-category-slot{grid-column:span var(--build-section-tablet-span,12)}.build-viewer-path:not([data-build-manual-layout]){flex-wrap:wrap;align-items:flex-start;display:flex}.build-viewer-path:not([data-build-manual-layout])>:is(.build-viewer-category,.build-viewer-category-slot){flex:0 1 var(--build-section-basis,420px);min-width:min(100%,220px);max-width:100%}}@media (width>=1024px){.build-viewer-category,.build-viewer-category-slot{grid-column:var(--build-section-column,span var(--build-section-span,6))}}.ap-icon{-webkit-mask:var(--ap-icon-url) center / contain no-repeat;mask:var(--ap-icon-url) center / contain no-repeat;background-color:currentColor;flex:none;display:block}.ap-badge{justify-content:center;align-items:center;display:inline-flex}.ap-badge--unlock{background:#7a4fdb;border-radius:6px;flex:none;width:24px;height:24px}.ap-badge--upgrade{background:#232629;border-radius:6px;gap:3px;height:24px;padding:0 4px}.ap-row-line{left:var(--ap-line-left);width:var(--ap-line-width);z-index:0;background:#ffffff26;border-radius:9999px;height:2px;position:absolute;top:50%;transform:translateY(-50%)}.ap-label{width:200px}.ap-track{grid-template-columns:repeat(16,40px);display:grid}.build-viewer-workspace{margin-top:12px;container:build-workspace/inline-size}.build-viewer-workspace__layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:12px;display:grid}.build-viewer-workspace .build-viewer-path{min-width:0;margin-top:0}.build-viewer-workspace .build-viewer-ability-order{grid-column:auto;min-width:0}.build-viewer-workspace__aside{flex-direction:column;gap:12px;min-width:0;display:flex}.build-viewer-workspace .build-viewer-ability-order--compact{--ability-panel-scale:.8925;zoom:var(--ability-panel-scale);padding:10px 12px}.build-viewer-ability-order--compact .ap-panel-heading{align-items:center;margin-bottom:8px;display:flex}.build-viewer-ability-order--compact .ap-legend{gap:16px;margin-top:0}.build-viewer-ability-order--compact .ap-legend>span{font-size:12px}.build-viewer-ability-order--compact .ap-scroll{scrollbar-width:thin;padding-bottom:4px}.build-viewer-ability-order--compact .ap-rows{gap:0;width:100%;min-width:496px}.build-viewer-ability-order--compact .ap-levels{margin-bottom:4px}.build-viewer-ability-order--compact .ap-ability-row{min-height:40px;position:relative}.build-viewer-ability-order--compact .ap-ability-row:before{content:"";background:#101010;border-radius:0 4px 4px 0;position:absolute;inset:4px 0 4px 20px}.build-viewer-ability-order--compact .ap-ability-row:nth-child(odd):before{background:#242424}.build-viewer-ability-order--compact .ap-label{width:40px;margin-right:4px}.build-viewer-ability-order--compact .ap-ability-icon{border-radius:50%;width:40px;height:40px}.build-viewer-ability-order--compact .ap-ability-icon img{width:28px;height:28px}.build-viewer-ability-order--compact .ap-row-line{width:calc(100% + 18px);left:-24px}.build-viewer-ability-order--compact .ap-label-name{display:none}.build-viewer-ability-order--compact .ap-track{flex:1;grid-template-columns:repeat(16,minmax(0,1fr));min-width:0;height:32px}.build-viewer-ability-order--compact .ap-levels .ap-track{height:auto}.build-viewer-ability-order--compact .ap-levels .ap-track>div,.build-viewer-ability-order--compact .ap-badge--upgrade>span:last-child{font-variant-numeric:tabular-nums;font-family:Segoe UI,Roboto,sans-serif;font-size:12px;font-weight:600}.build-viewer-ability-order--compact .ap-badge--unlock{width:24px;height:26px}.build-viewer-ability-order--compact .ap-badge--upgrade{gap:3px;height:26px;padding:0 3px}.build-viewer-ability-order--compact .ap-badge--upgrade .ap-icon{width:10px;height:10px}@container build-workspace (width>=1100px){.build-viewer-workspace__layout:has(>.build-viewer-workspace__aside){grid-template-columns:minmax(464.1px,.5422fr) minmax(0,1fr);gap:16px}}[data-hero-backdrop-card]{isolation:isolate;background-color:#1a1a1a;background-image:linear-gradient(#1a1a1af7, #1a1a1ae3), var(--hsb-image,none);background-repeat:no-repeat,no-repeat;background-size:100% 100%, var(--hsb-w,100%) var(--hsb-h,100%);background-position:0 0, var(--hsb-x,0px) var(--hsb-y,0px);position:relative}[data-hero-backdrop-ready] [data-hero-backdrop-card]:before{content:"";z-index:-1;border-radius:inherit;-webkit-backdrop-filter:blur(1px);position:absolute;inset:0}.build-viewer-path.build-viewer-path--paired:not([data-build-manual-layout]){grid-template-columns:minmax(0,1fr);display:grid;container:build-phase-path/inline-size}@container build-phase-path (width>=280px){.build-viewer-phase-row{--build-row-columns:var(--build-row-columns-4)}}@container build-phase-path (width>=340px){.build-viewer-phase-row{--build-row-columns:var(--build-row-columns-5)}}@container build-phase-path (width>=400px){.build-viewer-phase-row{--build-row-columns:var(--build-row-columns-6)}}@container build-phase-path (width>=460px){.build-viewer-phase-row{--build-row-columns:var(--build-row-columns-7)}}@container build-phase-path (width>=520px){.build-viewer-phase-row{--build-row-columns:var(--build-row-columns-8)}}@container build-phase-path (width>=580px){.build-viewer-phase-row{--build-row-columns:var(--build-row-columns-9)}}@container build-phase-path (width>=640px){.build-viewer-phase-row{--build-row-columns:var(--build-row-columns-10)}}@container build-phase-path (width>=700px){.build-viewer-phase-row{--build-row-columns:var(--build-row-columns-11)}}@container build-phase-path (width>=760px){.build-viewer-phase-row{--build-row-columns:var(--build-row-columns-12)}}@container build-phase-path (width>=820px){.build-viewer-phase-row{--build-row-columns:var(--build-row-columns-13)}}@container build-phase-path (width>=880px){.build-viewer-phase-row{--build-row-columns:var(--build-row-columns-14)}}@container build-phase-path (width>=940px){.build-viewer-phase-row{--build-row-columns:var(--build-row-columns-15)}}@container build-phase-path (width>=1000px){.build-viewer-phase-row{--build-row-columns:var(--build-row-columns-16)}}@container build-phase-path (width>=1060px){.build-viewer-phase-row{--build-row-columns:var(--build-row-columns-17)}}@container build-phase-path (width>=1120px){.build-viewer-phase-row{--build-row-columns:var(--build-row-columns-18)}}.build-viewer-phase-row{grid-column:1/-1;grid-template-columns:minmax(0,1fr);align-items:start;gap:8px;min-width:0;display:grid}.build-viewer-phase-row>.build-viewer-category{grid-column:auto}.build-viewer-category--balanced{container-type:inline-size}.build-viewer-category__items--balanced{grid-template-columns:repeat(var(--build-item-columns,1), 56px);--build-item-columns:var(--build-item-columns-1);display:grid}@container build-phase-path (width>=400px){.build-viewer-phase-row{grid-template-columns:var(--build-row-columns,repeat(2, minmax(0, 1fr)))}.build-viewer-phase-row[data-build-row-wide]{grid-template-columns:minmax(0,1fr)}}@container (width>=116px){.build-viewer-category__items--balanced{--build-item-columns:var(--build-item-columns-2)}}@container (width>=176px){.build-viewer-category__items--balanced{--build-item-columns:var(--build-item-columns-3)}}@container (width>=236px){.build-viewer-category__items--balanced{--build-item-columns:var(--build-item-columns-4)}}@container (width>=296px){.build-viewer-category__items--balanced{--build-item-columns:var(--build-item-columns-5)}}@container (width>=356px){.build-viewer-category__items--balanced{--build-item-columns:var(--build-item-columns-6)}}@container (width>=416px){.build-viewer-category__items--balanced{--build-item-columns:var(--build-item-columns-7)}}@container (width>=476px){.build-viewer-category__items--balanced{--build-item-columns:var(--build-item-columns-8)}}@container (width>=536px){.build-viewer-category__items--balanced{--build-item-columns:var(--build-item-columns-9)}}@container (width>=596px){.build-viewer-category__items--balanced{--build-item-columns:var(--build-item-columns-10)}}@container (width>=656px){.build-viewer-category__items--balanced{--build-item-columns:var(--build-item-columns-11)}}@container (width>=716px){.build-viewer-category__items--balanced{--build-item-columns:var(--build-item-columns-12)}}@container (width>=776px){.build-viewer-category__items--balanced{--build-item-columns:var(--build-item-columns-13)}}@container (width>=836px){.build-viewer-category__items--balanced{--build-item-columns:var(--build-item-columns-14)}}@container (width>=896px){.build-viewer-category__items--balanced{--build-item-columns:var(--build-item-columns-15)}}@container (width>=956px){.build-viewer-category__items--balanced{--build-item-columns:var(--build-item-columns-16)}}@container (width>=1016px){.build-viewer-category__items--balanced{--build-item-columns:var(--build-item-columns-17)}}@container (width>=1076px){.build-viewer-category__items--balanced{--build-item-columns:var(--build-item-columns-18)}}.build-viewer-header__official-badge:before{display:none}.build-viewer-header__official-badge{border-radius:6px;gap:5px;height:24px;padding:0 7px;font-size:12px}.build-viewer-header__official-check{flex:none;width:14px;height:14px;display:block}.build-viewer-header__official-label{line-height:1;display:block;transform:translateY(1px)}.build-viewer-header__abilities{transform:translateY(3px)}@media (width>=768px){.build-viewer-header__abilities{transform:translateY(7px)}}