.ml-loot{--ml-pad: 12px;--ml-pic: 44px;--ml-gold: oklch(0.85 0.14 85);--ml-epic: oklch(0.6 0.24 300);--ml-hair: 1px;display:grid;gap:8px}@media(min-resolution:2dppx){.ml-loot{--ml-hair: .5px}}.ml-loot__label{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0}.ml-loot__label b{color:var(--d4lp-copy);font-size:14px;font-weight:600;line-height:1.3}.ml-loot__label span{color:var(--d4lp-ink);font-size:14px;font-weight:700;line-height:1.3;font-variant-numeric:tabular-nums}.ml-loot__head{position:relative;isolation:isolate;overflow:clip;display:grid;grid-template-columns:84px minmax(0,1fr) auto;grid-template-areas:"fan title toggle" "fan line toggle" "fan bar toggle";align-items:center;column-gap:var(--ml-pad);row-gap:2px;inline-size:100%;margin:0;padding:var(--ml-pad);padding-inline-end:16px;border:0;border-radius:calc(var(--d4lp-r-card) - 2px);background:linear-gradient(100deg,oklch(0.25 0.06 296),oklch(0.2 0.04 288) 40%,var(--d4lp-control) 85%);color:var(--d4lp-ink);font:inherit;text-align:start;cursor:pointer;box-shadow:inset 0 0 0 var(--ml-hair) color-mix(in oklch,var(--ml-gold) 32%,transparent)}.ml-loot__head::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(70px 60px at 54px 50%,color-mix(in oklch,var(--ml-epic) 45%,transparent),transparent)}.ml-loot__sheen{position:absolute;inset:0;z-index:-1;pointer-events:none;translate:-100% 0;background:linear-gradient(105deg,transparent 35%,color-mix(in oklch,var(--ml-gold) 24%,transparent) 50%,transparent 65%)}.ml-loot__rim{position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;opacity:0;box-shadow:inset 0 0 0 var(--ml-hair) color-mix(in oklch,var(--ml-gold) 80%,transparent)}.ml-loot[data-taken] .ml-loot__rim{opacity:1}.ml-loot__fan{grid-area:fan;position:relative;block-size:48px}.ml-loot__fan i{position:absolute;inset-block-end:4px;inset-inline-start:calc(50% - 15px);inline-size:30px;block-size:30px;background:center bottom / contain no-repeat;filter:drop-shadow(0 2px 3px oklch(0 0 none / .6))}.ml-loot__fan i:nth-child(1){translate:-24px -6px;rotate:-6deg}.ml-loot__fan i:nth-child(2){z-index:1;inset-inline-start:calc(50% - 19px);inline-size:38px;block-size:38px}.ml-loot__fan i:nth-child(3){translate:24px -6px;rotate:6deg}.ml-loot__fan[data-n="2"] i:nth-child(1){translate:-14px -2px}.ml-loot__fan[data-n="2"] i:nth-child(2){inset-inline-start:calc(50% - 15px);inline-size:30px;block-size:30px;translate:14px -2px;rotate:6deg}.ml-loot__fan[data-n="1"] i{inset-inline-start:calc(50% - 19px);inline-size:38px;block-size:38px;rotate:none;translate:none}.ml-loot__title{grid-area:title;min-inline-size:0;overflow:clip;text-overflow:ellipsis;white-space:nowrap}.ml-loot__title b{font-size:16px;font-weight:700;line-height:1.25}.ml-loot__bar em{order:-1;margin-inline-end:6px;flex:none;padding-block:1px;padding-inline:6px;border-radius:999px;background:color-mix(in oklch,var(--ml-gold) 16%,transparent);color:var(--ml-gold);font-size:12px;font-style:normal;font-weight:700;line-height:1.4;white-space:nowrap}.ml-loot__line{grid-area:line;display:-webkit-box;min-inline-size:0;block-size:1.35em;overflow:clip;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;color:oklch(0.82 0.03 295);font-size:13px;line-height:1.35}.ml-loot__bar{grid-area:bar;display:flex;align-items:center;gap:4px;margin-block-start:8px}.ml-loot__bar i{position:relative;overflow:clip;flex:1 1 0;max-inline-size:72px;block-size:4px;border-radius:999px;background:oklch(1 0 none / .1)}.ml-loot__bar i::after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--d4lp-tint);transform-origin:0 50%;scale:0 1}.ml-loot__bar i[data-on]::after{scale:1 1}.ml-loot__bar small{flex:none;margin-inline-start:8px;color:var(--d4lp-muted);font-size:12px;font-variant-numeric:tabular-nums}.ml-loot__toggle{grid-area:toggle;padding-block:7px;padding-inline:18px;border-radius:999px;background:color-mix(in oklch,var(--ml-gold) 9%,transparent);box-shadow:inset 0 0 0 var(--ml-hair) color-mix(in oklch,var(--ml-gold) 55%,transparent);color:var(--ml-gold);font-size:13px;font-weight:700;white-space:nowrap;min-inline-size:9.5em;text-align:center}@media(hover:hover)and (pointer:fine){.ml-loot:not([data-taken]) .ml-loot__head:hover .ml-loot__rim{opacity:.5}.ml-loot__head:hover .ml-loot__toggle{background:color-mix(in oklch,var(--ml-gold) 16%,transparent)}.ml-loot__tile[aria-checked=false]:hover,.ml-loot__pack[aria-checked=false]:hover{background:color-mix(in oklab,var(--d4lp-ink) 5%,var(--d4lp-control))}}.ml-loot__head:active,.ml-loot__tile:active,.ml-loot__pack:active{filter:brightness(1.1)}.ml-loot__head:focus-visible,.ml-loot__tile:focus-visible,.ml-loot__pack:focus-visible,.ml-loot__all:focus-visible{outline:2px solid var(--d4lp-focus);outline-offset:2px}.ml-loot__body{display:none;gap:12px}.ml-loot[data-open] .ml-loot__body{display:grid}.ml-loot__group{display:grid;gap:8px}.ml-loot__head2{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;min-block-size:24px;margin:0}.ml-loot__head2 b{color:var(--d4lp-copy);font-size:14px;font-weight:600;line-height:1.3}.ml-loot__head2>span{color:var(--d4lp-muted);font-size:13px;line-height:1.3}.ml-loot__all{display:inline-flex;align-items:center;gap:8px;margin:0;margin-inline-start:auto;padding:0;border:0;background:none;color:var(--d4lp-copy);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.ml-loot__all i{position:relative;inline-size:32px;block-size:18px;border-radius:999px;background:var(--d4lp-line-strong)}.ml-loot__all i::after{content:"";position:absolute;inset-block-start:3px;inset-inline-start:3px;inline-size:12px;block-size:12px;border-radius:50%;background:var(--d4lp-copy)}.ml-loot__all[aria-checked=true]{color:var(--d4lp-ink)}.ml-loot__all[aria-checked=true] i{background:var(--d4lp-tint)}.ml-loot__all[aria-checked=true] i::after{translate:14px 0;background:oklch(1 0 none)}.ml-loot__tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ml-loot__tile{display:grid;grid-template-columns:var(--ml-pic) minmax(0,1fr) 20px;grid-template-areas:"icon name mark" "icon price mark";align-items:center;align-content:center;column-gap:var(--ml-pad);row-gap:2px;min-inline-size:0;min-block-size:68px;margin:0;padding:var(--ml-pad);border:0;border-radius:calc(var(--d4lp-r-card) - 2px);background:var(--d4lp-control);color:var(--d4lp-copy);font:inherit;text-align:start;cursor:pointer;box-shadow:inset 0 0 0 var(--ml-hair) var(--d4lp-line)}.ml-loot__tile,.ml-loot__pack{position:relative;isolation:isolate}.ml-loot__tile::after,.ml-loot__pack::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(80% 120% at 20% 50%,color-mix(in oklch,var(--d4lp-tint) 30%,transparent),transparent 70%);box-shadow:inset 0 0 0 var(--ml-hair) var(--d4lp-tint),inset 0 0 18px color-mix(in oklch,var(--d4lp-tint) 35%,transparent)}.ml-loot__tile::before,.ml-loot__pack::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;opacity:0;box-shadow:inset 0 0 0 var(--ml-hair) color-mix(in oklch,var(--d4lp-tint) 65%,var(--d4lp-control))}.ml-loot__tile[aria-checked=true]::before,.ml-loot__pack[aria-checked=true]::before{opacity:1}.ml-loot__tile[aria-checked=true]{background:color-mix(in oklab,var(--d4lp-tint) 12%,var(--d4lp-control))}.ml-loot__icon{grid-area:icon;inline-size:var(--ml-pic);block-size:var(--ml-pic);background:center / contain no-repeat;filter:drop-shadow(0 2px 3px oklch(0 0 none / .55))}.ml-loot__name{grid-area:name;align-self:end;min-inline-size:0;color:var(--d4lp-ink);font-size:14px;font-weight:600;line-height:1.3;text-wrap:balance}.ml-loot__price{grid-area:price;align-self:start;display:flex;flex-wrap:wrap;align-items:baseline;gap:0 6px;font-variant-numeric:tabular-nums;white-space:nowrap}.ml-loot__price b{color:var(--ml-gold);font-size:13px;font-weight:700;line-height:1.35}.ml-loot__price s{color:var(--d4lp-muted);font-size:12px;line-height:1.35}.ml-loot__mark{position:relative;grid-area:mark;display:grid;place-items:center;inline-size:20px;block-size:20px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--d4lp-line-strong)}.ml-loot__mark::before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--d4lp-tint);opacity:0}.ml-loot__mark svg{position:relative;inline-size:12px;block-size:12px;fill:none;stroke:oklch(0.2 0.02 280);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;opacity:0}.ml-loot__tile[aria-checked=true] .ml-loot__mark::before,.ml-loot__tile[aria-checked=true] .ml-loot__mark svg{opacity:1}.ml-loot__group>.ml-loot__gold{margin-block-start:0}.ml-loot__gold{display:grid;grid-template-columns:var(--ml-pic) minmax(0,1fr) auto;align-items:center;column-gap:var(--ml-pad);row-gap:var(--ml-pad);padding:var(--ml-pad);border-radius:calc(var(--d4lp-r-card) - 2px);background:var(--d4lp-control);box-shadow:inset 0 0 0 var(--ml-hair) var(--d4lp-line)}.ml-loot__gold .ml-loot__icon{grid-area:auto}.ml-loot__goldtext{display:grid;gap:2px;min-inline-size:0}.ml-loot__goldtext b{color:var(--d4lp-ink);font-size:14px;font-weight:600;line-height:1.3}.ml-loot__goldtext span{color:var(--d4lp-muted);font-size:12px;line-height:1.35}.ml-loot__packs{display:flex;gap:6px}.ml-loot__pack{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-areas:"pile amount" "pile price";align-items:center;column-gap:4px;min-block-size:44px;margin:0;padding-block:4px;padding-inline:4px 8px;border:0;border-radius:var(--d4lp-r-control);background:var(--d4lp-panel);color:var(--d4lp-ink);font:inherit;text-align:end;cursor:pointer;box-shadow:inset 0 0 0 var(--ml-hair) var(--d4lp-line)}.ml-loot__pile{grid-area:pile;align-self:center;inline-size:34px;block-size:26px;background:center / contain no-repeat;filter:drop-shadow(0 1px 2px oklch(0 0 none / .55))}.ml-loot__pack b{grid-area:amount;align-self:end;justify-self:end;font-size:13px;font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums}.ml-loot__pack span[data-ml-pack-price]{grid-area:price;align-self:start;justify-self:end;color:var(--ml-gold);font-size:12px;font-weight:700;line-height:1.3;font-variant-numeric:tabular-nums}.ml-loot__pack[aria-checked=true]{background:color-mix(in oklab,var(--d4lp-tint) 14%,var(--d4lp-panel))}@container (max-width: 440px){.ml-loot__head{grid-template-columns:84px minmax(0,1fr);grid-template-areas:"fan title" "line line" "bar bar" "toggle toggle";row-gap:6px;padding-inline-end:var(--ml-pad)}.ml-loot__title{white-space:normal;text-wrap:balance}.ml-loot__toggle{justify-self:stretch;margin-block-start:6px;text-align:center}.ml-loot__bar{margin-block-start:2px}.ml-loot__tiles{grid-template-columns:minmax(0,1fr)}.ml-loot__gold{grid-template-columns:var(--ml-pic) minmax(0,1fr)}.ml-loot__packs{grid-column:1 / -1}.ml-loot__pack{flex:1 1 0}}.ml-loot[data-look=icons] :is(.ml-loot__icon,.ml-loot__fan i){border-radius:var(--d4lp-r-control);background-position:center;background-size:cover}.ml-loot[data-fill] .ml-loot__tile:only-child{grid-column:1 / -1}@keyframes ml-loot-glow{0%{opacity:0}30%{opacity:1}100%{opacity:0}}@keyframes ml-loot-sheen{from{translate:-100% 0}to{translate:100% 0}}.ml-loot__rim,.ml-loot__tile::before,.ml-loot__pack::before,.ml-loot__mark::before,.ml-loot__mark svg{transition:opacity 150ms cubic-bezier(.23,1,.32,1)}.ml-loot__body>*{transition:opacity 180ms cubic-bezier(.23,1,.32,1)}@starting-style{.ml-loot[data-open] .ml-loot__body>*{opacity:0}}@media(prefers-reduced-motion:no-preference){.ml-loot__bar i::after{transition:scale 180ms cubic-bezier(.23,1,.32,1)}.ml-loot__tile[data-ml-up]::after,.ml-loot__pack[data-ml-up]::after{animation:ml-loot-glow .5s cubic-bezier(.23,1,.32,1)}.ml-loot__sheen[data-ml-up]{animation:ml-loot-sheen .25s cubic-bezier(.23,1,.32,1)}.ml-loot__body>*{transition:opacity 180ms cubic-bezier(.23,1,.32,1),transform 180ms cubic-bezier(.23,1,.32,1)}@starting-style{.ml-loot[data-open] .ml-loot__body>*{transform:translateY(8px)}}.ml-loot[data-open] .ml-loot__body>:nth-child(2){transition-delay:40ms}.ml-loot[data-open] .ml-loot__body>:nth-child(3){transition-delay:80ms}.ml-loot__fan i{transition:translate .25s cubic-bezier(.16,1,.3,1)}@media(hover:hover)and (pointer:fine){.ml-loot__head:hover .ml-loot__fan i:nth-child(1){translate:-26px -9px}.ml-loot__head:hover .ml-loot__fan i:nth-child(2){translate:0 -3px}.ml-loot__head:hover .ml-loot__fan i:nth-child(3){translate:26px -9px}.ml-loot__head:hover .ml-loot__fan[data-n="2"] i:nth-child(1){translate:-16px -5px}.ml-loot__head:hover .ml-loot__fan[data-n="2"] i:nth-child(2){translate:16px -5px}}.ml-loot__all i::after{transition:translate .2s cubic-bezier(.23,1,.32,1)}}.ml-loot__all:active{opacity:.8}@media(pointer:coarse){.ml-loot__all{min-block-size:44px}}.ml-loot:has(:focus-visible) *,.ml-loot:has(:focus-visible) ::before,.ml-loot:has(:focus-visible) ::after{transition:none}@media(prefers-reduced-motion:no-preference){.ml-loot:has(:focus-visible) *,.ml-loot:has(:focus-visible) ::before,.ml-loot:has(:focus-visible) ::after{animation:none}}