/* Oni Streaming 2.2.0-b.4 · Tienda Oni «A · Gaming Premium» (solo /tienda/ y /personalizacion/) */
.osa{--a-bg:#08090c;--a-card:#101218;--a-card2:#0b0c11;--a-line:rgba(255,255,255,.06);--a-gold:#ffbd35;--a-gold2:#ffd77a;--a-pink:var(--pink,#ff5aa8);--a-mut:#8d92a0;--a-soft:#c5c8d2;background:var(--a-bg);color:#f1f2f5}
.osa a{color:inherit}
.osa-sub{position:sticky;top:var(--os-head-h,60px);z-index:20;background:rgba(8,9,12,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--a-line)}
.osa-sub__in{max-width:1360px;margin:0 auto;padding:0 clamp(16px,4vw,40px);height:56px;display:flex;align-items:center;gap:clamp(10px,3vw,30px)}
.osa-sub__brand{font-family:Unbounded,sans-serif;font-weight:800;font-size:14px;letter-spacing:.08em;flex-shrink:0}
.osa-sub__tab{height:100%;display:flex;align-items:center;padding:0 14px;font-weight:700;font-size:14px;color:var(--a-mut)!important;border-bottom:2px solid transparent;text-decoration:none}
.osa-sub__tab.is-on{color:#fff!important;border-bottom-color:var(--a-gold)}
@media (max-width:699px){.osa-sub__brand{display:none}.osa-sub__in{gap:0}.osa-sub__tab{flex:1;justify-content:center}}
.osa-wrap{max-width:1360px;margin:0 auto;padding:24px clamp(16px,4vw,40px) 64px;display:flex;flex-direction:column;gap:40px}
.osa-card{background:var(--a-card);border:1px solid var(--a-line);border-radius:18px}
.osa-muted{color:var(--a-mut);font-size:13px}.osa-soft{color:var(--a-soft)}.osa-gold{color:var(--a-gold2)}
.osa-link{color:var(--a-pink)!important;font-weight:700;text-decoration:none}
.osa-kicker{font-size:12px;font-weight:800;letter-spacing:.16em;color:var(--a-gold)}.osa-kicker--pink{color:var(--a-pink)}
.osa-top{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:20px}
@media (max-width:1000px){.osa-top{grid-template-columns:1fr}}
.osa-hero{position:relative;border-radius:18px;overflow:hidden;min-height:clamp(320px,36vw,460px);display:flex;align-items:flex-end;background:#15171f}
.osa-hero__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.osa-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,9,12,.92),rgba(8,9,12,.5) 55%,transparent),linear-gradient(0deg,rgba(8,9,12,.85),transparent 55%)}
.osa-hero__txt{position:relative;z-index:1;padding:clamp(20px,4vw,44px);display:flex;flex-direction:column;gap:14px;max-width:580px}
.osa-hero h1{margin:0;font-family:Unbounded,sans-serif;font-weight:800;font-size:clamp(28px,4.4vw,54px);line-height:1.02;letter-spacing:-.03em}
.osa-hero p{margin:0;color:var(--a-soft);font-size:15px;line-height:1.55;text-wrap:pretty}
.osa-hero__act{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.osa-hero__act form{margin:0}
.osa-price{display:inline-flex;align-items:center;gap:6px;font-family:Unbounded,sans-serif;font-weight:700;font-size:14px;color:var(--a-gold2)}
.osa-balance{padding:22px;display:flex;flex-direction:column;gap:16px}
.osa-balance__num{font-family:Unbounded,sans-serif;font-size:34px;color:var(--a-gold2);letter-spacing:-.02em;margin-top:-10px}
.osa-goal{display:flex;gap:12px;align-items:center;padding:12px;border-radius:12px;background:var(--a-card2)}
.osa-goal img{width:46px;aspect-ratio:2/3;object-fit:cover;border-radius:6px;flex-shrink:0}
.osa-goal>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.osa-goal strong{font-size:14px}.osa-goal .osa-soft{font-size:12px}
.osa-bar{height:6px;border-radius:3px;background:rgba(255,255,255,.08);overflow:hidden}.osa-bar i{display:block;height:100%;border-radius:3px;background:var(--a-gold)}
.osa-bar--thin{height:4px}.osa-bar--thin i{background:var(--a-pink)}
.osa-today{display:flex;flex-direction:column;gap:10px}.osa-today__head{display:flex;justify-content:space-between;gap:10px;align-items:baseline;font-size:14px}
.osa-mini{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:var(--a-soft)}.osa-mini b{color:var(--a-gold2)}.osa-mini.is-done b{color:#4ade80}.osa-mini.is-done span{text-decoration:line-through;opacity:.6}
.osa-sec{display:flex;flex-direction:column;gap:18px}
.osa-sec__head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.osa-sec__head h2,.osa-head h1{margin:0;font-family:Unbounded,sans-serif;font-size:clamp(22px,2.6vw,30px);letter-spacing:-.02em}
.osa-chips{display:flex;gap:6px;flex-wrap:wrap}
.osa-chip,.osa .os-chip{height:36px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:transparent;color:var(--a-soft);font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.osa-chip.is-on,.osa .os-chip.is-on{border-color:var(--a-gold);background:rgba(255,189,53,.13);color:#fff}
.osa-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(150px,18vw,215px),1fr));gap:clamp(14px,2vw,24px)}
.osa-game{display:flex;flex-direction:column;gap:10px}.osa-game[hidden]{display:none}
.osa-game__cover{position:relative;aspect-ratio:2/3;border-radius:12px;overflow:hidden;background:#15171f;box-shadow:0 12px 30px rgba(0,0,0,.4);transition:transform .2s}
.osa-game:hover .osa-game__cover{transform:translateY(-4px)}
.osa-game__cover img{width:100%;height:100%;object-fit:cover;display:block}
.osa-tag{position:absolute;top:8px;left:8px;padding:4px 8px;border-radius:6px;background:rgba(4,20,10,.85);color:#4ade80;font-size:11px;font-weight:800}
.osa-game__title{font-size:15px;line-height:1.25}
.osa-game__foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}.osa-game__foot form{margin:0}
.osa-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 12px;border-radius:9px;border:1px solid transparent;font:inherit;font-size:13px;font-weight:800;cursor:pointer;white-space:nowrap;text-decoration:none!important}
.osa-btn--lg{height:46px;padding:0 22px;font-size:15px;border-radius:10px}.osa-btn--sm{height:32px;font-size:12px}.osa-btn--block{width:100%}
.osa-btn--gold{background:var(--a-gold);color:#1a1204!important}.osa-btn--gold:hover{background:#ffcb5c}
.osa-btn--green{background:#4ade80;color:#04140a!important}
.osa-btn--own{border-color:rgba(74,222,128,.4);color:#4ade80!important;background:transparent}
.osa-btn--short{background:rgba(255,255,255,.06);color:var(--a-mut)!important;cursor:default}
.osa-btn--ghost{border-color:rgba(255,255,255,.14);background:transparent;color:#fff!important}
.osa-lib{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:12px}
.osa-lib__item{display:flex;gap:14px;align-items:center;padding:12px;border-radius:14px}
.osa-lib__item img{width:52px;aspect-ratio:2/3;object-fit:cover;border-radius:6px;flex-shrink:0}.osa-lib__item strong{flex:1;min-width:0;font-size:14px}
.osa-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:16px}
.osa-panel{padding:20px;display:flex;flex-direction:column;gap:10px;scroll-margin-top:130px}.osa-panel h3{margin:0 0 4px;font-family:Unbounded,sans-serif;font-size:16px}
.osa-txs{max-height:360px;overflow:auto}.osa-tx{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:12px;align-items:center;padding:8px 0;border-top:1px solid var(--a-line);font-size:14px}
.osa-tx b{font-family:Unbounded,sans-serif;font-size:13px}.osa-tx .is-plus{color:#4ade80}.osa-tx .is-minus{color:#ff8a8a}.osa-tx span{color:var(--a-soft)}.osa-tx time{font-size:12px;color:var(--a-mut)}
.osa-mission{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--a-line)}
.osa-mission>div{display:flex;flex-direction:column;gap:2px;min-width:0}.osa-mission strong{font-size:14px}.osa-mission span{font-size:12px;color:var(--a-mut)}
.osa-tiers{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--a-soft)}.osa-tiers b{color:var(--a-gold2)}
.osa-btnrow{display:flex;gap:8px;flex-wrap:wrap}
#inventario,#juegos{scroll-margin-top:130px}
/* Personalización */
.osa-cos{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}
@media (max-width:1000px){.osa-cos{grid-template-columns:1fr}.osa-me{order:-1;position:static!important}}
.osa-cos__main{display:flex;flex-direction:column;gap:20px;min-width:0}
.osa-head{display:flex;flex-direction:column;gap:8px}.osa-head p{margin:0;max-width:620px}
.osa .os-chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap;padding-bottom:2px}.osa .os-chip{flex-shrink:0}
.osa .os-cosgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr));gap:14px;margin-top:16px}
.osa .os-cositem{background:var(--a-card);border:1px solid var(--a-line);border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:10px;transition:border-color .2s,transform .2s}
.osa .os-cositem:hover{border-color:rgba(255,189,53,.35);transform:translateY(-2px)}
.osa .os-cositem[data-own="1"]{border-color:rgba(74,222,128,.25)}
.osa .os-cositem__prev{border-radius:10px;background:var(--a-card2);min-height:130px}
.osa .os-cositem__body strong{font-size:14px}.osa .os-cositem__type{font-size:12px;color:var(--a-mut)}
.osa .os-cositem .os-btn{min-height:36px;font-size:13px;border-radius:9px}
.osa-me{position:sticky;top:calc(var(--os-head-h,60px) + 72px);overflow:hidden}
.osa-me__cover{height:120px;background:linear-gradient(135deg,#1a1d2b,#0d0f17) center/cover no-repeat}
.osa-me__body{padding:0 20px 20px;display:flex;flex-direction:column;gap:10px;margin-top:-42px;position:relative}
.osa-me__av .os-frame{box-shadow:0 0 0 4px var(--a-card)}
.osa-me__name{font-family:Unbounded,sans-serif;font-size:20px;font-weight:800}
.osa-me__badges{display:flex;gap:6px;flex-wrap:wrap}
.osa-slots{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}
.osa-slot{display:flex;align-items:center;gap:8px;padding:8px;border-radius:10px;border:1px solid var(--a-line);background:var(--a-card2);color:#fff;font:inherit;text-align:left;cursor:pointer;min-width:0}
.osa-slot:hover{border-color:rgba(255,189,53,.35)}
.osa-slot__img{width:28px;height:28px;border-radius:7px;flex-shrink:0;background:rgba(255,255,255,.05) center/cover no-repeat}
.osa-slot__txt{display:flex;flex-direction:column;min-width:0}.osa-slot__txt small{font-size:10px;color:var(--a-mut)}.osa-slot__txt b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* b.13.15 · Vestidor: «Mis artículos» / «Explorar artículos». [hidden] siempre gana (antes .osa .os-cositem{display:flex} anulaba el filtro) */
.osa [hidden],.osa .os-cositem[hidden],.osw [data-osw-item][hidden]{display:none!important}
.osw-views{display:flex;gap:6px;padding:4px;border-radius:14px;background:var(--a-card);border:1px solid var(--a-line);width:max-content;max-width:100%}
.osw-view{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;color:var(--a-soft);font-weight:800;font-size:14px;text-decoration:none;white-space:nowrap}
.osw-view b{font-size:11px;padding:2px 7px;border-radius:99px;background:rgba(255,255,255,.07);color:var(--a-mut)}
.osw-view.is-on{background:var(--a-card2);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,189,53,.35)}.osw-view.is-on b{background:rgba(255,189,53,.18);color:var(--a-gold2)}
.osw-panel{display:flex;flex-direction:column;gap:14px;min-width:0}
.osw-intro{margin:0}
.osw-chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.osw-chip{flex-shrink:0;display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:99px;border:1px solid var(--a-line);background:var(--a-card);color:var(--a-soft);font-size:13px;font-weight:700;text-decoration:none}
.osw-chip b{font-size:11px;color:var(--a-mut)}.osw-chip:hover{border-color:rgba(255,189,53,.35);color:#fff}
.osw-chip.is-on{background:#fff;color:#111;border-color:#fff}.osw-chip.is-on b{color:#555}
.osw-toggle{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--a-soft);cursor:pointer;width:max-content}
.osw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr));gap:14px}
.osw-card{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:16px;background:var(--a-card);border:1px solid var(--a-line);min-width:0}
.osw-card.is-own{border-color:rgba(74,222,128,.22)}.osw-card.is-eq{border-color:rgba(74,222,128,.6);box-shadow:0 0 0 1px rgba(74,222,128,.25)}
.osw-card__prev{position:relative;height:150px;border-radius:10px;background:radial-gradient(circle at 50% 40%,rgba(255,90,168,.12),transparent 70%),var(--a-card2);display:grid;place-items:center;overflow:hidden}
.osw-prev__img{max-width:86%;max-height:84%;object-fit:contain}.osw-prev__img--fondo,.osw-prev__img--banner{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover}.osw-prev__img--insignia{max-width:88px;max-height:88px}
.osw-prev__name{font-family:Unbounded,sans-serif;font-size:22px;font-weight:800;line-height:1.2;padding:0 10px;text-align:center;max-width:100%;overflow-wrap:anywhere}
.osw-card__prev .os-name.os-font.osw-prev__name{font-size:calc(26px * var(--oss,1))}
.osw-card__tags{position:absolute;top:6px;left:6px;right:6px;display:flex;flex-wrap:wrap;gap:4px;pointer-events:none}
.osw-tag{padding:2px 7px;border-radius:6px;font-size:10px;font-weight:800;letter-spacing:.04em;background:rgba(0,0,0,.7);color:#d9dce6}
.osw-tag.is-eq{background:#4ade80;color:#06210f}.osw-tag.is-own{background:rgba(74,222,128,.2);color:#9ff0bd}
.osw-card__body{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.osw-card__body strong{font-size:14px;overflow-wrap:anywhere}
.osw-card__type{font-size:12px;color:var(--a-mut)}.osw-rar{color:var(--a-gold2);font-weight:800}
.osw-how{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--a-soft);flex:1}.osw-how li::before{content:"› ";color:var(--a-gold2)}
.osw-from{font-size:11px;color:var(--a-mut)}.osw-warn{font-size:11px;color:#ffb36b}
.osw-card .os-btn{min-height:36px;font-size:13px;border-radius:9px;margin-top:auto}.osw-form{margin:auto 0 0}
.osw-empty{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:22px;border-radius:16px;border:1px dashed var(--a-line);background:var(--a-card)}
.osw-empty__act{display:flex;gap:8px;flex-wrap:wrap}
/* Vista previa */
.osw-pv{position:relative;isolation:isolate}
.osw-pv__bg{position:absolute;inset:0;z-index:-1;background:var(--pbg) center/cover no-repeat;opacity:.32}
.osw-pv.has-bg .osa-me__body{background:linear-gradient(180deg,transparent,rgba(13,15,23,.65) 140px)}
.osw-pv__badges{display:flex;gap:8px;align-items:center}
.osw-pv__badges img{width:40px;height:40px;object-fit:contain}
.osw-pv__bslot{width:40px;height:40px;border-radius:10px;border:1px dashed var(--a-line);background:transparent;color:var(--a-mut);font:inherit;font-size:18px;cursor:pointer}
.osw-pv__row{display:flex;gap:10px;align-items:center}
.osw-pv__card{height:96px;max-height:none;flex-shrink:0}
.osw-card__prev .os-cositem__card{height:86%;max-height:none}
.osw-pv__fx{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;z-index:5}
.osw-slot__multi{display:flex;gap:1px;background:none!important;width:auto;min-width:28px}.osw-slot__multi i{width:18px;height:28px;background:center/contain no-repeat}
.osa-slot.is-set{border-color:rgba(74,222,128,.25)}
.osw-note{font-size:11px;margin:0}
@media (max-width:600px){.osw-views{width:100%}.osw-view{flex:1;justify-content:center;padding:10px 8px;font-size:13px}.osw-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.osw-card{padding:8px}.osw-card__prev{height:120px}.osw-prev__name{font-size:16px}}
/* b.13.16: colores de rareza */
.osw-rar--common{color:#c3c8d4}.osw-r--common .osw-card__prev{box-shadow:inset 0 -3px 0 #c3c8d4}
.osw-rar--rare{color:#4ad9ff}.osw-r--rare .osw-card__prev{box-shadow:inset 0 -3px 0 #4ad9ff}
.osw-rar--epic{color:#b57bff}.osw-r--epic .osw-card__prev{box-shadow:inset 0 -3px 0 #b57bff}
.osw-rar--legendary{color:#ffbd35}.osw-r--legendary .osw-card__prev{box-shadow:inset 0 -3px 0 #ffbd35}
.osw-rar--mythic{color:#ff4d6d}.osw-r--mythic .osw-card__prev{box-shadow:inset 0 -3px 0 #ff4d6d}
.osw-r--mythic .osw-card__prev{box-shadow:inset 0 -3px 0 #ff4d6d,inset 0 0 24px rgba(255,77,109,.25)}
.osa-hero--empty{min-height:260px;background:radial-gradient(80% 120% at 0% 0%,rgba(255,90,168,.22),transparent 60%),radial-gradient(70% 100% at 100% 100%,rgba(255,189,53,.16),transparent 60%),#15171f}