.d4gm-sub{margin-block:0 16px;margin-inline:0;color:var(--d4lp-muted);font-size:14px;line-height:1.5;text-wrap:pretty}.d4gm-list{display:grid;gap:6px;margin:0;padding:0;list-style:none;container-type:inline-size}.d4gm-gem{--hue: var(--d4lp-tint);position:relative;display:grid;grid-template-columns:56px minmax(0,1fr) auto;grid-template-areas:"art id step" "q q q";align-items:center;gap:10px 12px;padding:var(--d4lp-card-inset);border:1px solid transparent;border-radius:var(--d4lp-r-card);background:var(--d4lp-control);transition:border-color .2s var(--d4lp-ease),background-color .2s var(--d4lp-ease)}.d4gm-gem[data-on]{border-color:color-mix(in oklch,var(--hue) 42%,transparent);background:linear-gradient(100deg,color-mix(in oklab,var(--hue) 13%,var(--d4lp-control)) 0%,var(--d4lp-control) 55%)}@container (min-width: 600px){.d4gm-gem{grid-template-columns:56px minmax(80px,108px) minmax(0,1fr) auto;grid-template-areas:"art id q step"}}@container (max-width: 459px){.d4gm-q button img{display:none}.d4gm-q button{justify-content:center;padding:4px 6px;text-align:center}}@container (max-width: 299px){.d4gm-gem{grid-template-columns:48px minmax(0,1fr);grid-template-areas:"art id" "q q" "step step"}.d4gm-gem .d4gm-art{inline-size:48px;block-size:48px}.d4gm-art .d4gm-pic{inline-size:42px;block-size:42px}.d4gm-gem .d4gm-step{grid-template-columns:44px minmax(0,1fr) 44px}}.d4gm-art{grid-area:art;position:relative;display:grid;place-items:center;inline-size:56px;block-size:56px;margin:0;padding:0;border:0;border-radius:50%;background:radial-gradient(closest-side,color-mix(in oklch,var(--hue) 24%,transparent),transparent);cursor:pointer}.d4gm-art:focus-visible{outline:2px solid oklch(1 0 none);outline-offset:2px}.d4gm-art:disabled{cursor:default}.d4gm-pic{display:none;grid-area:1 / 1;inline-size:48px;block-size:48px;object-fit:contain;filter:drop-shadow(0 4px 6px oklch(0 0 none / 0.55))}@media(prefers-reduced-motion:no-preference){.d4gm-pic{transition:scale .25s var(--d4lp-ease),filter .25s var(--d4lp-ease)}}[data-q=grand] .d4gm-pic[data-q=grand],[data-q=horadric] .d4gm-pic[data-q=horadric],[data-q=flawless-horadric] .d4gm-pic[data-q=flawless-horadric]{display:block}@media(hover:hover)and (pointer:fine){.d4gm-art:hover:not(:disabled) .d4gm-pic{scale:1.08}}.d4gm-gem[data-on] .d4gm-pic{filter:drop-shadow(0 4px 6px oklch(0 0 none / 0.55)) drop-shadow(0 0 10px color-mix(in oklch,var(--hue) 55%,transparent))}.d4gm-badge{position:absolute;inset-block-start:-2px;inset-inline-end:-4px;display:none;min-inline-size:22px;block-size:22px;padding:0 6px;border-radius:11px;background:var(--hue);color:oklch(0.19 0.021 275.5);font-size:12px;font-weight:800;line-height:22px;text-align:center;font-variant-numeric:tabular-nums;box-shadow:0 2px 6px oklch(0 0 none / 0.45)}.d4gm-gem[data-on] .d4gm-badge{display:block}.d4gm-id{grid-area:id;display:grid;gap:2px;min-inline-size:0}.d4gm-name{overflow:clip;color:var(--d4lp-ink);font-size:15px;font-weight:700;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.d4gm-each{min-block-size:17px;color:var(--d4lp-muted);font-size:12px;line-height:1.4;font-variant-numeric:tabular-nums;white-space:nowrap}.d4gm-q{grid-area:q;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.d4gm-q button{display:flex;align-items:center;gap:8px;min-inline-size:0;min-block-size:44px;margin:0;padding:4px 8px;border:0;border-radius:var(--d4lp-r-control);background:oklch(1 0 none / 0.035);color:var(--d4lp-copy);font:inherit;text-align:start;cursor:pointer;transition:background-color .15s var(--d4lp-ease),color .15s var(--d4lp-ease),box-shadow .15s var(--d4lp-ease)}@media(hover:hover)and (pointer:fine){.d4gm-q button:hover:not(:disabled){background:oklch(1 0 none / 0.07);color:var(--d4lp-ink)}}.d4gm-q button[aria-pressed=true]{background:var(--d4lp-active);color:var(--d4lp-ink);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--hue) 55%,transparent);cursor:default}.d4gm-q button:focus-visible{outline:2px solid oklch(1 0 none);outline-offset:2px}.d4gm-q button:disabled{opacity:.5;cursor:not-allowed}.d4gm-q img{flex:none;inline-size:24px;block-size:24px;object-fit:contain}.d4gm-q span{display:grid;min-inline-size:0}.d4gm-q b{overflow:clip;font-size:13px;font-weight:600;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.d4gm-q small{min-block-size:15px;color:var(--d4lp-muted);font-size:11px;line-height:1.35;font-variant-numeric:tabular-nums}.d4gm-q button[aria-pressed=true] small{color:var(--d4lp-copy)}.d4gm-step{grid-area:step;display:grid;grid-template-columns:36px 46px 36px;gap:2px}.d4gm-step button{display:grid;place-items:center;block-size:40px;margin:0;padding:0;border:0;border-radius:var(--d4lp-r-control);background:oklch(1 0 none / 0.05);color:var(--d4lp-ink);cursor:pointer;transition:background-color .15s var(--d4lp-ease)}@media(hover:hover)and (pointer:fine){.d4gm-step button:hover:not(:disabled){background:var(--d4lp-active)}}.d4gm-step button:disabled{opacity:.35;cursor:not-allowed}.d4gm-step button:focus-visible,.d4gm-step input:focus-visible{outline:2px solid oklch(1 0 none);outline-offset:2px}.d4gm-step svg{inline-size:16px;block-size:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}.d4gm-step input{inline-size:100%;block-size:40px;margin:0;padding:0;border:1px solid transparent;border-radius:var(--d4lp-r-control);background:transparent;color:var(--d4lp-ink);font:inherit;font-size:16px;font-weight:700;text-align:center;font-variant-numeric:tabular-nums;-moz-appearance:textfield;appearance:textfield}@media(hover:hover)and (pointer:fine){.d4gm-step input:hover{border-color:var(--d4lp-line)}}.d4gm-gem:not([data-on]) .d4gm-step input{color:var(--d4lp-muted);font-weight:500}.d4gm-tip{position:absolute;z-index:30;inset-block-end:calc(100% - 6px);inset-inline-start:4px;inline-size:min(320px,calc(100vw - 48px));padding:12px 14px;border:1px solid oklch(0.376 0.05 276.2);border-radius:var(--d4lp-r-card);background:oklch(0.16 0.015 272.2);box-shadow:0 14px 32px oklch(0 0 none / 0.6);opacity:0;visibility:hidden;translate:0 6px;pointer-events:none}@media(prefers-reduced-motion:no-preference){.d4gm-tip{transition:opacity .16s var(--d4lp-ease),translate .16s var(--d4lp-ease),visibility 0s linear .16s}}@media(hover:hover)and (pointer:fine){.d4gm-gem:has(.d4gm-art:hover,.d4gm-art:focus-visible) .d4gm-tip{opacity:1;visibility:visible;translate:0 0}@media(prefers-reduced-motion:no-preference){.d4gm-gem:has(.d4gm-art:hover,.d4gm-art:focus-visible) .d4gm-tip{transition-delay:.12s,.12s,0s}}}.d4gm-tip [data-for]{display:none}[data-q=grand]>.d4gm-tip [data-for=grand],[data-q=horadric]>.d4gm-tip [data-for=horadric],[data-q=flawless-horadric]>.d4gm-tip [data-for=flawless-horadric]{display:block}.d4gm-tip strong{color:oklch(1 0 none);font-size:15px;font-weight:700;line-height:1.3}.d4gm-tip__kind{margin-block:2px 10px;margin-inline:0;color:var(--hue);font-size:12px;font-weight:600;line-height:1.3;text-transform:uppercase}.d4gm-tip dl{display:grid;gap:6px;margin:0}.d4gm-tip dl>div{display:grid;grid-template-columns:16px 58px minmax(0,1fr);align-items:baseline;gap:8px}.d4gm-tip dl svg{align-self:center;inline-size:16px;block-size:16px;fill:none;stroke:var(--d4lp-muted);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.d4gm-tip dt{color:var(--d4lp-muted);font-size:12px;font-weight:400;line-height:1.4}.d4gm-tip dd{margin:0;color:var(--d4lp-ink);font-size:13px;font-weight:500;line-height:1.4}.d4gm-tip__hint{margin-block:10px 0;margin-inline:0;padding-block-start:8px;border-block-start:1px solid var(--d4lp-line);color:var(--d4lp-muted);font-size:12px;line-height:1.4}@media(hover:none){.d4gm-tip{display:none}}.d4gm-cube{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-block-start:14px;padding:12px 14px;border:1px solid var(--d4lp-line);border-radius:var(--d4lp-r-card)}.d4gm-cube__chain{display:flex;align-items:center;gap:4px}.d4gm-cube__chain img{inline-size:30px;block-size:30px;object-fit:contain}.d4gm-cube__chain small{margin-inline-end:2px;color:var(--d4lp-muted);font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}.d4gm-cube__chain svg{inline-size:14px;block-size:14px;margin:0 2px;fill:none;stroke:oklch(0.491 0.064 273.8);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.d4gm-cube p{flex:1 1 220px;margin:0;color:var(--d4lp-muted);font-size:13px;line-height:1.45}.d4gm-cube strong{color:var(--d4lp-ink);font-weight:600}.d4gm-bag{display:grid;margin:0;padding:0;list-style:none}.d4gm-bag li{--hue: var(--d4lp-tint);display:grid;grid-template-rows:1fr;border-block-start:1px solid var(--d4lp-line);font-size:14px;line-height:1.35}@media(prefers-reduced-motion:no-preference){.d4gm-bag li{transition:grid-template-rows .28s var(--d4lp-ease),border-color .28s var(--d4lp-ease),opacity .24s var(--d4lp-ease) .04s}}.d4gm-bag li[data-off]{grid-template-rows:0fr;border-block-start-width:0;border-block-start-color:transparent;opacity:0}@media(prefers-reduced-motion:no-preference){.d4gm-bag li[data-off]{transition-duration:.2s,.2s,.12s;transition-delay:0s}}.d4gm-bag__row{display:grid;grid-template-columns:30px minmax(0,1fr) auto 28px;align-items:center;gap:0 10px;min-block-size:0;overflow:clip;translate:0 0}@media(prefers-reduced-motion:no-preference){.d4gm-bag__row{transition:translate .28s var(--d4lp-ease)}}.d4gm-bag__row>*{margin-block:8px}.d4gm-bag li[data-off] .d4gm-bag__row{translate:0 -6px}.d4gm-bag__pic{display:grid;place-items:center;inline-size:30px;block-size:30px}.d4gm-bag__pic img{display:none;grid-area:1 / 1;inline-size:28px;block-size:28px;object-fit:contain}.d4gm-bag__what{min-inline-size:0;color:var(--d4lp-copy)}.d4gm-bag__what b{color:var(--d4lp-ink);font-weight:700;font-variant-numeric:tabular-nums}.d4gm-bag__sum{color:var(--d4lp-ink);font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.d4gm-bag button{display:grid;place-items:center;inline-size:28px;block-size:28px;margin:0;padding:0;border:0;border-radius:var(--d4lp-r-control);background:none;color:oklch(0.659 0.044 276);cursor:pointer;transition:color .15s var(--d4lp-ease),background-color .15s var(--d4lp-ease)}@media(hover:hover)and (pointer:fine){.d4gm-bag button:hover{background:var(--d4lp-control);color:oklch(1 0 none)}}.d4gm-bag button:focus-visible{outline:2px solid oklch(1 0 none);outline-offset:1px}.d4gm-bag button svg{inline-size:14px;block-size:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}.d4gm-empty-fold{display:grid;grid-template-rows:1fr}@media(prefers-reduced-motion:no-preference){.d4gm-empty-fold{transition:grid-template-rows .28s var(--d4lp-ease),opacity .2s var(--d4lp-ease)}}.d4pp-page:not([data-gm-empty]) .d4gm-empty-fold{grid-template-rows:0fr;opacity:0}.d4gm-empty-fold>div{min-block-size:0;overflow:clip}.d4gm-empty{margin-block:2px 16px;margin-inline:0;padding:14px 12px;border:1px dashed var(--d4lp-line);border-radius:var(--d4lp-r-card);color:var(--d4lp-muted);font-size:14px;line-height:1.45;text-align:center}.d4gm-bag+.d4lp-lines>div:first-child{border-block-start-width:2px}.d4gm-hint{display:none;margin-block:8px 0;margin-inline:0;color:var(--d4lp-muted);font-size:13px;line-height:1.4;text-align:center}.d4pp-page[data-gm-empty] .d4gm-hint{display:block}.d4pp-page[data-gm-empty] .d4lp-status{display:none}.d4lp .d4pp-page[data-gm-empty] .d4lp-book,.d4lp .d4pp-page[data-gm-empty] .d4lp-book:disabled{border-color:var(--d4lp-active);background-color:var(--d4lp-active);color:oklch(0.659 0.044 276);opacity:1;cursor:not-allowed}.d4gm-barpic{--hue: var(--d4lp-tint);position:relative;display:grid;place-items:center;inline-size:44px;block-size:44px;border-radius:50%;background:radial-gradient(closest-side,color-mix(in oklab,var(--hue) 34%,var(--d4lp-control)),var(--d4lp-control));box-shadow:0 0 0 2px var(--d4lp-panel),inset 0 0 0 1px color-mix(in oklch,var(--hue) 45%,transparent)}.d4gm-barpic img{inline-size:34px;block-size:34px;object-fit:contain;filter:drop-shadow(0 2px 3px oklch(0 0 none / 0.6))}@media(max-width:991px){.d4lp-bar__pics>.d4gm-barpic+.d4gm-barpic{margin-inline-start:-22px}}@media(min-width:992px){.d4gm-barpic{inline-size:48px;block-size:48px}.d4gm-barpic img{inline-size:38px;block-size:38px}}@media(prefers-reduced-motion:no-preference){.d4gm-gem[data-bump] .d4gm-badge{animation:d4gm-bump .32s var(--d4lp-ease)}.d4gm-gem[data-bump] .d4gm-pic{animation:d4gm-set .32s var(--d4lp-ease)}.d4gm-bag li[data-new] .d4gm-pic{animation:d4gm-arrive .6s var(--d4lp-ease)}}@keyframes d4gm-arrive{0%{scale:.6;filter:drop-shadow(0 0 0 transparent)}45%{scale:1.12;filter:drop-shadow(0 0 8px color-mix(in oklch,var(--hue) 80%,transparent))}100%{scale:1}}@keyframes d4gm-bump{40%{scale:1.25}}@keyframes d4gm-set{40%{scale:1.14}}.d4gm-q button:active:not(:disabled),.d4gm-step button:active:not(:disabled),.d4gm-bag button:active{scale:.97}