.d4br,.d4br-tally,.d4br-group[data-tier=lair]{--hue: oklch(0.888 0.117 96)}:is(.d4br,.d4br-tally,.d4br-group)[data-tier=greater]{--hue: oklch(0.81 0.129 58.1)}:is(.d4br,.d4br-tally,.d4br-group)[data-tier=superior]{--hue: oklch(0.826 0.08 68.2)}:is(.d4br,.d4br-tally,.d4br-group)[data-tier=mephisto]{--hue: oklch(0.813 0.116 304)}.d4br{display:grid;gap:14px;container-type:inline-size}.d4br-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:2px}.d4br-group{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px;min-block-size:72px;margin:0;padding:10px 14px 10px 10px;border:0;border-radius:var(--d4lp-r-control);background:var(--d4lp-control);color:var(--d4lp-copy);font:inherit;text-align:start;cursor:pointer;transition:background-color .18s var(--d4lp-ease),box-shadow .18s var(--d4lp-ease)}@media(hover:hover)and (pointer:fine){.d4br-group:hover:not([aria-checked=true]),.d4br-run:hover:not([aria-checked=true]){background:color-mix(in oklab,var(--d4lp-active) 55%,var(--d4lp-control))}}.d4br-group[aria-checked=true]{background:linear-gradient(100deg,color-mix(in oklab,var(--hue) 12%,var(--d4lp-active)) 0%,var(--d4lp-active) 70%);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--hue) 46%,transparent);color:var(--d4lp-ink)}.d4br-group__text{display:grid;gap:2px;min-inline-size:0}.d4br-group__text b{color:var(--d4lp-ink);font-size:14px;font-weight:700;line-height:1.3}.d4br-group[aria-checked=true] .d4br-group__text b{color:var(--hue)}.d4br-group__text small{color:var(--d4lp-muted);font-size:12px;line-height:1.4;text-wrap:pretty}.d4br-group[aria-checked=true] .d4br-group__text small{color:var(--d4lp-copy)}.d4br-price{min-block-size:1.3em;color:var(--d4lp-muted);font-size:13px;font-weight:600;line-height:1.3;font-variant-numeric:tabular-nums;white-space:nowrap}.d4br-run[aria-checked=true] .d4br-price{color:var(--d4lp-ink)}.d4br-key{display:grid;place-items:center;inline-size:44px;block-size:44px;border-radius:50%}.d4br-key img{inline-size:44px;block-size:44px;object-fit:contain;filter:brightness(.95) saturate(.7) drop-shadow(0 3px 5px oklch(0 0 none / 0.55));transition:filter .25s var(--d4lp-ease)}.d4br-group[aria-checked=true] .d4br-key,.d4br-key--row{background:radial-gradient(closest-side,color-mix(in oklch,var(--hue) 32%,transparent),transparent)}.d4br-group[aria-checked=true] .d4br-key img,.d4br-key--row img{filter:brightness(1.2) drop-shadow(0 3px 5px oklch(0 0 none / 0.55)) drop-shadow(0 0 8px color-mix(in oklch,var(--hue) 50%,transparent))}.d4br-runs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px}.d4br-run{display:grid;justify-items:center;align-content:center;gap:2px;min-block-size:108px;margin:0;padding:12px 6px 10px;border:0;border-radius:var(--d4lp-r-control);background:var(--d4lp-control);color:var(--d4lp-copy);font:inherit;cursor:pointer;transition:background-color .18s var(--d4lp-ease),box-shadow .18s var(--d4lp-ease)}.d4br-run[aria-checked=true]{background:var(--d4lp-active);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--hue) 46%,transparent);color:var(--d4lp-ink)}.d4br-group:focus-visible,.d4br-run:focus-visible,.d4br-seg button:focus-visible{outline:2px solid oklch(1 0 none);outline-offset:2px}.d4br-n{color:inherit;font-size:18px;font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums;text-align:center}.d4br-cap{color:var(--d4lp-muted);font-size:13px;font-weight:400}.d4br-run[aria-checked=true] .d4br-cap{color:var(--d4lp-copy)}.d4br{--s: 38px;--step: 14px}@container (width < 480px){.d4br-runs{--s: 28px;--step: 8px}}.d4br-pile{position:relative;display:block;inline-size:calc(var(--s) + (var(--n) - 1) * var(--step));block-size:calc(var(--s) + 8px);margin-block-end:4px}.d4br-pile::before{content:"";position:absolute;inset:-6px -14px;border-radius:50%;background:radial-gradient(closest-side,color-mix(in oklch,var(--hue) 30%,transparent),transparent);opacity:0;transition:opacity .25s var(--d4lp-ease)}.d4br-run[aria-checked=true] .d4br-pile::before{opacity:1}.d4br[data-mine] .d4br-pile::before{opacity:0}.d4br-pile i{--mid: calc((var(--n) - 1) / 2);--off: calc(var(--i) - var(--mid));position:absolute;inset-block-start:calc(2px + max(var(--off),-1 * var(--off)) * 2px);inset-inline-start:calc(var(--i) * var(--step));rotate:calc(var(--off) * var(--fan, 6deg));translate:calc(var(--off) * var(--spread, 0px)) 0}@media(hover:hover)and (pointer:fine){.d4br-run:hover .d4br-pile i{--fan: 10deg;--spread: 3px}}.d4br-pile img{display:block;inline-size:var(--s);block-size:var(--s);object-fit:contain;filter:brightness(1) saturate(.75) drop-shadow(0 2px 3px oklch(0 0 none / 0.7))}.d4br-run[aria-checked=true] .d4br-pile img{filter:brightness(1.25) drop-shadow(0 2px 3px oklch(0 0 none / 0.7)) drop-shadow(0 0 6px color-mix(in oklch,var(--hue) 60%,transparent))}.d4br[data-mine] .d4br-run[aria-checked=true] .d4br-pile img{filter:brightness(1) saturate(.45) drop-shadow(0 2px 3px oklch(0 0 none / 0.7))}.d4br-supply{display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-areas:"key text" "seg seg";align-items:center;gap:10px 12px}.d4br-key--row{grid-area:key}.d4br-supply__text{grid-area:text;display:grid;gap:2px;min-inline-size:0}.d4br-supply__text b{color:var(--hue);font-size:14px;font-weight:700;line-height:1.3}.d4br-supply__text small{color:var(--d4lp-muted);font-size:12px;line-height:1.4;text-wrap:pretty}.d4br-seg{grid-area:seg;display:grid;grid-template-columns:1fr 1fr;gap:2px}.d4br-seg button{display:flex;align-items:center;justify-content:center;gap:8px;min-block-size:44px;margin:0;padding:0 12px;border:0;border-radius:var(--d4lp-r-control);background:var(--d4lp-control);color:var(--d4lp-copy);font:inherit;font-size:14px;line-height:1.2;white-space:nowrap;cursor:pointer;transition:background-color .18s var(--d4lp-ease),color .18s var(--d4lp-ease),box-shadow .18s var(--d4lp-ease)}@media(hover:hover)and (pointer:fine){.d4br-seg button:hover:not([aria-checked=true]){background:color-mix(in oklab,var(--d4lp-active) 55%,var(--d4lp-control))}}.d4br-seg button[aria-checked=true]{background:var(--d4lp-active);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--hue) 46%,transparent);color:var(--d4lp-ink);font-weight:600}.d4br-seg button[data-own="1"][aria-checked=true]{box-shadow:inset 0 0 0 1px var(--d4lp-line-strong)}.d4br-mini{display:grid;place-items:center;inline-size:26px;block-size:26px;flex:none}.d4br-mini img{inline-size:22px;block-size:22px;object-fit:contain;filter:brightness(.8) saturate(.5) drop-shadow(0 1px 2px oklch(0 0 none / 0.6));transition:filter .25s var(--d4lp-ease)}.d4br-seg [aria-checked=true] .d4br-mini:not(.d4br-mini--bag) img{filter:brightness(1.3) drop-shadow(0 0 6px color-mix(in oklch,var(--hue) 70%,transparent))}.d4br-mini--bag{border-radius:var(--d4lp-r-control);background:oklch(0 0 none / 0.3);box-shadow:inset 0 0 0 1px var(--d4lp-line-strong)}.d4br-mini--bag img{inline-size:18px;block-size:18px}.d4br-seg [aria-checked=true] .d4br-mini--bag img{filter:brightness(1.1) saturate(.8) drop-shadow(0 1px 2px oklch(0 0 none / 0.6))}.d4br-seg small{color:var(--d4lp-muted);font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}.d4br-seg [aria-checked=true] small{color:var(--d4lp-copy)}.d4br-seg small:empty{display:none}@container (width <= 400px){.d4br-seg button{flex-wrap:wrap;align-content:center;row-gap:0;min-block-size:58px;padding-block:6px}.d4br-seg small{flex-basis:100%;text-align:center}}.d4br-seg button:active{scale:.97}.d4br-group:active:not([aria-checked=true]),.d4br-run:active:not([aria-checked=true]){background:color-mix(in oklab,var(--d4lp-active) 80%,oklch(1 0 none))}.d4br-tally{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;column-gap:12px;margin-block:2px 14px}.d4br-tally__key{display:grid;place-items:center;inline-size:48px;block-size:48px;border-radius:50%;background:radial-gradient(closest-side,color-mix(in oklch,var(--hue) 34%,transparent),transparent)}.d4br-tally__key img{inline-size:40px;block-size:40px;object-fit:contain;filter:brightness(1.25) drop-shadow(0 2px 3px oklch(0 0 none / 0.6)) drop-shadow(0 0 6px color-mix(in oklch,var(--hue) 50%,transparent))}.d4br-tally[data-mine] .d4br-tally__key{background:oklch(0 0 none / 0.25);box-shadow:inset 0 0 0 1px var(--d4lp-line-strong)}.d4br-tally[data-mine] .d4br-tally__key img{filter:brightness(.95) saturate(.5) drop-shadow(0 2px 3px oklch(0 0 none / 0.6))}.d4br-tally__sum{margin:0;color:var(--d4lp-ink);font-size:16px;font-weight:700;line-height:1.25}.d4br-tally__sum b{color:var(--hue);font-size:18px;font-variant-numeric:tabular-nums}.d4br-tally[data-mine] .d4br-tally__sum b{color:var(--d4lp-ink)}@media(prefers-reduced-motion:no-preference){.d4br-pile i{transition:rotate .25s var(--d4lp-ease),translate .25s var(--d4lp-ease)}.d4br-pile img{transition:filter .25s var(--d4lp-ease) calc(var(--i) * 70ms)}.d4br-tally__key img{transition:filter .25s var(--d4lp-ease)}.d4br-seg button{transition-property:background-color,color,box-shadow,scale;transition-duration:.18s,.18s,.18s,.14s}.d4br[data-stirred] .d4br-run[aria-checked=true] .d4br-pile i img{animation:d4br-ignite .45s var(--d4lp-ease) calc(var(--i) * 60ms) both}.d4br[data-fresh] .d4br-run .d4br-pile i img{animation:d4br-ignite .45s var(--d4lp-ease) calc(var(--i) * 60ms) both}.d4br[data-fresh]{animation:d4br-done .5s linear}}@keyframes d4br-ignite{0%{opacity:0;scale:.55;translate:0 4px;filter:brightness(2.2) blur(2px)}55%{opacity:1;scale:1.12;filter:brightness(1.6) drop-shadow(0 0 9px var(--hue))}}@keyframes d4br-done{to{opacity:1}}