.d4pp-page{--d4pp-native-wait: 0px}.d4el,.d4el-tally{--hue: oklch(0.68 0.19 25);--d: 0ms}.d4el{display:grid;gap:18px;margin-block-end:14px;container-type:inline-size}.d4el-kills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.d4el-kill{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"who price" "text text";align-content:start;gap:10px 8px;min-inline-size:0;margin:0;padding:14px;border:1px solid color-mix(in oklch,var(--d4lp-ink) 8%,transparent);border-radius:var(--d4lp-r-card);background:var(--d4lp-control);color:var(--d4lp-copy);font:inherit;text-align:start;cursor:pointer}.d4el-kill[hidden]{display:none}.d4el-who{grid-area:who;inline-size:40px;block-size:40px;background:var(--img) center / contain no-repeat;filter:grayscale(.6) brightness(.72) drop-shadow(0 2px 3px oklch(0 0 none / 0.6))}.d4el-kill__price{grid-area:price;color:var(--d4lp-ink);font-size:14px;font-weight:700;line-height:1.3;font-variant-numeric:tabular-nums;white-space:nowrap}.d4el-kill__text{grid-area:text;display:grid;align-content:start;gap:3px;min-inline-size:0}.d4el-kill__text b{color:var(--d4lp-ink);font-size:14px;font-weight:700;line-height:1.3}.d4el-kill__text small{color:var(--d4lp-copy);font-size:12px;line-height:1.4;text-wrap:pretty}.d4el-perk{justify-self:start;margin-block-start:4px;padding-block:2px;padding-inline:6px;border-radius:var(--d4lp-r-control);background:color-mix(in oklch,var(--hue) 14%,transparent);color:color-mix(in oklch,var(--hue),oklch(1 0 none) 30%);font-size:12px;font-weight:700;line-height:1.3;text-wrap:balance}.d4el-kill[aria-checked=true]{border-color:color-mix(in oklch,var(--hue) 62%,transparent);background-color:color-mix(in oklab,var(--hue) 9%,var(--d4lp-control));box-shadow:0 8px 20px -12px color-mix(in oklch,var(--hue) 70%,transparent)}.d4el-kill[aria-checked=true] .d4el-who{filter:drop-shadow(0 0 6px color-mix(in oklch,var(--hue) 40%,transparent)) drop-shadow(0 2px 3px oklch(0 0 none / 0.6))}@media(hover:hover)and (pointer:fine){.d4el-kill[aria-checked=false]:hover{border-color:color-mix(in oklch,var(--hue) 30%,transparent)}.d4el-kill[aria-checked=false]:hover .d4el-who{filter:grayscale(.25) brightness(.9) drop-shadow(0 2px 3px oklch(0 0 none / 0.6))}}.d4el-kill:active:not([aria-checked=true]){background-color:color-mix(in oklab,var(--d4lp-active) 60%,var(--d4lp-control))}.d4el-kill:focus-visible{outline:2px solid var(--d4lp-focus);outline-offset:2px}.d4el-rewards{display:grid;gap:10px}.d4el-label{color:var(--d4lp-ink);font-size:14px;font-weight:700;line-height:1.3}.d4el-rewards__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;margin:0;padding:0;list-style:none}@container (max-width: 359px){.d4el-rewards__list{grid-template-columns:minmax(0,1fr)}}.d4el-reward{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px;min-inline-size:0}.d4el-reward__text{display:grid;gap:1px;min-inline-size:0}.d4el-reward__text small{color:var(--d4lp-muted);font-size:12px;line-height:1.3}.d4el-reward__text b{color:var(--d4lp-muted);font-size:14px;font-weight:600;line-height:1.3;text-wrap:balance}.d4el-reward[data-lit] .d4el-reward__text b{color:var(--d4lp-ink)}.d4el-socket{position:relative;display:block;inline-size:44px;block-size:44px;border-radius:var(--d4lp-r-card);background:radial-gradient(closest-side,oklch(0 0 none / 0.35),oklch(0 0 none / 0.15));box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--d4lp-ink) 10%,transparent)}.d4el-socket::before{content:"";position:absolute;inset:5px;background:var(--img) center / contain no-repeat;filter:grayscale(1) brightness(.5);opacity:.55}[data-lit]>.d4el-socket{box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--hue) 50%,transparent),0 4px 12px -6px color-mix(in oklch,var(--hue) 70%,transparent)}[data-lit]>.d4el-socket::before{filter:drop-shadow(0 1px 2px oklch(0 0 none / 0.6));opacity:1}.d4el-tally{display:flex;align-items:center;gap:12px;margin-block:2px 10px}.d4el-tally__row{display:flex;gap:6px}.d4el-tally i{display:block}.d4el-tally .d4el-socket{inline-size:30px;block-size:30px;border-radius:var(--d4lp-r-control)}.d4el-tally .d4el-socket::before{inset:3px}.d4el-tally__sum{display:grid;margin:0;color:var(--d4lp-ink);font-size:13px;font-weight:700;line-height:1.3}.d4el-tally__sum>span{grid-area:1 / 1}.d4el-tally:not([data-solo]) [data-d4el-count=solo],.d4el-tally[data-solo] [data-d4el-count=party]{visibility:hidden}.d4el-kill{transition:border-color .2s var(--d4lp-ease),background-color .2s var(--d4lp-ease),box-shadow .24s var(--d4lp-ease)}.d4el-who,.d4el-socket::before{transition:filter .24s var(--d4lp-ease),opacity .24s var(--d4lp-ease)}.d4el-socket{transition:box-shadow .24s var(--d4lp-ease)}.d4el-reward__text b{transition:color .24s var(--d4lp-ease)}[data-d4el-reward=title]{--d: 110ms}@media(prefers-reduced-motion:no-preference){[data-ignite]>.d4el-socket{animation:d4el-ignite .56s var(--d) var(--d4lp-ease) backwards}[data-ignite] .d4el-reward__text b{animation:d4el-write .42s calc(var(--d, 0ms) + 120ms) var(--d4lp-ease) backwards}}@keyframes d4el-ignite{0%{scale:.84;filter:brightness(1.9)}40%{scale:1.1;filter:brightness(1.5);box-shadow:inset 0 0 0 1px var(--hue),0 6px 18px -4px var(--hue)}100%{scale:1;filter:none}}@keyframes d4el-write{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}