.hero-chip{display:inline-flex;align-items:center;gap:.3em;padding:.1em .35em .1em .2em;margin:0 -.15em;border-radius:9999px;background:transparent;border:1px solid transparent;font-size:inherit;font-weight:600;color:var(--color-ink);vertical-align:middle;line-height:1;text-decoration:none;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}.hero-chip:hover{background:var(--color-elevated);border-color:var(--color-border-strong)}.hero-chip__img{width:1.35em;height:1.35em;border-radius:4px;object-fit:cover;flex-shrink:0;display:block;margin:0}.hero-chip__name{white-space:nowrap}.map-icon{display:inline-flex;align-items:center;vertical-align:middle;width:1.4em;height:1.4em;margin:0 .15em}.map-icon__img{width:100%;height:100%;object-fit:contain;display:block;margin:0}.map-chip{display:inline-flex;align-items:center;gap:.3em;padding:.1em .45em .1em .25em;margin:0 -.1em;border-radius:9999px;background:var(--color-elevated);border:1px solid var(--color-border);font-size:inherit;font-weight:600;color:var(--color-ink);vertical-align:middle;line-height:1}.map-chip__img{width:1.4em;height:1.4em;object-fit:contain;flex-shrink:0;display:block;margin:0}.map-chip__name{white-space:nowrap}.hero-chip--card{font-size:13px;margin:0;gap:.4em;padding:.25rem .65rem .25rem .25rem;background:var(--color-elevated);border-color:var(--color-border)}.hero-chip--card:hover{border-color:var(--color-border-strong)}.hero-chip--muted{color:var(--color-ink-2)}.hero-chip--muted .hero-chip__img{filter:grayscale(1);opacity:.85}.hero-dropdown{display:flex;flex-direction:column;background:var(--color-card);border:1px solid var(--color-border);border-radius:14px;padding:0;overflow:hidden;box-shadow:0 16px 48px #0009,0 0 0 1px #ffffff08;animation:hero-dropdown-in .16s ease-out;font-size:14px;color:var(--color-ink);line-height:1.4}@keyframes hero-dropdown-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.hero-dropdown__art{position:relative;height:132px;display:flex;align-items:flex-end;padding:12px 14px;background:var(--color-elevated);overflow:hidden}.hero-dropdown__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 28%;display:block;margin:0}.hero-dropdown__art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(17,17,17,.1) 0%,rgba(17,17,17,.5) 55%,var(--color-card) 100%);pointer-events:none}.hero-dropdown__brand{position:relative;z-index:1;max-width:68%;max-height:42px;object-fit:contain;object-position:left bottom;display:block;margin:0;filter:drop-shadow(0 2px 8px rgba(0,0,0,.7))}.hero-dropdown__brand-text{position:relative;z-index:1;font-size:20px;font-weight:700;color:var(--color-gold);line-height:1.1;text-shadow:0 2px 8px rgba(0,0,0,.7)}.hero-dropdown__body{display:flex;flex-direction:column;gap:10px;padding:12px 14px 14px}.hero-dropdown__meta{display:flex;align-items:center}.hero-dropdown__type{font-size:12px;font-weight:600;color:var(--color-ink-2);text-transform:uppercase;letter-spacing:.04em}.hero-dropdown__stats{position:relative;display:flex;flex-direction:column;gap:6px}.hero-dropdown__stat{display:flex;align-items:center;gap:10px}.hero-dropdown__stat--hint{cursor:help}.hero-dropdown__stat-label{width:74px;flex-shrink:0;font-size:11px;font-weight:600;color:var(--color-ink-2)}.hero-dropdown__bar{flex:1;display:inline-flex;gap:3px}.hero-dropdown__pip{flex:1;height:5px;border-radius:9999px;background:var(--color-border-strong)}.hero-dropdown__pip--on{background:var(--color-gold)}.hero-dropdown__curve{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:3;margin:0;padding:6px 9px;border-radius:7px;background:var(--color-elevated);border:1px solid var(--color-border);box-shadow:0 6px 18px #00000080;font-size:11.5px;color:var(--color-ink);text-align:center;opacity:0;transform:translateY(-3px);pointer-events:none;transition:opacity .15s,transform .15s}.hero-dropdown__stat--hint:hover~.hero-dropdown__curve{opacity:1;transform:translateY(0)}.hero-dropdown__tags{display:flex;flex-wrap:wrap;gap:4px}.hero-dropdown__tag{font-size:11px;font-weight:500;color:var(--color-ink-2);background:var(--color-elevated);border:1px solid var(--color-border);border-radius:9999px;padding:2px 8px;line-height:1.4}
