.d4an-on .d4an-native{display:none}.d4an{--d4an-blue: oklch(0.7 0.15 250);margin-block:0 4px;overflow-wrap:break-word}.d4an-title{margin-block:0 8px;margin-inline:0;color:var(--d4lp-muted);font-size:12px;line-height:1.3;text-transform:uppercase}.d4an-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.d4an-tile{position:relative;display:grid;align-content:start;gap:2px;min-block-size:76px;margin:0;padding-block:10px;padding-inline:12px;overflow:clip;border:0;border-radius:var(--d4lp-r-control);background:var(--d4lp-control);color:var(--d4lp-copy);font:inherit;text-align:start;cursor:pointer}.d4an-tile__name{color:var(--d4lp-ink);font-size:16px;font-weight:700;line-height:1.25;text-wrap:balance}.d4an-tile--roll .d4an-tile__name{font-size:22px;line-height:1.1;font-variant-numeric:tabular-nums}.d4an-tile__what{color:var(--d4lp-muted);font-size:12px;line-height:1.35}.d4an-tile__price{margin-block-start:4px;color:var(--d4lp-copy);font-size:13px;font-weight:600;line-height:1.3;font-variant-numeric:tabular-nums}.d4an-tile[aria-checked=true]{background:var(--d4lp-active);cursor:default}.d4an-tile[aria-checked=true] .d4an-tile__what{color:var(--d4lp-copy)}@media(hover:hover)and (pointer:fine){.d4an-tile[aria-checked=false]:hover{background:color-mix(in oklab,var(--d4lp-active) 55%,var(--d4lp-control))}}.d4an-tile:active:not([aria-checked=true]){background:color-mix(in oklab,var(--d4lp-active) 75%,var(--d4lp-control))}.d4an-tile:focus-visible{outline:2px solid var(--d4lp-focus);outline-offset:2px}.d4an-range{position:absolute;inset-block-start:14px;inset-inline-end:12px;display:flex;align-items:end;gap:3px;block-size:18px}.d4an-range i{inline-size:4px;border-radius:1px;background:var(--d4lp-copy);opacity:.45}.d4an-range i:nth-child(1){--n: 0;block-size:6px}.d4an-range i:nth-child(2){--n: 1;block-size:8px}.d4an-range i:nth-child(3){--n: 2;block-size:10px}.d4an-range i:nth-child(4){--n: 3;block-size:12px}.d4an-range i:nth-child(5){--n: 4;block-size:15px}.d4an-range i:nth-child(6){--n: 5;block-size:18px}.d4an-tile--max .d4an-range i{opacity:.16}.d4an-tile--max .d4an-range i:last-child{background:var(--d4lp-tint);opacity:.8}.d4an-tile--roll[aria-checked=true] .d4an-range i{opacity:.8}.d4an-tile--max[aria-checked=true] .d4an-range i{opacity:.22}.d4an-tile--max[aria-checked=true] .d4an-range i:last-child{opacity:1;box-shadow:0 0 8px color-mix(in oklch,var(--d4lp-tint) 70%,transparent)}@media(prefers-reduced-motion:no-preference){.d4an-tile[data-d4an-charge] .d4an-range i{animation:d4an-run .36s var(--d4lp-ease) calc(var(--n) * 50ms)}.d4an-tile[data-d4an-charge] .d4an-range i:last-child{animation:d4an-top .5s cubic-bezier(.16,1,.3,1) 250ms}@keyframes d4an-run{30%{background:var(--d4lp-tint);opacity:1}}@keyframes d4an-top{from{scale:1 .4;translate:0 5px}40%{box-shadow:0 0 14px var(--d4lp-tint)}}}.d4an-caption{display:flex;align-items:start;gap:8px;margin-block:12px 8px;margin-inline:0;color:var(--d4lp-copy);font-size:13px;line-height:1.4;text-wrap:pretty}.d4an-cg{flex:none;inline-size:1.4em;block-size:1lh;background:var(--g) center / contain no-repeat;filter:sepia(.5) saturate(1.5) brightness(1.15)}.d4an-rows{display:grid;gap:2px;margin:0;padding:0;list-style:none}.d4an-set{display:grid;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:10px;min-block-size:40px;margin:0;padding-block:4px;padding-inline:10px;border:0;border-radius:var(--d4lp-r-control);background:var(--d4lp-control);color:var(--d4lp-copy);font:inherit;font-size:14px;line-height:1.3;text-align:start}.d4an-set img{inline-size:26px;block-size:26px;object-fit:contain}.d4an-rows--pool .d4an-set{border-radius:0;background:transparent;box-shadow:inset 0 -1px 0 oklch(1 0 none / 0.07)}.d4an-rows--pool .d4an-set:last-child{box-shadow:none}.d4an-rows--pool .d4an-set img{opacity:.7}button.d4an-set{cursor:pointer}button.d4an-set[aria-checked=true]{background:var(--d4lp-active);color:var(--d4lp-ink);font-weight:700;cursor:default}button.d4an-set[aria-checked=true] img{filter:drop-shadow(0 0 6px color-mix(in oklch,var(--d4lp-tint) 45%,transparent))}@media(hover:hover)and (pointer:fine){button.d4an-set[aria-checked=false]:hover{background:color-mix(in oklab,var(--d4lp-active) 55%,var(--d4lp-control));color:var(--d4lp-ink)}}button.d4an-set:active:not([aria-checked=true]){background:color-mix(in oklab,var(--d4lp-active) 75%,var(--d4lp-control))}button.d4an-set:focus-visible{outline:2px solid var(--d4lp-focus);outline-offset:2px}.d4an-hint{margin-block:8px 0;margin-inline:0;padding-block:8px;padding-inline:10px;border-radius:var(--d4lp-r-control);background:color-mix(in oklab,var(--d4lp-tint) 9%,var(--d4lp-control));color:var(--d4lp-copy);font-size:12px;line-height:1.45}.d4an-hint b{color:var(--d4lp-tint);font-weight:700}.d4an-hint-slot+.d4an-title{margin-block-start:20px}.d4an-note{margin-block:8px 0;margin-inline:0;color:var(--d4lp-muted);font-size:12px;line-height:1.45;text-wrap:pretty}.d4an-note:empty{display:none}.d4an-glyphs .d4o-icons label[for=barbarian]{--g: var(--d4an-g-barbarian)}.d4an-glyphs .d4o-icons label[for=druid]{--g: var(--d4an-g-druid)}.d4an-glyphs .d4o-icons label[for=necromancer]{--g: var(--d4an-g-necromancer)}.d4an-glyphs .d4o-icons label[for=paladin]{--g: var(--d4an-g-paladin)}.d4an-glyphs .d4o-icons label[for=rogue]{--g: var(--d4an-g-rogue)}.d4an-glyphs .d4o-icons label[for=sorceress]{--g: var(--d4an-g-sorceress)}.d4an-glyphs .d4o-icons label[for=spiritborn]{--g: var(--d4an-g-spiritborn)}.d4an-glyphs .d4o-icons label[for=warlock]{--g: var(--d4an-g-warlock)}.d4an-glyphs .d4o-icons .option-label__image{position:relative;isolation:isolate}.d4an-glyphs .d4o-icons .option-label__image img{opacity:0}.d4an-glyphs .d4o-icons .option-label__image::before,.d4an-glyphs .d4o-icons .option-label__image::after{content:"";position:absolute;inset:16%;background:var(--g) center / contain no-repeat;pointer-events:none}.d4an-glyphs .d4o-icons .option-label__image::before{filter:brightness(.72)}@media(hover:hover)and (pointer:fine){.d4an-glyphs .d4o-icons .custom-options__label:hover .option-label__image::before{filter:brightness(1)}}.d4an-glyphs .d4o-icons .custom-options__radio-input:checked+.custom-options__label .option-label__image::before{filter:sepia(.5) saturate(1.5) brightness(1.15) drop-shadow(0 0 6px oklch(0.8 0.11 80 / 0.35))}.d4an-glyphs .d4o-icons .option-label__image::after{background:linear-gradient(110deg,transparent 38%,oklch(0.97 0.05 85 / 0.95) 50%,transparent 62%) 100% 0 / 300% 100% no-repeat;mask:var(--g) center / contain no-repeat;opacity:0;mix-blend-mode:screen}@media(prefers-reduced-motion:no-preference){.d4an-glyphs .d4o-icons .option-label__image::before{transition:filter .2s var(--d4lp-ease)}.d4an-glyphs .d4o-icons .option-label__image[data-d4an-lit]::after{animation:d4an-glint .6s var(--d4lp-ease)}@keyframes d4an-glint{from{opacity:1;background-position:100% 0}to{opacity:1;background-position:0 0}}}.d4an-glyphs .d4o-icons .custom-options__label>:not(.custom-option-tippy){display:none}@media(prefers-reduced-motion:no-preference){:active-view-transition-type(d4an)::view-transition-old(root){display:none}:active-view-transition-type(d4an)::view-transition-new(root){animation:none}::view-transition-group(d4an-class){z-index:2;animation-duration:.42s;animation-timing-function:cubic-bezier(.16,1,.3,1)}::view-transition-old(d4an-class),::view-transition-new(d4an-class){animation-duration:.42s}::view-transition-group(d4an-row-0),::view-transition-group(d4an-row-1),::view-transition-group(d4an-row-2),::view-transition-group(d4an-row-3),::view-transition-group(d4an-row-4),::view-transition-group(d4an-legend){animation-duration:.26s}::view-transition-old(d4an-row-0),::view-transition-old(d4an-row-1),::view-transition-old(d4an-row-2),::view-transition-old(d4an-row-3),::view-transition-old(d4an-row-4){animation:d4an-out .12s ease-out both}::view-transition-new(d4an-row-0),::view-transition-new(d4an-row-1),::view-transition-new(d4an-row-2),::view-transition-new(d4an-row-3),::view-transition-new(d4an-row-4){animation:d4an-deal .26s cubic-bezier(.16,1,.3,1) both}::view-transition-new(d4an-row-0){animation-delay:40ms}::view-transition-new(d4an-row-1){animation-delay:80ms}::view-transition-new(d4an-row-2){animation-delay:120ms}::view-transition-new(d4an-row-3){animation-delay:160ms}::view-transition-new(d4an-row-4){animation-delay:200ms}@keyframes d4an-out{to{opacity:0}}@keyframes d4an-deal{from{opacity:0;translate:0 -6px}}}.d4pp-page .product-detail-action-image-wrapper.d4an-staged{block-size:248px}@container d4pp (min-width: 1024px){.d4an-stage.d4pp-on .d4pp-receipt{padding-block-start:196px;background:linear-gradient(to bottom,transparent 170px,var(--d4lp-panel) 236px)}}.d4an-staged .product-detail-image{opacity:.2}.d4an-board{--d4an-blue: oklch(0.7 0.15 250);container:d4an-board / inline-size;position:absolute;inset:0 0 auto;z-index:16;display:flex;align-items:center;justify-content:center;justify-content:safe center;gap:22px;block-size:196px;padding-inline:20px;background:radial-gradient(closest-side at 32% 52%,oklch(0.16 0.03 260 / 0.85),transparent),linear-gradient(to right,transparent 45%,oklch(0.14 0.02 260 / 0.55))}.d4an-talisman{--r: 66px;position:relative;flex:none;inline-size:172px;block-size:172px}.d4an-wires{position:absolute;inset:0;inline-size:100%;block-size:100%;fill:none;stroke:oklch(0.78 0.1 80 / 0.28);stroke-width:1}.d4an-seal{position:absolute;inset-block-start:50%;inset-inline-start:50%;inline-size:74px;block-size:80px;translate:-50% -50%;background:var(--d4an-seal) center / contain no-repeat;filter:drop-shadow(0 4px 8px oklch(0 0 none / 0.6)) drop-shadow(0 0 10px color-mix(in oklch,var(--d4an-blue) 35%,transparent))}.d4an-slot{--a: calc(var(--i) * 60deg);position:absolute;inset-block-start:calc(50% - var(--r) * cos(var(--a)));inset-inline-start:calc(50% + var(--r) * sin(var(--a)));inline-size:30px;block-size:30px;translate:-50% -50%;border:1px solid oklch(0.78 0.1 80 / 0.4);border-radius:50%;background:radial-gradient(closest-side,oklch(0.27 0.03 260),oklch(0.18 0.02 260));box-shadow:inset 0 2px 5px oklch(0 0 none / 0.55),inset 0 0 0 4px oklch(0.78 0.1 80 / 0.06),0 3px 8px oklch(0 0 none / 0.4)}.d4an-legend{display:grid;gap:4px;min-inline-size:0;max-inline-size:180px;color:var(--d4lp-copy);font-size:13px;line-height:1.35;overflow-wrap:break-word}@container d4an-board (max-width: 340px){.d4an-talisman{--r: 52px;inline-size:136px;block-size:136px}.d4an-slot{inline-size:24px;block-size:24px}.d4an-seal{inline-size:58px;block-size:64px}}.d4an-legend b{color:var(--d4lp-ink);font-size:15px;line-height:1.3}.d4an-legend__slots{color:var(--d4lp-muted);font-size:12px}.d4an-legend__powers{display:flex;align-items:start;gap:6px;margin-block-start:4px;color:var(--d4lp-ink);font-weight:600;text-wrap:balance}.d4an-legend__powers img{flex:none;inline-size:1.4em;block-size:1lh;object-fit:contain}.d4an-glyph{flex:none;inline-size:1.25em;block-size:1lh;background:var(--g) center / contain no-repeat;filter:sepia(.5) saturate(1.5) brightness(1.15)}.d4an-legend__skills{color:var(--d4lp-copy);font-variant-numeric:tabular-nums}.d4an-board--max .d4an-legend__skills{color:var(--d4lp-tint);font-weight:600}.d4an-board--max .d4an-slot{border-color:oklch(0.8 0.11 75 / 0.6)}@media(prefers-reduced-motion:no-preference){.d4an-board[data-d4an-charge] .d4an-seal{animation:d4an-flare .6s var(--d4lp-ease)}.d4an-board[data-d4an-charge] .d4an-slot{animation:d4an-slot .5s var(--d4lp-ease) calc(120ms + var(--i) * 60ms)}@keyframes d4an-flare{30%{scale:1.08;filter:brightness(1.35) drop-shadow(0 0 18px var(--d4an-blue))}}@keyframes d4an-slot{35%{border-color:var(--d4lp-tint);box-shadow:inset 0 0 8px color-mix(in oklch,var(--d4lp-tint) 60%,transparent),0 0 12px color-mix(in oklch,var(--d4lp-tint) 55%,transparent)}}::view-transition-group(d4an-legend){animation-duration:.24s}}