:root{--bg:#0B0B0F;--s1:#16161D;--s2:#20202A;--ln:#2C2C38;--tx:#F4F4F6;--mu:#A3A3B2;--ac:#E2445C;--acf:#C42F48;--ok:#38C98A}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--tx);font:15px/1.5 'Manrope',system-ui,sans-serif}
a{color:inherit;text-decoration:none}
h1,h2,h3,.disp{font-family:'Chakra Petch',sans-serif;font-weight:700;margin:0;line-height:1.1}
h1{font-size:34px}h2{font-size:24px}
.wrap{max-width:1280px;margin:0 auto;padding:24px 24px 56px}
.top{background:#111117;border-bottom:1px solid #23232D;position:sticky;top:0;z-index:5}
.top .in{max-width:1280px;margin:0 auto;padding:12px 24px;display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center}
.logo{display:flex;align-items:center;gap:10px;font-family:'Chakra Petch',sans-serif;font-weight:700;font-size:21px;letter-spacing:.04em}
.logo i{width:36px;height:36px;border-radius:10px;background:var(--acf);display:flex;align-items:center;justify-content:center}
.logo b{color:var(--ac)}
.search{flex:1 1 220px;max-width:480px;display:flex;align-items:center;gap:8px;height:44px;padding:0 14px;border-radius:12px;background:var(--s1);border:1px solid var(--ln);color:var(--mu)}
.search input{flex:1;min-width:0;height:40px;background:none;border:0;outline:0;color:var(--tx);font:inherit;padding:0}
.nav{display:flex;flex-wrap:wrap;gap:6px 18px;margin-left:auto;font-weight:600;align-items:center}
.nav a.on{color:var(--ac)}
.nav .u{color:var(--mu);font-weight:500;font-size:13px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;border-radius:12px;border:1px solid var(--ln);background:var(--s1);color:var(--tx);font:600 14px 'Manrope',sans-serif;cursor:pointer;white-space:nowrap}
.btn:hover{border-color:#44445a}
.btn-p{background:var(--acf);border-color:var(--acf);color:#fff}
.btn-p:hover{background:#d13651;border-color:#d13651}
.btn-lg{height:54px;padding:0 30px;border-radius:27px;font-size:16px}
.btn-s{height:34px;padding:0 12px;border-radius:9px;font-size:13px}
.btn-d{color:#ff9aab}
.lbl{font-size:12px;font-weight:700;color:var(--mu);text-transform:uppercase;letter-spacing:.08em}
.muted{color:var(--mu)}
.card{background:var(--s1);border:1px solid var(--ln);border-radius:18px;padding:20px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:22px 18px}
.cover{aspect-ratio:3/4;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:12px;position:relative}
.cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cover .tag{position:relative;align-self:flex-start;font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px;background:rgba(0,0,0,.6);color:#fff}
.cover .tt{position:relative;font-family:'Chakra Petch',sans-serif;font-weight:700;font-size:20px;line-height:1.05;color:#fff;word-break:break-word}
.gm{display:flex;flex-direction:column;gap:6px;min-width:0}
.gm .n{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gm .c{font-size:13px;color:var(--mu);margin-top:-4px}
.gm:hover .cover,.gm:focus .cover{outline:3px solid #fff;outline-offset:3px}
.consolas{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.cons{height:170px;border-radius:20px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;color:#fff}
.cons .c{font-family:'Chakra Petch',sans-serif;font-weight:700;font-size:46px;line-height:1}
.cons:hover,.cons:focus{outline:3px solid #fff;outline-offset:3px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{height:36px;padding:0 14px;border-radius:18px;border:1px solid var(--ln);background:var(--s1);display:inline-flex;align-items:center;font-weight:600;font-size:13px}
.chip.on{background:var(--tx);color:var(--bg);border-color:var(--tx)}
.sec{display:flex;flex-direction:column;gap:14px;margin-top:32px}
.cont{display:flex;flex-wrap:wrap;gap:18px 24px;align-items:center}
.pill{font-size:13px;font-weight:700;padding:6px 11px;border-radius:9px;background:var(--s2)}
.slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
.slot{display:flex;flex-direction:column;gap:6px}
.slot .im{aspect-ratio:4/3;border-radius:12px;background:#2A2550;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#C9C9D4;font-size:13px}
.slot .im img{width:100%;height:100%;object-fit:cover}
.slot:hover .im{outline:3px solid #fff;outline-offset:3px}
.alert{padding:12px 16px;border-radius:12px;background:#2A1A20;border:1px solid #6b2433;color:#ffb3c0}
.okmsg{padding:12px 16px;border-radius:12px;background:#13261D;border:1px solid #1F5A3E;color:#A8D9C1}
input[type=text],input[type=password],input[type=number],input[type=search],input[type=url],select,textarea{width:100%;height:44px;padding:0 12px;border-radius:10px;border:1px solid var(--ln);background:#0F0F15;color:var(--tx);font:inherit}
textarea{height:auto;padding:10px 12px;min-height:90px;resize:vertical}
input[type=file]{color:var(--mu);font:inherit}
label.f{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:14px}
label.k{display:flex;gap:10px;align-items:center;font-weight:600;font-size:14px}
.login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}
.login form{width:100%;max-width:400px;display:flex;flex-direction:column;gap:16px}
.det{display:flex;flex-wrap:wrap;gap:40px}
.det .cv{flex:0 1 340px}
.det .info{flex:999 1 420px;min-width:0;display:flex;flex-direction:column;gap:18px}
.empty{padding:40px 20px;text-align:center;color:var(--mu);border:1px dashed var(--ln);border-radius:16px}
.pag{display:flex;gap:8px;justify-content:center;margin-top:28px}
/* reproductor */
.player{position:fixed;inset:0;background:#000;display:flex;flex-direction:column}
.pbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:8px 12px;background:#111117;border-bottom:1px solid #23232D;position:relative}
.pbar .sp{flex:1}
.pbar .t{font-family:'Chakra Petch',sans-serif;font-weight:700;font-size:17px}
#juego-wrap{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;position:relative}
#juego{width:100%;height:100%;max-width:100%;max-height:100%}
#juego-wrap:fullscreen{background:#000}
#juego-wrap:fullscreen #juego{width:100%!important;height:100%!important}
.aviso{position:fixed;inset:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:50;padding:20px}
.aviso[hidden],.menu[hidden]{display:none}
.aviso .card{max-width:440px;display:flex;flex-direction:column;gap:14px}
.menu{position:absolute;top:58px;right:12px;background:var(--s1);border:1px solid var(--ln);border-radius:14px;padding:8px;display:flex;flex-direction:column;gap:2px;z-index:40;min-width:240px}
.menu button{height:42px;border:0;background:none;color:var(--tx);text-align:left;padding:0 12px;border-radius:9px;font:600 14px 'Manrope',sans-serif;cursor:pointer}
.menu button:hover{background:var(--s2)}
.toast{font-size:13px;color:#A8D9C1}
/* admin */
.adm{display:flex;min-height:100vh}
.side{width:230px;flex-shrink:0;background:#111117;border-right:1px solid #23232D;padding:20px 14px;display:flex;flex-direction:column;gap:4px}
.side .logo{margin:0 6px 18px}
.side a.it{padding:10px 12px;border-radius:10px;font-weight:600;color:#C9C9D4}
.side a.it:hover{background:var(--s2);color:#fff}
.side a.on{background:var(--s2);color:var(--ac)}
.amain{flex:1;min-width:0;padding:28px 32px 56px;display:flex;flex-direction:column;gap:22px}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}
.stat .v{font-family:'Chakra Petch',sans-serif;font-size:34px;font-weight:700}
table.t{width:100%;border-collapse:collapse;font-size:14px}
.t th{text-align:left;font-size:12px;color:var(--mu);text-transform:uppercase;letter-spacing:.06em;padding:10px;border-bottom:1px solid var(--ln);white-space:nowrap}
.t td{padding:9px 10px;border-bottom:1px solid #23232D;vertical-align:middle}
.t tr:hover td{background:#13131a}
.tw{overflow-x:auto}
.thumb{width:40px;height:53px;border-radius:6px;object-fit:cover;background:var(--s2);display:block}
.dot{display:inline-block;width:9px;height:9px;border-radius:5px;background:var(--ok);margin-right:6px}
.row{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}
.row>*{flex:1 1 180px}
.row>.btn,.row>button{flex:0 0 auto}
.badge{display:inline-block;font-size:12px;font-weight:700;padding:3px 8px;border-radius:6px;background:var(--s2);white-space:nowrap}
.b-ok{background:#13261D;color:#A8D9C1}.b-no{background:#2A1A20;color:#ffb3c0}.b-w{background:#2b2412;color:#f2d18b}
.res{max-height:340px;overflow:auto;font-size:13px;display:flex;flex-direction:column;gap:3px}
.res .e{color:#ffb3c0}.res .o{color:#A8D9C1}
.tabs{display:flex;flex-wrap:wrap;gap:8px}
.hint{font-size:13px;color:var(--mu)}
code{background:#0F0F15;border:1px solid var(--ln);border-radius:6px;padding:1px 6px;font-size:13px}
@media(max-width:820px){.adm{flex-direction:column}.side{width:auto;flex-direction:row;flex-wrap:wrap;border-right:0;border-bottom:1px solid #23232D}.side .logo{width:100%}.amain{padding:20px 16px}.wrap{padding:18px 16px 40px}}
.hero{height:340px;background-size:cover;background-position:center 30%;position:relative}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,11,15,.35),var(--bg))}
.sobre-hero{margin-top:-170px;position:relative;z-index:1}
.pill.nota{background:#13261D;color:#A8D9C1}
.tira{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px}
.tira img{height:180px;border-radius:12px;flex:0 0 auto}
.barra{height:10px;border-radius:5px;background:var(--s2);overflow:hidden}
.barra i{display:block;height:100%;background:var(--ac);width:0}
.drop{border:2px dashed var(--ln);border-radius:16px;padding:26px;text-align:center;color:var(--mu)}
.drop.on{border-color:var(--ac);color:var(--tx)}
.sel{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--mu)}
.sel select{width:auto;height:34px;padding:0 8px;border-radius:9px;font-size:13px}
.carrusel{position:relative;height:min(62vh,560px);overflow:hidden;background:#000}
.slide{position:absolute;inset:0;background-size:cover;background-position:center 25%;opacity:0;transition:opacity .8s}
.slide.on{opacity:1;z-index:1}
.slide::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,11,15,.92) 0%,rgba(11,11,15,.55) 45%,rgba(11,11,15,.1) 75%),linear-gradient(0deg,var(--bg) 0%,transparent 35%)}
.slide-in{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:flex-end;gap:12px;padding-bottom:90px!important}
.slide-in h1{font-size:clamp(30px,5vw,56px);max-width:760px}
.slide-in .muted{max-width:620px}
.puntos{position:absolute;z-index:3;left:50%;transform:translateX(-50%);bottom:60px;display:flex;gap:8px}
.puntos button{width:10px;height:10px;border-radius:5px;border:0;background:rgba(255,255,255,.35);cursor:pointer;padding:0}
.puntos button.on{width:28px;background:var(--ac)}
.tras-carrusel{margin-top:-40px;position:relative;z-index:4}
.fila{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(140px,165px);gap:16px;overflow-x:auto;padding:4px 4px 10px;scroll-snap-type:x proximity}
.fila>*{scroll-snap-align:start}
.fila::-webkit-scrollbar{height:8px}.fila::-webkit-scrollbar-thumb{background:#2c2c38;border-radius:4px}
.fila-ancha{grid-auto-columns:minmax(280px,340px)}
.fila-cab{display:flex;align-items:center;justify-content:space-between}
.ver{font-size:13px;font-weight:700;color:var(--ac)}
.cont-card{position:relative;height:170px;border-radius:16px;overflow:hidden;background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:space-between;padding:14px}
.cont-card::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.85),rgba(0,0,0,.15))}
.cont-card>*{position:relative}
.cont-card .tag{align-self:flex-start;font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px;background:rgba(0,0,0,.6);color:#fff}
.cc-txt{display:flex;flex-direction:column}.cc-txt b{font-size:17px}.cc-txt span{font-size:13px;color:#d0d0da}
.cc-play{position:absolute!important;right:14px;bottom:14px;width:42px;height:42px;border-radius:21px;background:var(--acf);display:flex;align-items:center;justify-content:center}
.cont-card:hover,.cons2:hover{outline:3px solid #fff;outline-offset:3px}
.consolas2{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.cons2{position:relative;height:150px;border-radius:18px;overflow:hidden;background-color:var(--c);background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:space-between;padding:18px;color:#fff}
.cons2::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,var(--c) 0%,color-mix(in srgb,var(--c) 70%,transparent) 45%,rgba(0,0,0,.25) 100%)}
.cons2>*{position:relative}
.c2{font-family:'Chakra Petch',sans-serif;font-weight:700;font-size:40px;line-height:1;text-shadow:0 2px 10px rgba(0,0,0,.35)}
.n2{display:flex;flex-direction:column}.n2 b{font-size:17px}.n2 span{font-size:13px;opacity:.9}
.cons-hero{position:relative;background-color:var(--c);background-size:cover;background-position:center 30%;padding:56px 0 34px}
.cons-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--c) 0%,color-mix(in srgb,var(--c) 60%,transparent) 50%,rgba(11,11,15,.4) 100%),linear-gradient(0deg,var(--bg),transparent 60%)}
.cons-hero .wrap{position:relative;padding-top:0;padding-bottom:0;display:flex;flex-direction:column;gap:6px}
.cons-hero .muted{color:#e6e6ee}
@media(max-width:700px){.carrusel{height:52vh}.slide-in{padding-bottom:70px!important}.cons2{height:120px}.c2{font-size:32px}}
.top{background:rgba(17,17,23,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.slide-in .pill{align-self:flex-start;background:rgba(0,0,0,.55);backdrop-filter:blur(6px)}
.con-logo img{max-width:min(520px,80vw);max-height:170px;object-fit:contain;object-position:left bottom;filter:drop-shadow(0 6px 18px rgba(0,0,0,.6));display:block}
.hero{display:flex;align-items:center;justify-content:flex-end}
.hero-logo{position:relative;z-index:1;max-width:38%;max-height:150px;object-fit:contain;margin-right:6%;margin-top:-60px;filter:drop-shadow(0 6px 18px rgba(0,0,0,.65))}
.gm .cover{transition:transform .18s ease, box-shadow .18s ease}
.gm:hover .cover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(0,0,0,.5)}
.cons2,.cont-card{transition:transform .18s ease}
.cons2:hover,.cont-card:hover{transform:translateY(-3px)}
/* login */
.login2{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;gap:72px;padding:32px;overflow:hidden;flex-wrap:wrap}
.muro{position:absolute;inset:-10%;display:flex;gap:16px;transform:rotate(-8deg);opacity:.55}
.muro-col{flex:1;display:flex;flex-direction:column;gap:16px;animation:subir 90s linear infinite}
.muro-col.baja{animation-name:bajar}
.muro-col img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:14px}
@keyframes subir{from{transform:translateY(0)}to{transform:translateY(-50%)}}
@keyframes bajar{from{transform:translateY(-50%)}to{transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.muro-col{animation:none}}
.login-velo{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 50%,rgba(11,11,15,.55) 0%,rgba(11,11,15,.92) 60%),linear-gradient(90deg,rgba(11,11,15,.95) 0%,rgba(11,11,15,.6) 55%,rgba(11,11,15,.85) 100%)}
.login-lado{position:relative;max-width:560px;display:flex;flex-direction:column;gap:18px}
.login-lado h1{font-size:clamp(32px,4vw,48px)}
.login-lado p{margin:0;color:#c9c9d4;font-size:17px;line-height:1.6}
.logo.grande{font-size:30px}.logo.grande i{width:52px;height:52px;border-radius:14px}
.chip-c{font-family:'Chakra Petch',sans-serif;font-weight:700;font-size:13px;padding:6px 12px;border-radius:9px;background:var(--c);color:#fff}
.login-card{position:relative;width:100%;max-width:420px;display:flex;flex-direction:column;gap:16px;padding:32px;border-radius:24px;background:rgba(22,22,29,.78);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 30px 80px rgba(0,0,0,.55)}
.campo{display:flex;flex-direction:column;gap:7px;font-weight:600;font-size:14px}
.campo .in{display:flex;align-items:center;gap:10px;height:50px;padding:0 14px;border-radius:12px;background:#0F0F15;border:1px solid var(--ln);color:var(--mu)}
.campo .in:focus-within{border-color:var(--ac);box-shadow:0 0 0 3px rgba(226,68,92,.2)}
.campo input{flex:1;min-width:0;height:46px;border:0;background:none;outline:0;color:var(--tx);font:inherit;font-size:15px;padding:0}
.ojo{border:0;background:none;color:var(--mu);cursor:pointer;padding:4px;display:flex}
@media(max-width:900px){.login-lado{display:none}.login2{gap:0}}
.avatar{width:64px;height:64px;border-radius:32px;background:var(--acf);display:flex;align-items:center;justify-content:center;font:700 30px 'Chakra Petch',sans-serif}
.insignias{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.ins{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:14px;background:var(--s1);border:1px solid var(--ln);opacity:.65}
.ins.on{opacity:1;border-color:#6b2433;background:linear-gradient(135deg,#2A1A20,var(--s1))}
.ins-ic{width:40px;height:40px;flex:0 0 40px;border-radius:20px;background:var(--s2);display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--mu)}
.ins.on .ins-ic{background:var(--acf);color:#fff}
.calor{border-collapse:separate;border-spacing:3px;font-size:11px}
.calor th{color:var(--mu);font-weight:600;padding:2px 4px}
.calor td{width:30px;height:26px;border-radius:5px;text-align:center;color:#fff}
.barras{display:flex;align-items:flex-end;gap:3px;height:150px}
.barras div{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;min-width:6px}
.barras i{display:block;width:100%;background:var(--ac);border-radius:4px 4px 0 0}
.barras span{font-size:9px;color:var(--mu);margin-top:3px}
.online-hero{display:flex;flex-wrap:wrap;gap:22px;align-items:center;background:linear-gradient(120deg,#2A1A20,var(--s1) 60%);border-color:#6b2433}
.qr-login{display:flex;flex-direction:column;gap:14px}
.qr-login[hidden]{display:none}
.sep{display:flex;align-items:center;gap:10px;color:var(--mu);font-size:13px}
.sep::before,.sep::after{content:"";flex:1;height:1px;background:var(--ln)}
.filtros{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:14px}
.filtros input[type=search]{flex:1 1 260px;width:auto}
.filtros select{width:auto;flex:0 1 200px}
.teclas{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin:16px 0}
.tk{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--s2);border-radius:12px;padding:10px 12px}
.tk .tb{font:700 16px 'Chakra Petch',sans-serif}
.tk .tc{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}
kbd{display:inline-block;min-width:28px;padding:4px 7px;border-radius:7px;background:#fff;color:#111;font:700 13px 'Manrope',sans-serif;text-align:center;box-shadow:0 3px 0 #9a9aa8}
.lado-tec{position:absolute;top:50%;transform:translateY(-50%);width:190px;display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:16px;background:rgba(20,20,27,.82);border:1px solid rgba(255,255,255,.08);pointer-events:none;z-index:3}
.lado-tec[hidden]{display:none}
.lado-tec.izq{left:12px}.lado-tec.der{right:12px}
.lt-tit{font:700 12px 'Manrope',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--mu)}
.lt{display:flex;align-items:center;justify-content:space-between;gap:8px}
.lt .ln{font:700 15px 'Chakra Petch',sans-serif}
.lt .lk{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end;max-width:120px}
.lt kbd{min-width:24px;padding:3px 6px;font-size:12px}
.lt.col{flex-direction:column;align-items:center;gap:6px}
.cruz-k{display:grid;grid-template-columns:repeat(3,auto);gap:4px;justify-content:center}
.cruz-k .ku{grid-column:2;grid-row:1}
.cruz-k kbd:nth-child(2){grid-row:2;grid-column:1}.cruz-k kbd:nth-child(3){grid-row:2;grid-column:2}.cruz-k kbd:nth-child(4){grid-row:2;grid-column:3}
.cruz-k kbd{min-width:28px}
.aviso .card{max-height:92vh;overflow:auto}
@media (max-height:520px), (max-width:600px){#avOnline #qrOn{display:none}#avOnline .card{gap:10px;padding:16px}#avOnline .muted{font-size:13px}#invLista{max-height:none}}
/* marcos alrededor del juego */
#juego[data-marco="tv"]{box-sizing:content-box;padding:34px 34px 56px;border-radius:38px;background:linear-gradient(145deg,#5a4630,#3a2c1d 55%,#2a2014);box-shadow:inset 0 0 0 3px #1c150e,0 20px 60px rgba(0,0,0,.6)}
#juego[data-marco="tv"] canvas{border-radius:26px/22px}
#juego[data-marco="arcade"]{box-sizing:content-box;padding:70px 26px 40px;border-radius:14px;background:linear-gradient(180deg,#1b1b2e,#0d0d16);box-shadow:inset 0 0 0 4px #2b2b48,0 0 0 6px #111,0 0 40px rgba(226,68,92,.35)}
.marco-tit{display:none}
#juego-wrap:has(#juego[data-marco="arcade"]) .marco-tit{display:block;position:absolute;z-index:2;white-space:nowrap;max-width:90%;overflow:hidden;text-overflow:ellipsis;font:700 22px 'Chakra Petch',sans-serif;color:#fff;text-shadow:0 0 12px #E2445C,0 0 24px #E2445C;letter-spacing:.06em}