.wd,.wd-tail{display:grid;gap:18px;margin-block:0 14px;container-type:inline-size}.d4pp-page .custom-options>:is(.wd,.wd-tail){flex:0 0 100%;inline-size:100%;min-inline-size:0}.d4pp-page{--wd-rare: oklch(0.62 0.17 255);--wd-epic: oklch(0.66 0.22 305);--wd-gold: oklch(0.83 0.13 85);--wd-well: oklch(0.163 0.017 274.5)}:is(.wd-tier,.wd-run,.wd-coffer,.wd-unlock){-webkit-tap-highlight-color:transparent}.wd-group{display:grid;gap:8px}.wd-group__label{margin:0;color:var(--d4lp-ink);font-size:14px;font-weight:600;line-height:1.3}.wd-pic{display:inline-block;flex:none;inline-size:40px;block-size:40px;background:var(--wd-icons, none) calc(var(--i, 0) * 100% / max(var(--n, 1) - 1,1)) 0 / calc(var(--n, 1) * 100%) 100% no-repeat}.wd-pic--none{background:none}.wd-pic--game{background:var(--wd-game, none) calc(var(--i, 0) * 100% / 45) 0 / 4600% 100% no-repeat;filter:drop-shadow(0 2px 3px oklch(0 0 none / .55))}.wd-pic--give{inline-size:36px;block-size:36px}.wd-pic--key{inline-size:24px;block-size:24px;border-radius:var(--d4lp-r-control);box-shadow:0 0 0 1px oklch(0.78 0.09 80 / .55),0 2px 4px oklch(0 0 none / .55)}img.wd-pic--object{object-fit:contain;background:none;border-radius:0;box-shadow:none;filter:drop-shadow(0 2px 3px oklch(0 0 none / .45))}.wd-coffer__ic img.wd-pic--object{inline-size:44px;block-size:44px}.wd-key img.wd-pic--object{inline-size:26px;block-size:26px}.wd-tiers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.wd-tiers{--rise: 40px}.wd-tier{position:relative;isolation:isolate;display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:2px;justify-items:start;min-inline-size:0;margin:0;padding:12px;border:1px solid transparent;border-radius:calc(var(--d4lp-r-card) - 2px);color:var(--d4lp-copy);font:inherit;text-align:start;cursor:pointer;background:radial-gradient(160px 120px at 85% 100%,color-mix(in oklch,var(--tone) 14%,transparent),transparent),var(--d4lp-control);transition:border-color .24s var(--d4lp-ease),background-color .24s var(--d4lp-ease),box-shadow .24s var(--d4lp-ease)}.wd-tier.has-art{padding-inline-end:53%}.wd-tier::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(220px 160px at 85% 100%,color-mix(in oklch,var(--tone) 34%,transparent),transparent),color-mix(in oklab,var(--tone) 11%,var(--d4lp-control));transition:opacity .24s var(--d4lp-ease)}.wd-tier[data-tone=rare],.wd-unlock[data-tone=rare]{--tone: var(--wd-rare)}.wd-tier[data-tone=epic],.wd-unlock[data-tone=epic]{--tone: var(--wd-epic)}.wd-tier[aria-checked=true]{border-color:color-mix(in oklch,var(--tone) 65%,transparent);box-shadow:inset 0 0 18px color-mix(in oklch,var(--tone) 12%,transparent),0 10px 24px -14px color-mix(in oklch,var(--tone) 70%,transparent)}.wd-tier[aria-checked=true]::after{opacity:1}.wd-tier__art{position:absolute;inset-block-end:0;inset-inline-end:2px;z-index:1;inline-size:50%;block-size:calc(100% + var(--rise));background:right bottom / auto 100% no-repeat;filter:brightness(.78) saturate(.8);pointer-events:none;transition:filter .24s var(--d4lp-ease)}.wd-tier[aria-checked=true] .wd-tier__art{filter:none}.wd-tier__head{display:flex;align-items:center;gap:10px;margin-block-end:4px}.wd-emblem{position:relative;display:grid;place-items:center;flex:none;inline-size:34px;block-size:34px}.wd-num{display:grid;place-items:center;inline-size:34px;block-size:34px;border-radius:50%;color:color-mix(in oklab,var(--tone) 35%,oklch(1 0 none));background:radial-gradient(circle at 50% 35%,color-mix(in oklch,var(--tone) 45%,transparent),color-mix(in oklch,var(--tone) 12%,transparent) 70%);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--tone) 60%,transparent);font-size:16px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;opacity:.8;transition:opacity .24s var(--d4lp-ease)}.wd-tier[aria-checked=true] .wd-num{opacity:1}.wd-check{position:absolute;inset-block-end:-6px;inset-inline-end:-9px;display:grid;place-items:center;inline-size:18px;block-size:18px;border-radius:50%;background:var(--tone);box-shadow:0 0 0 2px var(--d4lp-control),0 2px 4px oklch(0 0 none / 0.5);scale:.8;opacity:0}.wd-check svg{inline-size:11px;block-size:11px;fill:none;stroke:oklch(0.2 0.02 280);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.wd-tier[aria-checked=true] .wd-check{scale:1;opacity:1}.wd-name{color:color-mix(in oklab,var(--tone) 45%,var(--d4lp-copy));font-size:18px;font-weight:700;line-height:1.25}.wd-tier[aria-checked=true] .wd-name{color:color-mix(in oklab,var(--tone) 40%,oklch(1 0 none))}.wd-what{color:var(--d4lp-copy);font-size:13px;line-height:1.3}.wd-tier[aria-checked=true] .wd-what{color:var(--d4lp-ink)}.wd-price{align-self:end;padding-block-start:8px;color:var(--d4lp-ink);font-size:16px;font-weight:700;line-height:1.25;font-variant-numeric:tabular-nums;white-space:nowrap}.wd-price small{color:var(--d4lp-muted);font-size:12px;font-weight:600}.wd-unlock{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:6px 16px;margin:0;padding:10px 14px;border:1px dashed color-mix(in oklch,var(--tone) 30%,transparent);border-radius:calc(var(--d4lp-r-card) - 2px);background:var(--wd-well);color:var(--d4lp-copy);font:inherit;text-align:start;cursor:pointer;transition:border-color .24s var(--d4lp-ease),background-color .24s var(--d4lp-ease)}.wd-unlock[aria-checked=true]{border-style:solid;border-color:color-mix(in oklch,var(--tone) 65%,transparent);background:color-mix(in oklab,var(--tone) 12%,var(--wd-well))}.wd-unlock__text{display:grid;gap:1px;min-inline-size:0}.wd-unlock__text b{color:var(--d4lp-ink);font-size:14px;font-weight:600;line-height:1.3}.wd-unlock__text small{color:var(--d4lp-muted);font-size:12px;line-height:1.35}.wd-climb{display:inline-flex;align-items:center;gap:3px}.wd-step{display:grid;place-items:center;inline-size:24px;block-size:24px;border-radius:var(--d4lp-r-control);background:var(--d4lp-control);color:var(--d4lp-muted);box-shadow:inset 0 0 0 1px var(--d4lp-line);font-size:12px;font-style:normal;font-weight:700;font-variant-numeric:tabular-nums;transition:background-color .24s var(--d4lp-ease),color .24s var(--d4lp-ease),box-shadow .24s var(--d4lp-ease)}.wd-step--goal{inline-size:30px;block-size:30px;color:color-mix(in oklab,var(--tone) 40%,oklch(1 0 none));font-size:14px;background:color-mix(in oklab,var(--tone) 22%,var(--d4lp-control));box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--tone) 60%,transparent)}.wd-climb__arrow svg{display:block;inline-size:12px;block-size:12px;fill:none;stroke:var(--d4lp-muted);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.wd-unlock[aria-checked=true] .wd-step{background:color-mix(in oklab,var(--tone) 30%,var(--d4lp-control));color:var(--d4lp-ink);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--tone) 55%,transparent)}.wd-unlock[aria-checked=true] .wd-step--goal{background:var(--tone);color:oklch(0.18 0.02 280);box-shadow:0 2px 12px color-mix(in oklch,var(--tone) 60%,transparent)}.wd-unlock__end{display:inline-flex;align-items:center;gap:10px}.wd-unlock__price{color:var(--d4lp-ink);font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.wd-switch{position:relative;display:block;inline-size:34px;block-size:20px;border-radius:999px;background:var(--d4lp-control);box-shadow:inset 0 0 0 1px var(--d4lp-line);transition:background-color .2s var(--d4lp-ease)}.wd-switch i{position:absolute;inset-block-start:3px;inset-inline-start:3px;inline-size:14px;block-size:14px;border-radius:50%;background:var(--d4lp-muted);transition:background-color .2s var(--d4lp-ease)}.wd-unlock[aria-checked=true] .wd-switch{background:var(--tone)}.wd-unlock[aria-checked=true] .wd-switch i{translate:14px 0;background:oklch(1 0 none)}.wd-runs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.wd-run{display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:4px;justify-items:start;min-inline-size:0;margin:0;padding:10px 12px;border:1px solid transparent;border-radius:calc(var(--d4lp-r-card) - 2px);background:var(--d4lp-control);color:var(--d4lp-copy);font:inherit;text-align:start;cursor:pointer;transition:border-color .24s var(--d4lp-ease),background-color .24s var(--d4lp-ease)}.wd-run__n{color:var(--d4lp-ink);font-size:16px;font-weight:700;line-height:1.25}.wd-run__free{color:var(--wd-gold);font-size:12px;font-weight:700;line-height:1.3}.wd-run__vault{display:inline-flex;align-items:center;gap:6px;color:var(--d4lp-muted);font-size:12px;line-height:1.3;white-space:nowrap}.wd-run__price{align-self:end;color:var(--d4lp-ink);font-size:14px;font-weight:700;line-height:1.25;font-variant-numeric:tabular-nums}.wd-locks{display:inline-flex;flex:none;gap:1px}.wd-lock{--s: .15;display:block;inline-size:calc(162px * var(--s));block-size:calc(138px * var(--s));background:var(--wd-vault, none) calc(-675.5px * var(--s)) calc(-3px * var(--s)) / calc(1080px * var(--s)) calc(144px * var(--s)) no-repeat;opacity:.55}.wd-lock.is-open{background-position:calc(-459px * var(--s)) calc(-3px * var(--s));opacity:1}.wd-coffers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.wd-coffer{display:flex;align-items:center;gap:12px;min-inline-size:0;margin:0;padding:10px 12px;border:1px solid transparent;border-radius:calc(var(--d4lp-r-card) - 2px);background:var(--d4lp-control);color:var(--d4lp-copy);font:inherit;text-align:start;cursor:pointer;transition:border-color .24s var(--d4lp-ease),background-color .24s var(--d4lp-ease)}.wd-coffer--bountiful{background:radial-gradient(140px 90px at 24px 50%,color-mix(in oklch,var(--wd-gold) 14%,transparent),transparent),var(--d4lp-control)}.wd-coffer__ic{display:grid;place-items:center;opacity:.8;transition:opacity .24s var(--d4lp-ease)}.wd-coffer[aria-checked=true] .wd-coffer__ic{opacity:1}.wd-coffer__text{display:grid;gap:1px;min-inline-size:0}.wd-coffer__text b{color:var(--d4lp-ink);font-size:14px;font-weight:600;line-height:1.3}.wd-coffer__text small{color:var(--d4lp-muted);font-size:12px;line-height:1.3}.wd-keys:not(:empty){display:inline-flex;align-items:center;gap:8px;margin-block-start:6px}.wd-keys__fan{display:inline-flex}.wd-key{display:block;margin-inline-start:-8px}.wd-key:first-child{margin-inline-start:0}.wd-keys__n{color:var(--wd-gold);font-size:12px;font-weight:700;white-space:nowrap}.wd-coffer[aria-checked=false] .wd-keys{opacity:.6}:is(.wd-run,.wd-coffer)[aria-checked=true]{border-color:color-mix(in oklch,var(--d4lp-tint) 75%,transparent);background-color:color-mix(in oklab,var(--d4lp-tint) 18%,var(--d4lp-control))}.wd-coffer[aria-checked=true] .wd-coffer__text small,.wd-run[aria-checked=true] .wd-run__vault{color:color-mix(in oklab,var(--d4lp-ink) 80%,transparent)}@media(hover:hover)and (pointer:fine){.wd-tier[aria-checked=false]:hover{border-color:color-mix(in oklch,var(--tone) 25%,transparent);background-color:color-mix(in oklab,var(--tone) 5%,var(--d4lp-control))}.wd-tier[aria-checked=false]:hover .wd-tier__art{filter:brightness(.92) saturate(.92)}:is(.wd-run,.wd-coffer)[aria-checked=false]:hover{border-color:color-mix(in oklch,var(--d4lp-tint) 30%,transparent)}.wd-unlock[aria-checked=false]:hover{border-color:color-mix(in oklch,var(--tone) 55%,transparent)}}:is(.wd-tier,.wd-run,.wd-coffer):active:not([aria-checked=true]),.wd-unlock:active{background-color:color-mix(in oklab,var(--d4lp-active) 60%,var(--d4lp-control))}:is(.wd-tier,.wd-run,.wd-coffer,.wd-unlock):focus-visible{outline:2px solid var(--d4lp-focus);outline-offset:2px}.wd-board{display:grid;gap:10px}.wd-board__title{margin:0;color:var(--d4lp-copy);font-size:14px;font-weight:600;line-height:1.3}.wd-gives{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;margin:0;padding:13px 15px;border-radius:var(--d4lp-r-card);background:var(--wd-well);box-shadow:inset 0 0 0 1px var(--d4lp-line);list-style:none}.wd-give{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:1px 12px}.wd-give .wd-pic{grid-row:span 2}.wd-give b{align-self:end;color:var(--d4lp-ink);font-size:14px;font-weight:600;line-height:1.3}.wd-give small{align-self:start;color:var(--d4lp-copy);font-size:12px;line-height:1.35}.wd-give--off{opacity:.6}.wd-eta{margin-block-start:6px}@media(prefers-reduced-motion:no-preference){.wd-check{transition:scale .2s cubic-bezier(.23,1,.32,1),opacity .16s var(--d4lp-ease)}.wd-switch i{transition:translate .2s var(--d4lp-ease),background-color .2s var(--d4lp-ease)}.wd-lock[data-wd-lit]{animation:wd-lit .36s cubic-bezier(.23,1,.32,1) both}.wd-lock[data-wd-lit]:nth-child(2){animation-delay:60ms}.wd-lock[data-wd-lit]:nth-child(3){animation-delay:120ms}.wd-key[data-wd-in]{animation:wd-key-in .26s cubic-bezier(.23,1,.32,1) both;animation-delay:calc(var(--j, 0) * 40ms)}.wd-step[data-wd-climb]{animation:wd-climb .3s cubic-bezier(.23,1,.32,1) both;animation-delay:calc(var(--j, 0) * 35ms)}}@keyframes wd-lit{from{scale:.8;filter:brightness(2.2) drop-shadow(0 0 6px var(--wd-gold))}to{scale:1;filter:none}}@keyframes wd-key-in{from{opacity:0;translate:-6px 0}to{opacity:1;translate:0 0}}@keyframes wd-climb{from{filter:brightness(1.8);translate:0 3px}to{filter:none;translate:0 0}}@container (max-width: 560px){.wd-unlock{grid-template-columns:minmax(0,1fr) auto}.wd-climb{grid-column:1;grid-row:2}.wd-unlock__end{grid-column:2;grid-row:1 / span 2}}@container (max-width: 440px){.wd-coffers,.wd-gives,.wd-tiers{grid-template-columns:minmax(0,1fr)}.wd-tiers{gap:calc(var(--rise) + 8px)}.wd-tier.has-art{padding-inline-end:42%}.wd-tier__art{inline-size:42%}.wd-runs{gap:6px}.wd-run{padding-inline:10px}.wd-run__vault>span:last-child{display:none}.wd-eta .eta-divider{display:none}}.d4pp-page .d4ad-coins i{inset:2px;inline-size:auto;block-size:auto;border-radius:var(--d4lp-r-control);background:var(--wd-coin, none) center / cover no-repeat}.d4pp-page .d4ad-coins i+i{display:none}