.d4slot{flex-direction:row;gap:8px}.d4slot,.d4slot__item{display:flex;align-items:center}.d4slot__item{flex-shrink:0;position:relative;width:49px;height:73px;background-image:url(/ui/slots.20b6acce.webp);background-size:170px 73px;background-position-x:0;flex-direction:column;justify-content:center}.d4slot--spacer{visibility:hidden;pointer-events:none}.d4slot__item--clickable{cursor:pointer}.d4slot__item--active:after{content:"";position:absolute;inset:0;pointer-events:none;outline:1px solid #c8a95e;outline-offset:-1px;border-image:url(/ui/highlight.de4a1895.webp) 19/19px/2px round;z-index:2}.d4slot__item--highlight:before{content:"";position:absolute;inset:0;box-shadow:inset 0 0 8px 1px #0f0;z-index:3}.d4slot__item--highlight-red:before{box-shadow:inset 0 0 8px 1px red}.d4slot__frame{position:absolute;inset:3px;background-image:url(/ui/frames.979f76d2.webp);background-size:700% 100%}.d4slot__frame--common{background-position-x:0}.d4slot__frame--magic{background-position-x:-100%}.d4slot__frame--rare{background-position-x:-200%}.d4slot__frame--legendary{background-position-x:-300%}.d4slot__frame--unique{background-position-x:-400%}.d4slot__frame--set{background-position-x:-500%}.d4slot__frame--mythic{background-position-x:-600%}.d4slot__image{position:absolute;inset:0;background-size:contain;background-repeat:no-repeat;background-position:50%}.d4slot__image--disabled{filter:grayscale(100%) brightness(40%) sepia(1) saturate(400%) hue-rotate(-38deg)}.d4slot__socket{width:28px;height:28px;background-image:url(/ui/socket.130ea97d.webp);position:relative;z-index:1;font-size:28px}.d4slot__socket-icon{display:block;width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:50%}.d4slot__socket>*{filter:opacity(75%)}.d4slot:hover .d4slot__socket>*{filter:none}.d4slot__empty{font-size:34px;width:1em;height:1.4em;background-image:url(/icons/empty.42d63759.webp);background-repeat:no-repeat;background-size:9em auto}.d4slot--slot-18 .d4slot__empty{background-position-x:0}.d4slot--slot-16 .d4slot__empty,.d4slot--slot-17 .d4slot__empty{background-position-x:-1em}.d4slot--slot-10 .d4slot__empty,.d4slot--slot-11 .d4slot__empty,.d4slot--slot-12 .d4slot__empty,.d4slot--slot-7 .d4slot__empty,.d4slot--slot-8 .d4slot__empty,.d4slot--slot-9 .d4slot__empty{background-position-x:-2em}.d4slot--slot-6 .d4slot__empty{background-position-x:-3em}.d4slot--slot-15 .d4slot__empty{background-position-x:-4em}.d4slot--slot-5 .d4slot__empty{background-position-x:-5em}.d4slot--slot-13 .d4slot__empty{background-position-x:-6em}.d4slot--slot-4 .d4slot__empty{background-position-x:-7em}.d4slot--slot-14 .d4slot__empty{background-position-x:-8em}.d4slot__info{text-shadow:0 0 2px #000,0 0 2px #000,0 0 2px #000,0 0 2px #000;line-height:1.2;font-weight:400;max-width:140px;color:#d6d3cd;font-size:12px}.d4slot__title{font-size:16px}.d4equipment{position:relative;z-index:0;width:440px;flex:0 0 auto;box-sizing:border-box;padding:24px 12px;container-type:inline-size;container-name:equipment;display:flex;flex-direction:column;background:#000;border-radius:6px;box-shadow:inset 0 0 32px #000}.d4equipment__group{display:flex;flex-direction:row;justify-content:space-between;column-gap:24px}.d4equipment__group+.d4equipment__group{margin-top:16px}.d4equipment__column{display:flex;flex-direction:column;row-gap:10px}.d4equipment__column:first-child .d4slot{text-align:left}.d4equipment__column:last-child:not(:first-child) .d4slot{flex-direction:row-reverse;text-align:right}.d4equipment__runewords{margin-top:20px;padding:0 32px;min-height:80px;display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;gap:16px}.d4equipment__runeword{display:flex;flex-direction:row;position:relative}.d4equipment__runeword:before{content:"";position:absolute;left:28px;right:28px;top:24px;height:8px;background-color:#2b2c2c}.d4equipment__rune{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px}.d4equipment__rune-icon{margin:0 8px;width:56px;height:56px;background-color:#1c1c1c;border:1px solid #2b2c2c;border-radius:4px;background-position:50%;background-repeat:no-repeat;background-size:44px}.d4equipment__rune-name{font-size:16px;color:#d6d3cd}@container equipment (max-width: 400px){.d4slot__info{display:none}}.d4talismans{position:relative;z-index:0;width:300px;flex:0 0 auto;box-sizing:border-box;padding:0;container-type:inline-size;container-name:talismans;overflow:hidden;display:flex;flex-direction:column;background:#000;border-radius:6px;--d4-talisman-radius:90px;--d4-talisman-count:6}.d4talismans__background{position:absolute;inset:0;box-shadow:inset 0 0 32px #000;z-index:-1}.d4talismans__top{position:relative;width:100%;overflow:hidden;flex-shrink:0}.d4talismans__artwork{position:absolute;inset:0;z-index:-1;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.d4talismans__artwork-inner{background-size:cover;background-repeat:no-repeat;background-position:50%;background-image:url(/ui/talismans.8d8c4d27.webp);flex:0 0 110%;width:110%;height:110%;display:block;max-width:none}.d4talismans__sockets{width:100%;display:flex;flex-direction:row;justify-content:space-between;padding-bottom:100%}.d4talismans .d4slot{--i:0;--angle:calc((-540deg + var(--i) * 360deg) / var(--d4-talisman-count));position:absolute;top:50%;left:50%;transform:translate(calc(cos(var(--angle)) * var(--d4-talisman-radius)),calc(sin(var(--angle)) * var(--d4-talisman-radius))) translate(-50%,-50%)}.d4talismans .d4slot:first-child{top:50%;left:50%;transform:translate(-50%,-50%)}.d4talismans .d4slot:first-child .d4slot__item{background-image:url(/ui/seal-slot.9e3e9bfe.webp)}.d4talismans .d4slot:first-child .d4slot__image{translate:0 -50%}.d4talismans .d4slot:nth-child(2){--i:0}.d4talismans .d4slot:nth-child(3){--i:2}.d4talismans .d4slot:nth-child(4){--i:4}.d4talismans .d4slot:nth-child(5){--i:5}.d4talismans .d4slot:nth-child(6){--i:1}.d4talismans .d4slot:nth-child(7){--i:3}.d4talismans .d4slot .d4slot__item{aspect-ratio:.8163265306;width:60px;height:auto;background-image:url(/ui/filled-charm-slot.82a6abc9.webp);background-size:146%;background-position:50%}.d4talismans .d4slot .d4slot__item--empty{filter:grayscale(90%) brightness(45%);background-image:url(/ui/charm-slot.82a3cf12.webp)}.d4talismans .d4slot .d4slot__item--locked{filter:grayscale(100%) brightness(25%);background-image:url(/ui/locked-charm-slot.09f479df.webp)}.d4talismans .d4slot .d4slot__item--active:after{border-image-source:url(/ui/charm-highlight.569a5a89.webp)}.d4talismans .d4slot .d4slot__empty,.d4talismans .d4slot .d4slot__frame,.d4talismans .d4slot .d4slot__info{display:none}.d4talismans .d4slot .d4slot__image{aspect-ratio:1/1;top:50%;translate:0 -50%}.d4talismans__list{padding:12px 16px;display:flex;flex-direction:column;gap:2px;list-style:none;margin:0}.d4talismans__list-item{display:flex;align-items:center;gap:6px}.d4talismans__list-frame{width:20px;height:20px;position:relative;background:#1c1c1c;border-radius:999px}.d4talismans__list-frame .d4slot__image{aspect-ratio:1/1;background-position:50%;background-size:contain;background-repeat:no-repeat}.d4talismans__list-title{font-size:16px}.d4merc{padding:12px 0 6px}.d4merc__active{display:flex;flex-direction:row;gap:12px;justify-content:center;min-width:256px}.d4merc__block{padding:3px 0 6px;border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:4px}.d4merc__block--group{padding:3px 6px 6px;background-color:#121212}.d4merc__block-title{font-size:12px;color:#95989b;text-transform:uppercase;text-align:center}.d4merc__block-content{gap:8px}.d4merc__block-content,.d4merc__skills{display:flex;flex-direction:row;align-items:center}.d4merc__button{cursor:pointer;width:64px;background-color:#171717;border:1px solid #2b2c2c;border-radius:6px;padding:5px 0 3px;display:flex;flex-direction:column;gap:3px;align-items:center}.d4merc__button--disabled{cursor:default}.d4merc__button--disabled .d4merc__button-icon{filter:grayscale(95%) brightness(50%)}.d4merc__button--disabled .d4merc__button-name{color:#95989b}.d4merc__button-icon{display:flex;background-color:#121212;border:1px solid #2b2c2c;border-radius:4px;align-items:center;justify-content:center;font-size:30px;width:1em;height:1em;box-sizing:content-box;background-size:auto 1em;color:#4d4d57}.d4merc__button-icon:not(.d4merc__button-icon--empty){background-image:url(/ui/mercenary.7dbce840.webp)}.d4merc__button-icon--0{background-position:0 0}.d4merc__button-icon--1{background-position:-1em 0}.d4merc__button-icon--2{background-position:-2em 0}.d4merc__button-icon--3{background-position:-3em 0}.d4merc__button-name{color:#dadada;font-size:14px}.d4merc__skill{position:relative;font-size:48px;width:1em;height:1em;background-image:url(/ui/support.fea8a6ca.webp);background-size:2em 2em;background-position-x:-1em;cursor:pointer}.d4merc__skill--secondary{background-position-y:-1em}.d4merc__skill--empty{background-position-x:0}.d4merc__skill-icon{position:absolute;inset:.23em;background-size:contain;background-repeat:no-repeat;background-position:50%}.d4merc__skill--secondary .d4merc__skill-icon{inset:.26em}.d4merc__tree-wrapper{margin:8px 16px 0}.d4merc__tree{position:relative;height:0;padding-bottom:108%}.d4merc__tree-graph{position:absolute;inset:0;transform-origin:0 0}.d4merc__node,.d4merc__node-icon{position:absolute;background-size:contain;background-position:50%;background-repeat:no-repeat}.d4merc__node-icon{cursor:pointer;filter:brightness(50%)}.d4merc__node--active .d4merc__node-icon{filter:none}.d4merc__node--root .d4merc__node-icon{inset:43px}.d4merc__node--skill .d4merc__node-icon{inset:22px}.d4merc__node--passive .d4merc__node-icon{inset:16px}.d4merc__edge{position:absolute;transform-origin:0 50%;height:4px;background:#4d4d57}.d4merc__edge--active{background:#b69e7a}.d4picker{position:relative;width:21rem;max-height:32rem;display:flex;flex-direction:column;gap:6px;padding:14px;background:#100f0e;color:#dadada;font-size:12px}.d4picker:after{content:"";position:absolute;inset:0;pointer-events:none;border-image:url(/ui/tooltip-frame.9829c985.webp) 143/71px/12px round}.d4picker__header{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.d4picker__title{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#95989b}.d4picker__clear{font-size:11px;color:#95989b;background:none;border:0;cursor:pointer;padding:0}.d4picker__clear:hover{color:#dadada}.d4picker__search{border:1px solid #2b2c2c;background:#171614;color:#dadada;padding:3px 6px;font-size:12px}.d4picker__list{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1 1 auto;min-height:7rem;display:flex;flex-direction:column;gap:2px}.d4picker__empty{color:#6b6d70;font-size:11px}.d4picker__item{display:flex;flex-direction:row;align-items:center;gap:8px;width:100%;text-align:left;background:none;border:0;padding:2px 4px;cursor:pointer;color:inherit}.d4picker__item:hover{background:#1c1a18}.d4picker__item--active{background:#241f18}.d4picker__item--gated{opacity:.45}.d4picker__frame{position:relative;flex-shrink:0;width:33px;height:49px;background-image:url(/ui/slots.20b6acce.webp);background-size:114px 49px}.d4picker__text{display:flex;flex-direction:column;min-width:0}.d4picker__text>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.d4picker__subtitle{font-size:11px;color:#95989b}.d4picker__footer{border-top:1px solid #2b2c2c;padding-top:6px}.d4picker--flow{width:30rem;max-width:min(30rem,92vw);max-height:min(34rem,82vh);overflow:hidden}.d4picker__steps{display:flex;flex-direction:row;gap:4px;flex:1 1 auto;justify-content:center}.d4picker__step{font-size:10px;text-transform:uppercase;letter-spacing:.05em;padding:1px 5px;border:1px solid transparent;background:transparent;cursor:pointer}.d4picker__step:disabled{cursor:not-allowed}.d4picker__step--waiting{color:#5a5c5e}.d4picker__step--current{color:#dadada;border-color:#4a3f2c;background:#241f18}.d4picker__step--done{color:#c8a95e}.d4picker__grid{list-style:none;margin:0;padding:6px 0 0;display:grid;grid-template-columns:repeat(var(--d4picker-columns,2),minmax(0,1fr));gap:4px;overflow-y:auto;flex:1 1 auto;min-height:0}.d4picker__card{display:flex;flex-direction:row;align-items:center;gap:6px;width:100%;padding:3px 4px;border:1px solid transparent;background:none;color:inherit;text-align:left;cursor:pointer}.d4picker__card:hover{background:#1d1b18}.d4picker__card--active{border-color:#4a3f2c;background:#241f18}.d4picker__card--gated{opacity:.45}.d4picker__accordion{display:flex;flex-direction:column;gap:2px;max-height:15rem;overflow-y:auto}.d4picker__category{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;border:1px solid #2b2c2c;background:#171614;color:#dadada;font-size:11px;padding:3px 6px;cursor:pointer;text-align:left}.d4picker__category--open{background:#241f18;border-color:#4a3f2c}.d4picker__category-count{margin-left:auto;color:#5a5c5e;font-size:10px}.d4picker__aspect-icon{flex-shrink:0;width:22px;height:22px;background-size:contain;background-repeat:no-repeat;background-position:50%}.d4picker__chosen{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px}.d4picker__affix{display:inline-flex;align-items:center;gap:2px;border:1px solid #2b2c2c;background:#171614}.d4picker__affix-name{border:0;background:none;color:#dadada;font-size:11px;padding:2px 5px;cursor:pointer;max-width:13rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.d4picker__affix-name:hover{color:#e5808a}.d4picker__greater{border:0;border-left:1px solid #2b2c2c;background:none;color:#5a5c5e;font-size:11px;line-height:1;padding:3px 5px;cursor:pointer}.d4picker__greater--on{color:#c8a95e}.d4picker__section--active>.d4picker__section-title{color:#dadada}.d4picker__list--compact{flex:0 0 auto;max-height:11rem;min-height:0}.d4picker__section{border-top:1px solid #2b2c2c;padding-top:6px;display:flex;flex-direction:column;gap:4px}.d4picker__section-title{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#95989b}.d4picker__row-button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;border:1px solid #2b2c2c;background:#171614;color:#dadada;font-size:12px;padding:3px 6px;cursor:pointer;text-align:left}.d4picker__chevron{color:#95989b}.d4picker__sockets{display:flex;flex-direction:row;align-items:center;gap:6px}.d4picker__socket{width:28px;height:28px;flex-shrink:0;background-image:url(/ui/socket.130ea97d.webp);background-color:transparent;border:0;padding:0;cursor:pointer;font-size:28px;position:relative}.d4picker__socket--open{outline:1px solid #c8a95e;outline-offset:1px}.d4picker__socket-label{font-size:11px;color:#95989b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.d4picker__gem{flex-shrink:0;width:24px;height:24px;font-size:24px}.d4picker__socket-icon{display:block;width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:50%}