.hero-layout.list-open .hero-list{grid-template-columns:repeat(auto-fill,minmax(158px,1fr));grid-auto-rows:248px}.hero-layout.list-open .hero-card{grid-template-rows:148px 100px;height:248px;min-height:248px}.hero-layout.list-open .card-image{min-height:148px}.hero-card-badges{z-index:1;pointer-events:none;justify-content:space-between;gap:4px;display:flex;position:absolute;inset:7px 7px auto}.hero-card-badges>span{color:#f5d58d;background:#131a22e8;border:1px solid #ffffff25;border-radius:5px;align-items:center;gap:4px;padding:3px 6px;font-size:11px;font-weight:700;display:inline-flex}.hero-card-badges>span:last-child{color:#eee;margin-left:auto}.trans-expanded{min-width:0;position:relative}.trans-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.trans-heading small,.trans-category-control small{color:var(--muted);font-size:10px}.trans-heading button{color:var(--text);background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:4px;padding:3px 6px;font-size:11px}.trans-category-control{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.trans-category-name{color:var(--text);font-size:12px}.trans-stage-strip{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;display:grid}.trans-stage{min-width:0;display:flex}.trans-stage>button{border:1px solid var(--line);width:100%;color:var(--muted);cursor:pointer;background:0 0;border-radius:5px;justify-items:center;gap:3px;padding:4px 1px;display:grid}.trans-stage>button.selectable{border-color:var(--gold)}.trans-stage>button[aria-expanded=true],.trans-option.recommended{background:color-mix(in srgb, var(--gold) 14%, transparent);border-color:var(--gold)}.trans-stage-icon{object-fit:contain;flex:0 0 30px;width:30px;height:30px}.trans-stage-number{font-variant-numeric:tabular-nums;align-self:center;font-size:16px;font-weight:500}.trans-stage-details{z-index:60;border:1px solid var(--gold);border-top:3px solid var(--gold);color:#fff8ec;background:#354251;border-radius:7px;width:min(380px,100vw - 40px);max-height:50vh;padding:12px;font-size:12px;line-height:1.6;position:absolute;top:100%;right:0;overflow-y:auto;box-shadow:0 10px 30px #0009,0 0 0 3px #10141988}:root[data-theme=light] .trans-stage-details{color:#253041;background:#fff8e8;box-shadow:0 8px 28px #25304140,0 0 0 3px #fff9}.trans-stage-details strong{font-size:11px}.trans-stage-details p{margin:6px 0 0}.trans-option{text-align:left;border:1px solid var(--line);width:100%;color:inherit;background:0 0;border-radius:5px;align-items:center;gap:7px;margin-top:6px;padding:6px;font-size:12px;line-height:1.5;display:flex}.trans-option em{color:var(--gold);font-size:10px;font-style:normal}@media (max-width:760px){.hero-layout.list-open .hero-list{grid-template-columns:repeat(auto-fill,minmax(124px,1fr));grid-auto-rows:216px}.hero-layout.list-open .hero-card{grid-template-rows:126px 90px;height:216px;min-height:216px}.hero-layout.list-open .card-image{min-height:126px}.trans-stage>button{min-height:52px}}