/* Oni Pass & Levels · accesos del menú y de la cabecera. Usa las variables del tema (body.os) con respaldo. */
.opl-nav-item>a{display:inline-flex;align-items:center;gap:6px}
.opl-nav-item .ti-flame{font-size:17px;line-height:1;color:var(--pink,#ff5aa8);filter:drop-shadow(0 0 6px rgba(255,90,168,.65));transition:transform .2s ease}
.opl-nav-item>a:hover .ti-flame,.opl-nav-item.current-menu-item .ti-flame{transform:translateY(-1px) scale(1.08);color:var(--gold,#ffbd35);filter:drop-shadow(0 0 8px rgba(255,189,53,.7))}
.opl-nav-item.current-menu-item>a{color:var(--ink,#f1f2f6)}
.os-drawer .opl-nav-item>a{border:1px solid rgba(255,90,168,.35);background:linear-gradient(90deg,rgba(255,90,168,.14),rgba(74,217,255,.06))}

.opl-headpass{display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 11px 0 9px;border-radius:9px;flex-shrink:0;font:800 12px/1 var(--display,'Unbounded',system-ui,sans-serif);letter-spacing:.02em;color:var(--ink,#f1f2f6);text-decoration:none;background:linear-gradient(135deg,rgba(255,90,168,.22),rgba(74,217,255,.12));border:1px solid rgba(255,90,168,.45);box-shadow:0 0 14px -4px rgba(255,90,168,.6);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.opl-headpass .ti-flame{font-size:16px;line-height:1;color:var(--pink,#ff5aa8)}
.opl-headpass:hover,.opl-headpass:focus-visible{color:var(--ink,#f1f2f6);border-color:var(--gold,#ffbd35);box-shadow:0 0 18px -4px rgba(255,189,53,.7);transform:translateY(-1px)}
.opl-headpass:focus-visible{outline:2px solid var(--gold,#ffbd35);outline-offset:2px}
@media (max-width:639px){.opl-headpass{height:34px;min-width:44px;padding:0 8px;justify-content:center;font-size:11px}}
@media (max-width:379px){.opl-headpass span{display:none}}
@media (prefers-reduced-motion:reduce){.opl-headpass,.opl-nav-item .ti-flame{transition:none}.opl-headpass:hover,.opl-nav-item>a:hover .ti-flame{transform:none}}

.opl-prof-rank{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.opl-prof-rank>.opl-rank{flex:1 1 320px;margin:16px 0 0}
.opl-passbtn{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:16px;padding:0 18px;border-radius:10px;font-weight:800;text-decoration:none;color:#1a0510;background:var(--pink,#ff5aa8);box-shadow:0 0 18px -6px rgba(255,90,168,.8)}
.opl-passbtn:hover,.opl-passbtn:focus-visible{color:#1a0510;background:var(--pink2,#ff79b9)}
.opl-passbtn .ti-flame{font-size:18px}
@media (max-width:560px){.opl-passbtn{width:100%;justify-content:center;margin-top:0}}