.d4pp-page{--d4pg-tone-magic: oklch(0.72 0.14 262);--d4pg-tone-rare: oklch(0.83 0.13 92);--d4pg-tone-legendary: oklch(0.75 0.15 58);--d4pg-tone-glyph: oklch(0.7 0.17 25)}.d4pg{margin-block:0 14px;container-type:inline-size}.d4pg-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}@container (max-width: 470px){.d4pg-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.d4pg-card[data-d4pg=custom]{grid-column:span 2;grid-template-columns:auto minmax(0,1fr);grid-template-rows:1fr auto auto auto 1fr auto;align-items:center;column-gap:10px}.d4pg-card[data-d4pg=custom] .d4pg-range{grid-row:2}.d4pg-card[data-d4pg=custom] .d4pg-sub{grid-row:3}.d4pg-card[data-d4pg=custom] .d4pg-node{grid-row:1 / 6;margin-block:0}.d4pg-card[data-d4pg=custom] .d4pg-price{grid-row:4;margin-block-start:2px}.d4pg-card[data-d4pg=custom] .d4pg-bar{grid-row:6;grid-column:1 / -1}}.d4pg-card{--tone: var(--d4lp-tint);--off: var(--d4pg-normal-off);--on: var(--d4pg-normal-on);display:grid;grid-template-rows:auto auto auto auto 1fr;justify-items:start;gap:2px;min-inline-size:0;margin:0;padding-block:10px 0;padding-inline:10px;overflow:clip;border:1px solid transparent;border-radius:var(--d4lp-r-control);color:var(--d4lp-copy);font:inherit;text-align:start;cursor:pointer;background:radial-gradient(70px 56px at 28px 26px,color-mix(in oklch,var(--tone) 13%,transparent),transparent),var(--d4lp-control)}.d4pg-card[data-node=magic]{--tone: var(--d4pg-tone-magic);--off: var(--d4pg-magic-off);--on: var(--d4pg-magic-on)}.d4pg-card[data-node=rare]{--tone: var(--d4pg-tone-rare);--off: var(--d4pg-rare-off);--on: var(--d4pg-rare-on)}.d4pg-card[data-node=legendary]{--tone: var(--d4pg-tone-legendary);--off: var(--d4pg-legendary-off);--on: var(--d4pg-legendary-on)}.d4pg-card[data-node=glyph]{--tone: var(--d4pg-tone-glyph);--off: var(--d4pg-glyph-off);--on: var(--d4pg-glyph-on)}.d4pg-card[aria-checked=true]{border-color:color-mix(in oklch,var(--tone) 70%,transparent);background:radial-gradient(90px 70px at 28px 26px,color-mix(in oklch,var(--tone) 24%,transparent),transparent),color-mix(in oklab,var(--tone) 12%,var(--d4lp-control));box-shadow:inset 0 0 18px color-mix(in oklch,var(--tone) 14%,transparent),0 0 14px -6px color-mix(in oklch,var(--tone) 70%,transparent)}@media(hover:hover)and (pointer:fine){.d4pg-card[aria-checked=false]:hover{border-color:color-mix(in oklch,var(--tone) 30%,transparent)}.d4pg-card[aria-checked=false]:hover .d4pg-node{filter:brightness(1.75) saturate(1.35) drop-shadow(0 2px 4px oklch(0 0 none / 0.5))}}.d4pg-card:active:not([aria-checked=true]){background-color:color-mix(in oklab,var(--d4lp-active) 60%,var(--d4lp-control))}.d4pg-card:focus-visible{outline:2px solid var(--d4lp-focus);outline-offset:2px}.d4pg-node{display:grid;place-items:center;inline-size:48px;block-size:48px;margin-block:-2px 4px;margin-inline:-4px 0;background:var(--off) center / contain no-repeat;filter:brightness(1.55) saturate(1.3) drop-shadow(0 2px 4px oklch(0 0 none / 0.5))}.d4pg-card[aria-checked=true] .d4pg-node{background-image:var(--on);filter:brightness(1.1) drop-shadow(0 0 8px color-mix(in oklch,var(--tone) 55%,transparent)) drop-shadow(0 2px 6px oklch(0 0 none / 0.45))}.d4pg-node b{color:oklch(0.98 0.01 90);font-size:12px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px oklch(0 0 none / 0.95),0 0 6px oklch(0 0 none / 0.8)}.d4pg-range{color:var(--tone);font-size:14px;font-weight:700;line-height:1.25;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.d4pg-card[data-d4pg=custom] .d4pg-range{color:var(--d4lp-ink)}.d4pg-sub{display:flex;align-items:center;gap:4px;white-space:nowrap;color:var(--d4lp-copy);font-size:12px;line-height:1.3;font-variant-numeric:tabular-nums}.d4pg-sub:not([data-points]) .d4pg-pt{display:none}@container (max-width: 340px){.d4pg-unit{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}.d4pg-pt{flex:none;inline-size:14px;block-size:15px;background:var(--d4pg-point) center / contain no-repeat;filter:drop-shadow(0 1px 1px oklch(0 0 none / 0.6))}.d4pg-price{min-block-size:18px;margin-block-start:6px;color:var(--d4lp-ink);font-size:14px;font-weight:700;line-height:1.3;font-variant-numeric:tabular-nums}.d4pg-bar{position:relative;align-self:end;justify-self:stretch;block-size:3px;margin-block-start:10px;margin-inline:-10px;background:color-mix(in oklch,var(--d4lp-ink) 7%,transparent)}.d4pg-bar i{position:absolute;inset-block:0;inset-inline:var(--a, 0%) var(--b, 100%);background:color-mix(in oklch,var(--tone) 55%,transparent)}.d4pg-card[aria-checked=true] .d4pg-bar i{background:var(--tone)}.d4pg-bar[data-empty] i{display:none}.d4pg-card[data-d4pg=custom] .d4pg-bar i{background:color-mix(in oklch,var(--d4lp-ink) 55%,transparent)}.d4pg-points-line dd>span::before{content:"";display:inline-block;inline-size:14px;block-size:15px;margin-inline-end:6px;vertical-align:-2px;background:var(--d4pg-point) center / contain no-repeat}@media(prefers-reduced-motion:no-preference){.d4pg-card[data-lit] .d4pg-node{animation:d4pg-allocate .5s var(--d4lp-ease)}@keyframes d4pg-allocate{from{scale:.82;filter:drop-shadow(0 0 0 transparent) brightness(1.6)}40%{filter:drop-shadow(0 0 10px color-mix(in oklch,var(--tone) 80%,transparent)) brightness(1.25)}}}.d4pp-on .custom-option[data-d4pp-native=paragon-level]{display:block!important}.d4pg-curve{position:relative;block-size:44px;margin-block:2px 0}.d4pg-curve svg{position:absolute;inset:0;inline-size:100%;block-size:100%;overflow:visible}.d4pg-zone--magic{--tone: var(--d4pg-tone-magic)}.d4pg-zone--rare{--tone: var(--d4pg-tone-rare)}.d4pg-zone--legendary{--tone: var(--d4pg-tone-legendary)}.d4pg-zone--glyph{--tone: var(--d4pg-tone-glyph)}.d4pg-zone{fill:var(--tone);fill-opacity:.1}.d4pg-edge{fill:none;stroke:var(--tone);stroke-opacity:.4;stroke-width:1.5;vector-effect:non-scaling-stroke}.d4pg-curve__lit{clip-path:inset(0 var(--to, 100%) 0 var(--from, 0%));mask-image:linear-gradient(to bottom,black 30%,color-mix(in oklch,black 35%,transparent))}.d4pg-curve__lit .d4pg-zone{fill-opacity:.55}.d4pg-curve__lit .d4pg-edge{stroke-opacity:1;stroke-width:2}@media(prefers-reduced-motion:no-preference){.d4pg-curve__lit{transition:clip-path .25s var(--d4lp-ease)}}.d4pg-gold{flex:0 0 100%;box-sizing:border-box;inline-size:100%;margin-block:14px 4px}.d4pg-slider{--d4pg-handle-edge: drop-shadow(0 0 1px oklch(0.1 0.02 270)) drop-shadow(0 0 1px oklch(0.1 0.02 270));--d4pg-scale: linear-gradient(90deg, var(--d4pg-tone-magic) 0 33.11%, var(--d4pg-tone-rare) 33.11% 66.56%, var(--d4pg-tone-legendary) 66.56% 83.28%, var(--d4pg-tone-glyph) 83.28% 100%)}.d4pp-page .d4pg-slider .vue-slider{block-size:8px!important;padding-block:10px!important}.d4pp-page .d4pg-slider .vue-slider-rail{border-radius:4px;background:oklch(0.17 0.02 270);box-shadow:inset 0 1px 2px oklch(0 0 none / 0.7),0 1px 0 color-mix(in oklch,var(--d4lp-ink) 7%,transparent)}.d4pp-page .d4pg-slider .vue-slider-rail::before,.d4pp-page .d4pg-slider .vue-slider-rail::after{content:"";position:absolute;inset:1px 0;border-radius:inherit;background:var(--d4pg-scale);pointer-events:none}.d4pp-page .d4pg-slider .vue-slider-rail::before{opacity:.22}.d4pp-page .d4pg-slider .vue-slider-rail::after{inset-block:0;background:linear-gradient(to bottom,oklch(1 0 none / 0.35),transparent 60%),var(--d4pg-scale);clip-path:inset(0 var(--to, 100%) 0 var(--from, 0%) round 4px)}.d4pp-page .d4pg-slider .vue-slider-process{background:none!important}@media(prefers-reduced-motion:no-preference){.d4pp-page .d4pg-slider .vue-slider-rail::after{transition:clip-path .15s var(--d4lp-ease)}}.d4pp-page .d4pg-slider .vue-slider-mark-step{position:absolute;inset-block-start:50%;inset-inline-start:50%;inline-size:8px;block-size:8px;border:1px solid color-mix(in oklch,var(--d4lp-ink) 35%,transparent);border-radius:1px;background:oklch(0.2 0.02 270);translate:-50% -50%;rotate:45deg;box-shadow:none}.d4pp-page .d4pg-slider .vue-slider-mark-step-active{border-color:oklch(0.9 0.08 85);background:oklch(0.82 0.12 85);box-shadow:0 0 6px oklch(0.8 0.13 80 / 0.7)}.d4pp-page .d4pg-slider .vue-slider-mark-label{margin-block-start:14px;color:var(--d4lp-muted);font-size:12px;font-variant-numeric:tabular-nums}.d4pp-page .d4pg-slider .vue-slider-mark-label-active{color:var(--d4lp-ink)}.d4pp-page .d4pg-slider .vue-slider-dot-handle{position:absolute;inset:-8px;inline-size:auto;block-size:auto;border:0;border-radius:0;background:var(--d4pg-point) center / contain no-repeat;box-shadow:none;filter:var(--d4pg-handle-edge) drop-shadow(0 2px 3px oklch(0 0 none / 0.6));cursor:grab}.d4pp-page .d4pg-slider .vue-slider-dot-dragging .vue-slider-dot-handle{cursor:grabbing;filter:brightness(1.25) var(--d4pg-handle-edge) drop-shadow(0 0 8px oklch(0.7 0.14 240 / 0.8))}@media(hover:hover)and (pointer:fine){.d4pp-page .d4pg-slider .vue-slider-dot:hover .vue-slider-dot-handle{filter:brightness(1.2) var(--d4pg-handle-edge) drop-shadow(0 2px 3px oklch(0 0 none / 0.6))}}.d4pp-page .d4pg-slider .vue-slider-dot:focus-visible{outline:2px solid var(--d4lp-focus);outline-offset:7px;border-radius:4px}@media(prefers-reduced-motion:no-preference){.d4pp-page .d4pg-slider .vue-slider-dot-handle{transition:filter .15s var(--d4lp-ease),scale .15s var(--d4lp-ease)}.d4pp-page .d4pg-slider .vue-slider-dot-dragging .vue-slider-dot-handle{scale:1.12}}.d4pp-page .d4pg-slider .vue-slider-dot-tooltip-inner{padding-block:3px;padding-inline:8px;border:1px solid color-mix(in oklch,var(--d4lp-tint) 40%,transparent);border-radius:6px;background:oklch(0.15 0.02 270);color:var(--d4lp-ink);font-size:12px;font-weight:600;white-space:nowrap;box-shadow:0 4px 10px oklch(0 0 none / 0.5)}.d4pp-page .d4pg-slider .vue-slider-dot-tooltip-inner::after{display:none}.d4pp-page .d4pg-slider .vue-slider-dot-tooltip-inner{transform:none}.d4pp-page .d4pg-slider .vue-slider-dot-tooltip-text{inline-size:auto;block-size:auto;transform:none;color:inherit;font-size:inherit}.d4pp-page .d4pg-slider .vue-slider-dot-handle::after{display:none}.d4pp-page .d4pg-slider .range-slider__inputs{gap:6px;align-items:center;padding:4px;border-radius:var(--d4lp-r-control);background:var(--d4lp-control);color:var(--d4lp-muted)}.d4pp-page .d4pg-slider .range-slider__input{inline-size:56px;block-size:32px;border-radius:calc(var(--d4lp-r-control) - 2px);background:color-mix(in oklab,var(--d4lp-panel) 60%,var(--d4lp-control));color:var(--d4lp-ink);font-weight:700;font-variant-numeric:tabular-nums}.d4pp-page .d4pg-slider .range-slider__input:focus-visible{outline:2px solid var(--d4lp-focus);outline-offset:1px}