.mdl-canvas{position:relative;width:100%;aspect-ratio:1/1;max-height:62vh}.mdl-poster{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;text-align:center}.mdl-poster img{width:128px;height:128px;object-fit:contain}.mdl-chips{display:flex;flex-wrap:wrap;gap:6px;max-height:46vh;overflow-y:auto}.mdl-chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:5px 10px;border:1px solid transparent;border-radius:999px;background:var(--surface-subtle);color:var(--text-secondary);font-size:var(--fs-ctl);line-height:1.2;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .14s ease,color .14s ease}.mdl-chip:hover{background:var(--surface-hover);color:var(--text-primary)}.mdl-chip.is-active{background:var(--accent-gold-grad);border-color:var(--accent-gold-fill-hi);color:var(--on-accent);font-weight:750}.mdl-dot{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:var(--text-faint)}.mdl-chip.is-active .mdl-dot{background:var(--on-accent)}.mdl-dot.tier-gold{background:var(--accent-gold)}.mdl-dot.tier-legendary{background:var(--accent-epic)}.mdl-dot.tier-basic{background:var(--accent-sky)}@media (max-width:1023px){.mdl-chips{max-height:none}}