/* Lista de chances (ovos e hunts): linhas finas com borda pela raridade, rolagem visível e filtro. */
.odds-box { display: grid; gap: .55rem; text-align: left; }
.odds-filter { display: flex; flex-wrap: wrap; gap: .3rem; }
.odds-filter button { --rc: #38bdf8; display: inline-flex; align-items: center; gap: .35rem; min-height: 1.7rem; padding: 0 .6rem; border-radius: 1rem; cursor: pointer; border: 1px solid color-mix(in srgb, var(--rc) 45%, #22324d); background: #0b1527; color: #b8c9e2; font: 800 .56rem var(--font-pixel-ui); letter-spacing: .06em; transition: background .2s, color .2s, box-shadow .2s; }
.odds-filter button b { padding: 0 .3rem; border-radius: 1rem; background: #ffffff12; color: var(--rc); font-size: .55rem; }
.odds-filter button:hover { background: color-mix(in srgb, var(--rc) 14%, #0b1527); }
.odds-filter button.is-on { color: #fff; background: color-mix(in srgb, var(--rc) 24%, #0b1527); box-shadow: 0 0 .7rem color-mix(in srgb, var(--rc) 35%, transparent); }
.odds-list { display: grid; gap: .3rem; align-content: start; max-height: min(21rem, 46vh); margin: 0; padding: .1rem .35rem .1rem .1rem; list-style: none; overflow-y: scroll; scrollbar-width: thin; scrollbar-color: #4a6a9a #0b1527; }
.odds-list::-webkit-scrollbar { width: .55rem; }
.odds-list::-webkit-scrollbar-track { background: #0b1527; border-radius: 1rem; }
.odds-list::-webkit-scrollbar-thumb { background: #4a6a9a; border-radius: 1rem; }
.odds-row { --rc: #94a3b8; display: grid; grid-template-columns: 2.4rem minmax(0, 1fr) auto 3.6rem; align-items: center; gap: .6rem; min-height: 2.5rem; padding: .15rem .65rem .15rem .35rem; border-radius: .6rem; border: 1px solid color-mix(in srgb, var(--rc) 55%, #1b2a44); background: linear-gradient(90deg, color-mix(in srgb, var(--rc) 12%, #0e1a30), #0b1527 70%); box-shadow: inset 3px 0 0 var(--rc); }
.odds-row[hidden] { display: none; }
.odds-sprite { display: grid; place-items: center; width: 2.4rem; height: 2.2rem; }
.odds-sprite img { width: 2.2rem; height: 2.2rem; object-fit: contain; image-rendering: pixelated; filter: drop-shadow(0 2px 2px #0008); }
.odds-name { display: grid; gap: .1rem; min-width: 0; }
.odds-name strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; font: 800 .74rem var(--font-pixel-ui); text-transform: capitalize !important; }
.odds-name small { color: #7d93b2; font: 600 .56rem var(--font-pixel-ui); }
.odds-minis { display: flex; flex-wrap: wrap; gap: 0; max-height: 1.9rem; overflow: hidden; }
.odds-minis img { width: 1.4rem; height: 1.4rem; object-fit: contain; image-rendering: pixelated; }
.odds-tag { padding: .12rem .5rem; border-radius: .4rem; color: var(--rc); background: color-mix(in srgb, var(--rc) 16%, #0b1527); border: 1px solid color-mix(in srgb, var(--rc) 45%, transparent); font: 800 .5rem var(--font-pixel-ui); letter-spacing: .08em; }
.odds-chance { min-width: 3.6rem; text-align: right; color: #e8f1ff; font: 800 .76rem var(--font-pixel-ui); }
.odds-row.lv-ultra { box-shadow: inset 3px 0 0 var(--rc), 0 0 .7rem color-mix(in srgb, var(--rc) 28%, transparent); }
.odds-row.lv-lendario { box-shadow: inset 3px 0 0 var(--rc), 0 0 .8rem color-mix(in srgb, var(--rc) 32%, transparent); }
.odds-row.lv-mitico { border-color: transparent; background: linear-gradient(90deg, #2a1d3a, #0b1527 70%) padding-box, conic-gradient(from var(--mart-angle, 0deg), #f472b6, #fde047, #4ade80, #60a5fa, #c084fc, #f472b6) border-box; box-shadow: none; animation: martAura 4s linear infinite; }
.odds-note { margin: 0; color: #8ea4c2; font: 600 .66rem/1.5 var(--font-pixel-ui); }
@media (prefers-reduced-motion: reduce) { .odds-row.lv-mitico { animation: none; } }.odds-note { margin-bottom: 1rem; }
.odds-note + .odds-box, .odds-note + .mart-egg-odds-list { margin-top: .2rem; }