.wg,.wg-tail{display:grid;gap:18px;margin-block:0 14px;container-type:inline-size}.d4pp-page .custom-options>:is(.wg,.wg-tail){flex:0 0 100%;inline-size:100%;min-inline-size:0}.d4pp-page .custom-options>.wg{order:1}.d4pp-page .custom-options>.mm-playtype{order:2}.d4pp-page .custom-options>.wg-tail{order:3}.d4pp-page .custom-options>.wg-tail~*{order:4}.d4pp-page .d4pp-head [data-d4pp-terms]{display:none}.d4pp-page{--wg-rare: oklch(0.62 0.17 255);--wg-epic: oklch(0.66 0.22 305);--wg-legendary: oklch(0.74 0.17 55);--wg-artifact: oklch(0.86 0.09 85)}.wg-goals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-block-start:58px}.wg-goal{position:relative;isolation:isolate;display:flex;align-items:center;min-block-size:64px;margin:0;padding-block:10px;padding-inline:14px 46%;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)}.wg-goal::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;opacity:0;transition:opacity .24s var(--d4lp-ease);background:linear-gradient(90deg in oklab,color-mix(in oklab,var(--d4lp-tint) 45%,var(--d4lp-control)),var(--d4lp-control))}.wg-goal[aria-checked=true]{border-color:color-mix(in oklch,var(--d4lp-tint) 75%,transparent);color:var(--d4lp-ink)}.wg-goal[aria-checked=true]::before{opacity:1}@media(hover:hover)and (pointer:fine){.wg-goal[aria-checked=false]:hover{border-color:color-mix(in oklch,var(--d4lp-tint) 30%,transparent)}}.wg-goal:active:not([aria-checked=true]){background-color:color-mix(in oklab,var(--d4lp-active) 60%,var(--d4lp-control))}.wg-goal:focus-visible{outline:2px solid var(--d4lp-focus);outline-offset:2px}:is(.wg-goal,.wg-card,.wg-pack__choose){-webkit-tap-highlight-color:transparent}.wg-goal__text{display:grid;gap:1px;min-inline-size:0}.wg-goal__text b{font-size:16px;font-weight:700;line-height:1.25}.wg-goal__text span{color:var(--d4lp-muted);font-size:12px;line-height:1.3}.wg-goal[aria-checked=true] .wg-goal__text span{color:color-mix(in oklab,var(--d4lp-ink) 80%,transparent)}.wg-goal__art{position:absolute;inset-block-end:0;inset-inline-end:6px;z-index:1;inline-size:50%;block-size:calc(100% + var(--rise, 40px));background:right bottom / contain no-repeat;filter:brightness(.82) saturate(.85);pointer-events:none;transition:filter .24s var(--d4lp-ease)}.wg-goal[aria-checked=true] .wg-goal__art{filter:none}@container (max-width: 440px){.wg-goal{min-block-size:56px;padding-inline:10px 54%}.wg-goal__art{inline-size:54%;inset-inline-end:2px}.wg-goal__text b{font-size:14px}.wg-goal__text span{display:none}}.wg-pic{--i: 0;display:inline-block;flex:none;inline-size:40px;block-size:40px;border-radius:var(--d4lp-r-control);box-shadow:0 0 0 1px oklch(0.78 0.09 80 / .55),0 2px 5px oklch(0 0 none / .5)}.d4lp-bar__pics>.wg-pic{inline-size:44px;block-size:44px}.wg-pic--gear{background:var(--wg-gear) calc(var(--i) * 100% / 6) 0 / 700% 100% no-repeat}.wg-pic--aotc{background:var(--wg-aotc) center / cover no-repeat}.wg-pic--rungs{background:var(--wg-rungs) calc(var(--i) * 100% / 3) 0 / 400% 100% no-repeat}.wg-cards{display:grid;grid-template-columns:repeat(var(--n, 4),minmax(0,1fr));gap:8px}.wg-card{position:relative;isolation:isolate;display:grid;grid-row:span 5;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(120px 90px at 30px 26px,color-mix(in oklch,var(--tone) 10%,transparent),transparent),var(--d4lp-control);transition:border-color .24s var(--d4lp-ease),background-color .24s var(--d4lp-ease),box-shadow .24s var(--d4lp-ease)}.wg-card::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(160px 120px at 30px 26px,color-mix(in oklch,var(--tone) 26%,transparent),transparent),color-mix(in oklab,var(--tone) 11%,var(--d4lp-control));transition:opacity .24s var(--d4lp-ease)}.wg-card[aria-checked=true]::after{opacity:1}.wg-card[data-tone=rare]{--tone: var(--wg-rare)}.wg-card[data-tone=epic]{--tone: var(--wg-epic)}.wg-card[data-tone=legendary]{--tone: var(--wg-legendary)}.wg-card[data-tone=artifact]{--tone: var(--wg-artifact)}.wg-card[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)}@media(hover:hover)and (pointer:fine){.wg-card[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))}.wg-card[aria-checked=false]:hover .wg-emblem{opacity:1}}.wg-card:active:not([aria-checked=true]){background-color:color-mix(in oklab,var(--d4lp-active) 60%,var(--d4lp-control))}.wg-card:focus-visible{outline:2px solid var(--d4lp-focus);outline-offset:2px}.wg-emblem{position:relative;display:grid;place-items:center;inline-size:40px;block-size:40px;margin-block-end:6px;opacity:.78;transition:opacity .24s var(--d4lp-ease)}.wg-card[aria-checked=true] .wg-emblem{opacity:1}.wg-badge{position:absolute;inset-block-start:10px;inset-inline-end:10px;padding:1px 7px;border:1px solid transparent;border-radius:999px;background:color-mix(in oklch,var(--tone) 24%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--tone) 55%,transparent);color:color-mix(in oklab,var(--tone) 40%,oklch(1 0 none));font-size:12px;font-weight:600;line-height:1.4;white-space:nowrap}@container (max-width: 560px){.wg-badge{inset-block-start:0;inset-inline:50% auto;translate:-50% -50%;padding-inline:5px;background:color-mix(in oklab,var(--tone) 30%,var(--d4lp-control))}}.wg-check{position:absolute;inset-block-end:-4px;inset-inline-end:-5px;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:.5;opacity:0}.wg-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}.wg-card[aria-checked=true] .wg-check{scale:1;opacity:1}.wg-level{color:color-mix(in oklab,var(--tone) 45%,var(--d4lp-copy));font-size:16px;font-weight:700;line-height:1.25;text-wrap:balance}.wg-card[aria-checked=true] .wg-level{color:color-mix(in oklab,var(--tone) 45%,oklch(1 0 none))}.wg-what{color:var(--d4lp-copy);font-size:13px;line-height:1.3;font-variant-numeric:tabular-nums}.wg-card[aria-checked=true] .wg-what{color:var(--d4lp-ink)}.wg-time{display:inline-flex;align-items:center;gap:.4em;color:var(--d4lp-muted);font-size:12px;line-height:1.3;white-space:nowrap}.wg-time svg{flex:none;inline-size:1em;block-size:1em;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}.wg-card[aria-checked=true] .wg-time{color:color-mix(in oklab,var(--d4lp-ink) 85%,transparent)}.wg-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}.wg-price small{color:var(--d4lp-muted);font-size:12px;font-weight:600}.wg-price small:not(:empty)::after{content:" "}@container (max-width: 560px){.wg-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (max-width: 560px){.wg-cards[data-n="3"]{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.wg-cards[data-n="3"] .wg-card{padding-inline:10px}.wg-cards[data-n="3"] .wg-time{white-space:normal}}@container (max-width: 420px){.wg-cards,.wg-cards[data-n="3"]{grid-template-columns:minmax(0,1fr);gap:8px}.wg-cards .wg-card,.wg-cards[data-n="3"] .wg-card{grid-row:auto;grid-template-rows:none;grid-template-columns:40px minmax(0,1fr) auto;grid-template-areas:"em name price" "em what price" "em time price";align-items:center;column-gap:12px;row-gap:1px;padding:12px 14px}.wg-card .wg-emblem{grid-area:em;align-self:center;margin:0}.wg-card .wg-level{grid-area:name}.wg-card .wg-what{grid-area:what}.wg-card .wg-time{grid-area:time;white-space:nowrap}.wg-card .wg-price{grid-area:price;align-self:center;margin:0;padding:0;text-align:end}.wg-card .wg-badge{inset-block-start:0;inset-inline:auto 14px;translate:0 -50%}.wg-eta .eta-divider{display:none}}.wg-tail{--wg-well: oklch(0.163 0.017 274.5)}.wg-board{display:grid;gap:10px}.wg-board__title{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:0;color:var(--d4lp-copy);font-size:14px;font-weight:600;line-height:1.3}.wg-board__text{margin:0;color:var(--d4lp-copy);font-size:13px;line-height:1.45}.wg-loot__ic,.wg-loot__ic i{background:var(--wg-loot, none) calc(var(--c) * 100% / 36) 0 / 3700% 100% no-repeat}.wg-loot__ic{position:relative;border-radius:var(--d4lp-r-control)}.wg-loot__ic i{position:absolute;inset:-4px}@media(prefers-reduced-motion:no-preference){.wg-check{transition:scale .24s cubic-bezier(.16,1,.3,1),opacity .16s var(--d4lp-ease)}}.wg-eta{margin-block-start:6px}.wg-gives{--tone: var(--wg-rare);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.wg-gives[data-tone=epic]{--tone: var(--wg-epic)}.wg-gives[data-tone=legendary]{--tone: var(--wg-legendary)}.wg-gives__col{display:grid;align-content:start;gap:12px;padding:13px 15px 15px;border:1px solid transparent;border-radius:var(--d4lp-r-card);background:var(--wg-well);box-shadow:inset 0 0 0 1px var(--d4lp-line)}.wg-gives__col--rewards{background:radial-gradient(120% 90% at 100% 0%,color-mix(in oklch,var(--tone) 18%,transparent),transparent 70%),var(--wg-well);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--tone) 40%,transparent)}.wg-gives__head{margin:0;color:var(--d4lp-copy);font-size:12px;font-weight:600;line-height:1.3}.wg-gives__col--rewards .wg-gives__head{color:color-mix(in oklab,var(--tone) 60%,oklch(1 0 none))}.wg-gives ul{display:grid;gap:12px;margin:0;padding:0;list-style:none}.wg-give{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:1px 12px}.wg-give__ic,.wg-give .wg-pic--give{grid-row:span 2;inline-size:36px;block-size:36px}img.wg-give__ic{object-fit:contain;filter:drop-shadow(0 2px 3px oklch(0 0 none / .45))}img.wg-give__ic--game{filter:none;border-radius:var(--d4lp-r-control);box-shadow:0 0 0 1px oklch(0.78 0.09 80 / .55),0 2px 5px oklch(0 0 none / .5)}.wg-give b{align-self:end;color:var(--d4lp-ink);font-size:14px;font-weight:600;line-height:1.3}.wg-give small{align-self:start;color:var(--d4lp-copy);font-size:12px;line-height:1.35}.wg-gives :is(.wg-give--ilvl,.wg-give--honor,.wg-give--conquest) b{color:color-mix(in oklab,var(--tone) 55%,oklch(1 0 none));font-size:16px;font-weight:700}.wg-give--title b{color:oklch(0.86 0.13 85)}.wg-give--title b::before{content:"‹"}.wg-give--title b::after{content:"›"}@container (max-width: 560px){.wg-gives{grid-template-columns:minmax(0,1fr)}}.wg-roll{font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:no-preference){.product-detail-image[data-wg-powered]{animation:wg-power .9s cubic-bezier(.16,1,.3,1)}}@keyframes wg-power{from{opacity:.3;filter:brightness(1.6) drop-shadow(0 0 22px var(--wg-glow, var(--wg-rare)))}35%{opacity:1}to{opacity:1;filter:brightness(1) drop-shadow(0 0 0 transparent)}}.wg-packs{--wg-ink: var(--d4lp-ink, oklch(0.97 0.01 270));--wg-copy: var(--d4lp-copy, oklch(0.82 0.02 270));--wg-muted: var(--d4lp-muted, oklch(0.68 0.02 270));display:grid;gap:32px;container-type:inline-size}.wg-packs__group{display:grid;gap:14px}.wg-packs__title{margin:0;color:var(--wg-ink);font-size:18px;font-weight:700;line-height:1.3}.wg-packs__row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:stretch;padding-block-start:10px}@container (max-width: 560px){.wg-packs__row{grid-template-columns:minmax(0,1fr);gap:18px}}.wg-packs__note{margin:0;color:var(--wg-copy);font-size:13px;line-height:1.5}.wg-pack{--tone: var(--wg-rare, oklch(0.62 0.17 255));position:relative;display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:14px;padding:18px 16px 16px;border:1px solid transparent;border-radius:var(--d4lp-r-dock, 14px);background:radial-gradient(130% 70% at 0% 0%,color-mix(in oklch,var(--tone) 16%,transparent),transparent 70%),oklch(0.19 0.02 272);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--tone) 32%,transparent),0 10px 28px -18px color-mix(in oklch,var(--tone) 60%,transparent)}.wg-pack[data-tone=epic]{--tone: var(--wg-epic, oklch(0.66 0.22 305))}.wg-pack[data-tone=legendary]{--tone: var(--wg-legendary, oklch(0.74 0.17 55))}.wg-pack__head{display:grid;align-content:start;gap:10px}.wg-pack__head .wg-pic{inline-size:40px;block-size:40px}.wg-pack .wg-badge{inset-block-start:0;inset-inline:auto 14px;translate:0 -50%;background:color-mix(in oklab,var(--tone) 30%,oklch(0.19 0.02 272))}.wg-pack__name{margin:0;color:color-mix(in oklab,var(--tone) 50%,oklch(1 0 none));font-size:18px;font-weight:700;line-height:1.25}.wg-pack__who{margin:2px 0 0;color:var(--wg-copy);font-size:13px;line-height:1.4}.wg-pack__list{display:grid;align-content:start;gap:9px;margin:0;padding:14px 0 0;border-block-start:1px solid color-mix(in oklch,var(--tone) 22%,transparent);list-style:none}.wg-pack__list li{display:grid;grid-template-columns:1em minmax(0,1fr);gap:8px;align-items:start;color:var(--wg-ink);font-size:13px;line-height:1.45}.wg-pack__list svg{inline-size:1em;block-size:1lh;fill:none;stroke:color-mix(in oklab,var(--tone) 60%,oklch(1 0 none));stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.wg-pack__lead span{color:color-mix(in oklab,var(--tone) 50%,oklch(1 0 none));font-weight:700}.wg-pack__base b{font-weight:700}.wg-pack__time{display:flex;align-items:center;align-self:end;gap:6px;margin:0;color:var(--wg-muted);font-size:13px;line-height:1.3}.wg-pack__time svg{flex:none;inline-size:1em;block-size:1em;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}.wg-pack__choose{min-block-size:44px;margin:0;padding:10px 14px;border:1px solid color-mix(in oklch,var(--tone) 55%,transparent);border-radius:var(--d4lp-r-control, 8px);background:color-mix(in oklab,var(--tone) 22%,oklch(0.19 0.02 272));color:var(--wg-ink);font:inherit;font-size:14px;font-weight:600;cursor:pointer}.wg-pack__choose[hidden]{display:none}@media(hover:hover)and (pointer:fine){.wg-pack__choose:hover{background:color-mix(in oklab,var(--tone) 34%,oklch(0.19 0.02 272))}}.wg-pack__choose:active{background:color-mix(in oklab,var(--tone) 40%,oklch(0.19 0.02 272))}.wg-pack__choose:focus-visible{outline:2px solid var(--d4lp-focus, currentColor);outline-offset:2px}@media(prefers-reduced-motion:no-preference){.wg-pack__choose{transition:background-color .15s ease-out}}