/* ══ RUEDA DE CONFIGURACIÓN ══ */
.rail-btn-config{color:var(--muted)}
.rail-btn-config:hover{color:var(--text)}
.config-icon{transition:transform .4s var(--spring)}
.rail-btn-config:hover .config-icon{transform:rotate(60deg)}

/* ══ FLECHAS DEL RAIL — ocultar ══ */
.rail-scroll-btn{display:none!important}

/* ══ ZOMBIE / CART-FAB EN PORTAL — ya cubierto arriba ══ */

#odinConfirmModal{
  position:fixed;inset:0;background:rgba(26,25,23,.55);z-index:9999;
  display:flex;align-items:center;justify-content:center;
  opacity:0;pointer-events:none;transition:opacity .2s;backdrop-filter:blur(4px);
}
#odinConfirmModal.open{opacity:1;pointer-events:auto}
.ocn-box{
  background:var(--surface);border:1px solid var(--border);border-radius:20px;
  padding:28px 28px 22px;text-align:center;max-width:300px;width:90%;
  box-shadow:var(--sh-xl);transform:scale(.9);transition:transform .28s cubic-bezier(.34,1.22,.64,1);
}
#odinConfirmModal.open .ocn-box{transform:scale(1)}
.ocn-fluent{width:60px;height:60px;object-fit:contain;display:block;margin:0 auto 10px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.2))}
#ocnNombre{font-size:20px;font-weight:700;color:var(--text);display:block;margin-bottom:4px}
#ocnCount{font-size:12px;color:var(--muted);display:block;margin-bottom:14px}
.ocn-hint{font-size:12px;color:var(--muted);background:var(--s2);border:1px solid var(--border);border-radius:10px;padding:10px 14px;margin-bottom:18px;line-height:1.5;text-align:left}
.ocn-hint strong{color:var(--ocn-color,var(--red))}
.ocn-btns{display:flex;gap:8px}