.hwb{--hwb-max-h:calc(100dvh / var(--zoom) - var(--header-h) - 3rem);--hwb-ratio:1.6;--hwb-side:340px;gap:.75rem;padding-block:.5rem 2rem;display:grid}.hwb__layout{gap:.75rem;display:grid}.hwb__stage{width:min(100%, calc(var(--hwb-max-h) * var(--hwb-ratio)));aspect-ratio:16/10;-webkit-mask:var(--mask-round-20);mask:var(--mask-round-20);background:var(--color-raised);border-radius:20px;margin-inline:auto;position:relative}@media (width<=640px) and (orientation:portrait){.hwb{--hwb-ratio:.75}.hwb__stage{aspect-ratio:3/4}}.hwb__side{background:var(--color-surface);border-radius:20px}.hwb__side-in{flex-direction:column;gap:.6rem;padding:.75rem;display:flex}@media (width>=1100px){.hwb__layout{grid-template-columns:minmax(0, calc(var(--hwb-max-h) * var(--hwb-ratio))) var(--hwb-side);justify-content:center;gap:1rem}.hwb__stage{width:100%}.hwb__side{position:relative}.hwb__side-in{position:absolute;inset:0}.hwb__pane{overscroll-behavior:contain;scrollbar-width:thin;flex:1;min-height:0;overflow-y:auto}}.hwb__tabs{background:#00000040;border-radius:14px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.hwb__tab{color:var(--color-mid);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:.55rem .5rem;font-size:.875rem;font-weight:700}.hwb__tab[aria-selected=true]{background:var(--color-raised);color:var(--color-hi);box-shadow:0 2px 8px #00000040}.hwb__tab:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.hwb__pane[hidden]{display:none}.hwb__muted{color:var(--color-mid);margin:.15rem .25rem .6rem;font-size:.8125rem}.hwb__prizes{text-align:center;background:radial-gradient(120% 140% at 50% 0,#ffbe3c29,#0000 70%),#0003;border-radius:14px;margin-bottom:.6rem;padding:.5rem .5rem .45rem}.hwb__prizes ul{grid-template-columns:repeat(3,1fr);gap:.25rem;margin:0;padding:0;list-style:none;display:grid}.hwb__prize{justify-items:center;gap:.1rem;min-width:0;display:grid}.hwb__prize img{filter:drop-shadow(0 3px 8px #00000080);width:64px;height:64px}.hwb__prize b{font-size:.8125rem;font-weight:900}.hwb__prize--1 b{color:#ffcf3a}.hwb__prize--2 b{color:#c9d6ea}.hwb__prize--3 b{color:#e88a4a}.hwb__prize span{max-width:100%;color:var(--color-mid);text-overflow:ellipsis;white-space:nowrap;font-size:.6875rem;overflow:hidden}.hwb__prizes small{color:#ffd27a;margin-top:.3rem;font-size:.75rem;font-weight:700;display:block}.hwb__prizes .hwb__prizes-candy{color:var(--color-hi);justify-content:center;align-items:center;gap:.3rem;margin-top:.15rem;font-weight:600;display:flex}.hwb__prizes-candy img{width:18px;height:18px}.hwb__me{color:#ffd27a;background:#ff9a3c24;border-radius:12px;margin:0 0 .6rem;padding:.55rem .8rem;font-size:.9375rem;font-weight:700;box-shadow:inset 0 0 0 1px #ff9a3c66}.hwb__me[hidden]{display:none}.hwb__items{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.hwb__item{--rarity:#9aa3b5;background:var(--color-raised);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--rarity) 55%, transparent);border-radius:12px;align-items:center;gap:.6rem;padding:.35rem .75rem .35rem .4rem;display:flex}.hwb__item--rare{--rarity:#4aa3ff}.hwb__item--epic{--rarity:#b46cff}.hwb__item--legendary{--rarity:#ffb627}.hwb__item[data-empty]{opacity:.45}.hwb__item img{object-fit:contain;flex:none;width:44px;height:44px}.hwb__item-text{flex:1;min-width:0;display:grid}.hwb__item-name{text-overflow:ellipsis;white-space:nowrap;font-size:.9375rem;overflow:hidden}.hwb__item-meta{color:var(--rarity);font-size:.75rem;font-weight:600}.hwb__item-count{font-variant-numeric:tabular-nums}.hwb__frame{background:#120a1c;border:0;width:100%;height:100%;position:absolute;inset:0}.hwb__card{text-align:center;background:var(--color-surface);place-content:center;justify-items:center;gap:1rem;padding:1.5rem;display:grid;position:absolute;inset:0}.hwb__card[hidden]{display:none}.hwb__card img{filter:drop-shadow(0 6px 18px #ff7a1859);width:160px;height:auto}.hwb__card p{margin:0;font-size:1.1rem;font-weight:700}