.wf-build-preview__board-inner{padding:.85rem .45rem 1.1rem;border-radius:.5rem;background:radial-gradient(ellipse at 50% 0,rgba(90,120,160,.1),transparent 55%),rgba(0,0,0,.28);border:1px solid hsla(0,0%,100%,.08);overflow:visible}.wf-build-grid{display:flex;flex-direction:column;align-items:stretch;gap:.5rem;width:100%;min-width:0}.wf-build-grid__row,.wf-build-grid__special{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;width:100%;min-width:0}.wf-build-grid__spacer{visibility:hidden;pointer-events:none;min-width:0}.wf-build-mod-link{display:block;position:relative;z-index:1;min-width:0;text-decoration:none;color:inherit;border-radius:.35rem}.wf-build-mod-link--static{cursor:default}.wf-build-mod-link:focus-within,.wf-build-mod-link:hover{z-index:20}.wf-build-mod-link:focus-within .wf-build-mod,.wf-build-mod-link:hover .wf-build-mod{transform:translateY(-3px) scale(1.02);box-shadow:0 0 0 1px rgba(0,0,0,.8),0 12px 28px rgba(0,0,0,.55),0 0 20px color-mix(in srgb,var(--wf-build-mod-metal) 28%,transparent),inset 0 1px 0 color-mix(in srgb,var(--wf-build-mod-metal-hi) 40%,transparent)}.wf-build-mod-link:focus-visible{outline:2px solid rgba(125,211,252,.75);outline-offset:3px}@media (prefers-reduced-motion:reduce){.wf-build-mod{transition:none!important}.wf-build-mod-link:focus-within .wf-build-mod,.wf-build-mod-link:hover .wf-build-mod{transform:none}}.wf-build-mod{position:relative;width:100%;min-width:0;height:128px;border-radius:.35rem;overflow:hidden;isolation:isolate;background:#10141c;border:2px solid color-mix(in srgb,var(--wf-build-mod-metal) 65%,var(--wf-build-mod-metal-deep));box-shadow:0 0 0 1px rgba(0,0,0,.75),0 3px 10px rgba(0,0,0,.4),inset 0 1px 0 color-mix(in srgb,var(--wf-build-mod-metal-hi) 35%,transparent),inset 0 -1px 0 rgba(0,0,0,.5);transform:translateY(0) scale(1);transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s ease}.wf-build-mod,.wf-build-mod--common,.wf-build-mod--uncommon{--wf-build-mod-metal:#c5ced8;--wf-build-mod-metal-deep:#6b7582;--wf-build-mod-metal-hi:#f0f4f8}.wf-build-mod--rare{--wf-build-mod-metal:#d4b56a;--wf-build-mod-metal-deep:#8a6a28;--wf-build-mod-metal-hi:#f3e2a8}.wf-build-mod--legendary{--wf-build-mod-metal:#e8eef4;--wf-build-mod-metal-deep:#8a93a0;--wf-build-mod-metal-hi:#fff;border-color:#d0d8e0}.wf-build-mod__frame{position:absolute;inset:0;z-index:4;pointer-events:none;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--wf-build-mod-metal-hi) 45%,transparent),inset 0 0 0 3px color-mix(in srgb,var(--wf-build-mod-metal-deep) 45%,rgba(0,0,0,.4))}.wf-build-mod__top-pips{position:absolute;z-index:5;top:4px;left:50%;transform:translateX(-50%);display:flex;gap:.2rem;pointer-events:none}.wf-build-mod__top-pips span{width:4px;height:4px;transform:rotate(45deg);background:color-mix(in srgb,var(--wf-build-mod-metal-hi) 90%,#fff);box-shadow:0 0 3px hsla(0,0%,100%,.35)}.wf-build-mod__art{z-index:0;opacity:.55;filter:saturate(.85) contrast(1.06) brightness(.9)}.wf-build-mod__veil{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(8,10,14,.2),rgba(8,10,14,.5) 48%,rgba(8,10,14,.9)),linear-gradient(90deg,rgba(8,10,14,.3),transparent 35%,transparent 65%,rgba(8,10,14,.3))}.wf-build-mod__drain{position:absolute;z-index:6;top:0;right:0;min-width:1.75rem;padding:.16rem .26rem .26rem;display:flex;flex-direction:column;align-items:center;gap:.04rem;color:hsla(0,0%,100%,.92);background:linear-gradient(165deg,rgba(36,40,50,.96),rgba(10,12,16,.96));border-left:1px solid rgba(0,0,0,.65);border-bottom:1px solid rgba(0,0,0,.65);border-bottom-left-radius:.28rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1)}.wf-build-mod__drain--matched{color:#6ee7a8;border-left-color:rgba(110,231,168,.45);border-bottom-color:rgba(110,231,168,.45)}.wf-build-mod__match{font-size:.45rem;font-weight:800;color:#6ee7a8}.wf-build-mod__drain-num{font-size:.64rem;font-weight:700}.wf-build-mod__drain-pol{width:.62rem;height:.62rem;-o-object-fit:contain;object-fit:contain;filter:invert(1);opacity:.95}.wf-build-mod__copy{position:absolute;z-index:3;left:0;right:0;top:0;bottom:1.35rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.2rem;padding:.55rem 1.7rem .25rem;pointer-events:none;box-sizing:border-box}.wf-build-mod__name{margin:0;width:100%;font-family:Outfit,sans-serif;font-weight:800;font-size:.8rem;line-height:1.15;color:#fff;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.9)}.wf-build-mod--legendary .wf-build-mod__name,.wf-build-mod--rare .wf-build-mod__name{color:#fff8e8}.wf-build-mod__desc{margin:0;width:100%;font-family:Outfit,sans-serif;font-size:.64rem;font-weight:500;line-height:1.3;color:rgba(226,236,248,.92);text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.85);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.wf-build-mod__ranks{position:absolute;z-index:3;left:50%;bottom:.34rem;display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:.12rem;padding:.1rem .3rem;width:-moz-max-content;width:max-content;max-width:none;border-radius:2px;background:rgba(10,36,64,.5);box-shadow:inset 0 0 8px rgba(56,189,248,.18);transform:translateX(-50%);white-space:nowrap}.wf-build-mod__pip{width:.3rem;height:.3rem;flex:0 0 auto;transform:rotate(45deg);background:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.1)}.wf-build-mod__ranks:has(.wf-build-mod__pip:nth-child(8)){gap:.08rem;transform:translateX(-50%) scale(.88);transform-origin:center bottom}.wf-build-mod__ranks:has(.wf-build-mod__pip:nth-child(8)) .wf-build-mod__pip{width:.24rem;height:.24rem}.wf-build-mod__pip--on{background:#5ec8ff;border-color:#8adbff;box-shadow:0 0 5px rgba(94,200,255,.55)}.wf-build-mod--empty{display:grid;place-items:center;height:128px;border-style:dashed;border-color:hsla(0,0%,100%,.18);background:hsla(0,0%,100%,.02);box-shadow:none}.wf-build-mod--empty .wf-build-mod__frame,.wf-build-mod--empty .wf-build-mod__top-pips{display:none}.wf-build-mod__empty-label{font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:hsla(0,0%,100%,.28);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}@media (max-width:720px){.wf-build-preview__board-inner{padding:.7rem .4rem .9rem}.wf-build-grid{gap:.45rem}.wf-build-grid__special{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.wf-build-grid__special .wf-build-grid__spacer{display:none}.wf-build-grid__row{grid-template-columns:repeat(4,minmax(0,1fr));gap:.32rem}.wf-build-grid__special .wf-build-mod,.wf-build-grid__special .wf-build-mod--empty{height:132px}.wf-build-grid__row .wf-build-mod,.wf-build-grid__row .wf-build-mod--empty{height:148px}.wf-build-mod{border-width:1.5px}.wf-build-grid__special .wf-build-mod__copy{padding:.5rem 1.6rem .25rem}.wf-build-grid__row .wf-build-mod__copy{padding:.45rem .3rem .2rem;gap:.16rem;bottom:1.2rem}.wf-build-grid__special .wf-build-mod__name{font-size:.78rem}.wf-build-grid__special .wf-build-mod__desc{font-size:.62rem;-webkit-line-clamp:3}.wf-build-grid__row .wf-build-mod__name{font-size:.62rem}.wf-build-grid__row .wf-build-mod__desc{font-size:.52rem;line-height:1.25;-webkit-line-clamp:4}.wf-build-grid__row .wf-build-mod__drain{min-width:1.35rem;padding:.1rem .16rem .18rem}.wf-build-grid__row .wf-build-mod__drain-num{font-size:.52rem}.wf-build-grid__row .wf-build-mod__drain-pol{width:.48rem;height:.48rem}.wf-build-grid__row .wf-build-mod__ranks{transform:translateX(-50%) scale(.72);transform-origin:center bottom;gap:.08rem;bottom:.28rem}.wf-build-grid__row .wf-build-mod__ranks:has(.wf-build-mod__pip:nth-child(8)){transform:translateX(-50%) scale(.62)}.wf-build-mod-link:focus-within .wf-build-mod,.wf-build-mod-link:hover .wf-build-mod{transform:none}}.wf-build-preview__switcher{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.5rem}.wf-build-preview__switcher-btn{display:flex;flex-direction:column;gap:.2rem;align-items:flex-start;text-align:left;padding:.65rem .75rem;border-radius:.5rem;text-decoration:none;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.7);transition:border-color .15s ease,background .15s ease,color .15s ease}.wf-build-preview__switcher-btn:hover{border-color:rgba(56,189,248,.35);color:hsla(0,0%,100%,.9)}.wf-build-preview__switcher-btn.is-active{background:rgba(14,165,233,.14);border-color:rgba(56,189,248,.5);color:#fff}.wf-build-preview__switcher-name{font-size:.8125rem;font-weight:700;line-height:1.25}.wf-build-preview__switcher-meta{font-size:.65rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;text-transform:uppercase;letter-spacing:.06em;color:rgba(125,211,252,.85)}