/* 0.50: el estilo del menú y de la Tienda (Victory Road) en todas las pantallas (game.js, screen(): clase vr-theme y --vr-c, el color del
   grupo del que se viene). Lo común: fondo azul con bandas de luz, cabecera en diagonal con el color del grupo, «Volver» en placa blanca,
   pestañas inclinadas, cartera en placa y la barra de abajo con el botón principal en amarillo. La letra, la pixel del juego. Cada pantalla
   con contenido propio (Mi equipo, Colección…) tiene sus reglas más abajo */
#screen:has(>.card.vr-theme){background:linear-gradient(118deg,rgba(255,255,255,0) 0 50%,rgba(255,255,255,.08) 50% 60%,rgba(255,255,255,0) 60% 65%,rgba(255,255,255,.05) 65% 69%,rgba(255,255,255,0) 69%),radial-gradient(90% 40% at 85% 8%,rgba(0,168,255,.3),rgba(0,0,0,0) 70%),linear-gradient(170deg,var(--vr-blue),var(--vr-blue2) 72%)!important}
#screenBody.card.vr-theme{background:none!important;border:0!important;box-shadow:none!important;border-radius:0}
#screenBody.card.paged.vr-theme{padding:0;gap:8px}
/* Cabecera */
#screenBody.vr-theme>.page-heading.top{position:relative;top:auto;display:flex;align-items:center;gap:10px;margin:0;padding:12px 12px 18px;background:var(--vr-c,#ff5a1f);clip-path:polygon(0 0,100% 0,100% 76%,0 100%);border:0;box-shadow:none}
/* La cabecera de antes (.top: pegajosa y con margen negativo para comerse el relleno de la tarjeta) no se ve nunca en el estilo nuevo, tampoco en el
   primer fotograma, antes de que PageMenu la coloque: con el relleno a 0 la sacaba de la pantalla (F11 en iPhone) */
#screenBody.vr-theme .top{position:relative;top:auto;margin:0}
#screenBody.vr-theme>.page-heading h2{color:#fff;text-transform:uppercase;font-size:22px;margin:0;text-shadow:2px 2px 0 rgba(0,0,0,.25)}
#screenBody.vr-theme>.page-heading h2 .menu-icon{display:none}
#screenBody.vr-theme>.page-heading .back{border:0;background:var(--vr-plate);color:var(--vr-ink);font-size:11px;padding:4px 14px;clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);box-shadow:none;min-height:44px;width:auto}
#screenBody.vr-theme>.page-heading .back svg{width:14px;height:14px}
#screenBody.vr-theme>.page-heading .tut-icon{border:0;background:rgba(255,255,255,.22);color:#fff;clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);box-shadow:none}
/* Apaisado y poca altura (956×440): la cabecera más baja, para que el contenido de cada pantalla siga cabiendo sin desplazarse */
@media (max-height:500px){#screenBody.vr-theme>.page-heading.top{padding:3px 12px 9px}#screenBody.vr-theme>.page-heading h2{font-size:18px}}
/* Pestañas: las de cada pantalla (#tt) y las de las secciones (PageMenu) */
#screenBody.vr-theme>.view-toolbar#tt{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:6px;margin:0;padding:0 4px;background:none!important;border:0!important;box-shadow:none!important;width:auto;align-self:stretch}
#screenBody.vr-theme #tt [role=tab],#screenBody.vr-theme .section-tabs button{background:rgba(255,255,255,.13);color:#fff;border:0;border-radius:0;box-shadow:none;clip-path:polygon(8% 0,100% 0,92% 100%,0 100%);text-transform:uppercase;font-size:12px;min-height:44px;padding:6px 8px}
#screenBody.vr-theme #tt [role=tab][aria-selected=true],#screenBody.vr-theme .section-tabs button[aria-selected=true]{background:var(--vr-yel);color:var(--vr-ink)}
#screenBody.vr-theme .section-tabs{gap:6px;padding:0 4px;background:none;border:0}
/* Cartera y contenido */
#screenBody.vr-theme .runbar.wallet{align-self:flex-end;background:var(--vr-plate);color:var(--vr-ink);border:0;box-shadow:none;clip-path:polygon(6% 0,100% 0,94% 100%,0 100%);padding:3px 14px;font-size:12px;margin:0 4px}
#screenBody.vr-theme .runbar.wallet span{color:var(--vr-ink)}
#screenBody.vr-theme .page-content{padding:0 4px 4px}
#screenBody.vr-theme .page-content h3{color:#fff;text-transform:uppercase;font-size:14px;letter-spacing:0}
#screenBody.vr-theme .page-content .note{color:#d8e2ff}
/* Barra de abajo: el botón principal, una placa amarilla; los demás, placas blancas */
#screenBody.vr-theme .view-actions{border:0;padding:4px}
#screenBody.vr-theme .view-actions>.cta,#screenBody.vr-theme .view-actions .grid2>.cta{border:0;background:var(--vr-yel);color:var(--vr-ink);clip-path:polygon(3% 0,100% 0,97% 100%,0 100%);box-shadow:none;text-transform:uppercase}
#screenBody.vr-theme .view-actions>button:not(.cta),#screenBody.vr-theme .view-actions .grid2>button:not(.cta){border:0;background:var(--vr-plate);color:var(--vr-ink);clip-path:polygon(3% 0,100% 0,97% 100%,0 100%);box-shadow:none}
#screenBody.vr-theme .view-actions button:disabled{background:#c6cfe8;color:#5d6789}
/* Contenido común: listas de modos (Historia, Especiales, Cadenas), ranuras de guardado y buscadores, en placas blancas como en el menú */
#screenBody.vr-theme .page-content .mode{border:0;border-radius:0;background:var(--vr-plate);color:var(--vr-ink);clip-path:polygon(2% 0,100% 0,98% 100%,0 100%);box-shadow:none;outline-offset:-3px}
#screenBody.vr-theme .page-content .mode .mt b{color:var(--vr-ink);text-transform:uppercase}
#screenBody.vr-theme .page-content .mode .mt small,#screenBody.vr-theme .page-content .mode .arc-meta{color:var(--vr-sub)}
#screenBody.vr-theme .page-content .mode .eyebrow{color:var(--vr-c,#ff5a1f)}
#screenBody.vr-theme .page-content .mode .arc-number{color:var(--vr-c,#ff5a1f)}
#screenBody.vr-theme .page-content .mode.locked{background:#c6cfe8;color:#5d6789}
#screenBody.vr-theme .page-content .mode.locked .mt b,#screenBody.vr-theme .page-content .mode.locked .mt small{color:#5d6789}
#screenBody.vr-theme .page-content .cpl.fac{background:var(--vr-plate);color:var(--vr-ink);border:0;border-radius:0;box-shadow:none;clip-path:polygon(2% 0,100% 0,98% 100%,0 100%)}
#screenBody.vr-theme .page-content .cpl.fac .cplb b{color:var(--vr-ink);text-transform:uppercase}
#screenBody.vr-theme .page-content .cpl.fac .cst{color:var(--vr-sub)}
#screenBody.vr-theme .page-content .slot{background:var(--vr-plate);color:var(--vr-ink);border:0;border-radius:0;box-shadow:none;clip-path:polygon(2% 0,100% 0,98% 100%,0 100%)}
#screenBody.vr-theme .page-content .slot :is(b,span,small){color:var(--vr-ink)}
#screenBody.vr-theme .page-content :is(input[type=search],input[type=text],select){background:var(--vr-plate);color:var(--vr-ink);border:0;border-radius:0;box-shadow:none;clip-path:polygon(3% 0,100% 0,97% 100%,0 100%)}
#screenBody.vr-theme .page-content :is(input[type=search],input[type=text])::placeholder{color:#6b7aa6}

/* ---------- Piezas comunes con el estilo nuevo (nada del aspecto pixel de antes: sin bordes celestes, relieves ni cajas oscuras) ---------- */
/* Las variables de la piel pixel (pixel-ui.css) dentro de las pantallas: paneles azul marino translúcidos, sin borde ni relieve */
#screenBody.vr-theme,dialog.modal:not(.lay-editor),#syncDialog{--pixel-tile:rgba(6,28,87,.78);--pixel-edge:transparent;--pixel-bevel:none}
/* Botones de opción (dificultad, Ajustes…): como las pestañas, inclinados; el elegido, amarillo */
#screenBody.vr-theme .opts{background:none!important;border:0!important;box-shadow:none!important;gap:6px}
#screenBody.vr-theme .opts button{background:rgba(255,255,255,.13);color:#fff;border:0!important;border-radius:0;box-shadow:none!important;clip-path:polygon(6% 0,100% 0,94% 100%,0 100%)}
#screenBody.vr-theme .opts button[aria-pressed=true]{background:var(--vr-yel);color:var(--vr-ink)}
/* Botones secundarios del contenido (Mejor equipo, Cambiar, Ver jugadores…): placas blancas */
#screenBody.vr-theme .page-content .ghost:not(.mode):not(.pslot){background:var(--vr-plate);color:var(--vr-ink);border:0;box-shadow:none;clip-path:polygon(4% 0,100% 0,96% 100%,0 100%)}
#screenBody.vr-theme .page-content .ghost:not(.mode):not(.pslot) :is(small,span){color:var(--vr-sub)}
#screenBody.vr-theme .page-content .ghost:not(.mode):not(.pslot)[aria-pressed=true]{background:var(--vr-yel);color:var(--vr-ink)}
#screenBody.vr-theme .page-content .cta:not(.vr-cont){border:0;background:var(--vr-yel);color:var(--vr-ink);box-shadow:none;clip-path:polygon(3% 0,100% 0,97% 100%,0 100%)}
/* Campo (preparación y Mi equipo): las fichas de cada puesto en placa blanca; los huecos vacíos, translúcidos */
#screenBody.vr-theme .pitch .pslot,#screenBody.vr-theme #edBench .pslot{background:var(--vr-plate);color:var(--vr-ink);border:0;border-radius:0;box-shadow:none;clip-path:polygon(6% 0,100% 0,94% 100%,0 100%)}
#screenBody.vr-theme .pitch .pslot :is(.pr,.pn),#screenBody.vr-theme #edBench .pslot :is(.pr,.pn){color:var(--vr-ink)}
#screenBody.vr-theme .pslot.empty{background:rgba(255,255,255,.2);color:#fff;border:0}
#screenBody.vr-theme .pslot.empty :is(.pr,.pn){color:#fff}
#screenBody.vr-theme .pslot.sel{background:var(--vr-yel)}
/* Vínculos: pestaña, lista y detalle sin bordes */
#screenBody.vr-theme .bond-tabs button{background:var(--vr-yel);color:var(--vr-ink);border:0;box-shadow:none;clip-path:polygon(3% 0,100% 0,97% 100%,0 100%)}
#screenBody.vr-theme .bond-choice{background:var(--vr-plate);color:var(--vr-ink);border:0;box-shadow:none;clip-path:polygon(5% 0,100% 0,95% 100%,0 100%)}
#screenBody.vr-theme .bond-choice :is(b,small){color:var(--vr-ink)}
#screenBody.vr-theme .bond-choice[aria-pressed=true]{background:var(--vr-yel)}
#screenBody.vr-theme .bond-detail{border:0;box-shadow:none;background:rgba(6,28,87,.78)}
#screenBody.vr-theme .bond-members .bond-mem{background:var(--vr-plate);color:var(--vr-ink);border:0;box-shadow:none;clip-path:polygon(4% 0,100% 0,96% 100%,0 100%)}
#screenBody.vr-theme .bond-members .bond-mem small{color:var(--vr-sub)}
#screenBody.vr-theme .bond-members .bond-mem.missing{background:rgba(255,255,255,.2);color:#fff}
#screenBody.vr-theme .bond-members .bond-mem.missing small{color:#d8e2ff}

/* Diálogos: panel azul con una banda de color arriba y los botones como en el menú (cancelar, placa blanca; confirmar, amarilla) */
dialog.modal:not(.lay-editor),#syncDialog.paged{background:linear-gradient(170deg,#0b3a9e,#061c57 80%)!important;color:#fff;border:0!important;
  box-shadow:0 0 0 2px rgba(255,255,255,.18),8px 10px 0 rgba(2,8,30,.55)!important;border-top:8px solid var(--vr-yel)!important}
dialog.modal:not(.lay-editor) h2,#syncDialog h2{color:#fff;text-transform:uppercase;text-shadow:2px 2px 0 rgba(0,0,0,.3)}
dialog.modal:not(.lay-editor) button,#syncDialog button{border:0!important;border-radius:0!important;box-shadow:none!important;clip-path:polygon(4% 0,100% 0,96% 100%,0 100%)}
dialog.modal:not(.lay-editor) button:not(:disabled),#syncDialog button:not(:disabled){background:var(--vr-plate);color:var(--vr-ink)}
dialog.modal:not(.lay-editor) :is(.cta,.sb-ok,.fu-ok,.rn-ok,.rp-go,.nw-ok,.mk-ok,.on-ok),#syncDialog .cta{background:var(--vr-yel)!important;color:var(--vr-ink)!important}
dialog.modal:not(.lay-editor) button:disabled,#syncDialog button:disabled{background:#c6cfe8;color:#5d6789}
dialog.modal:not(.lay-editor).mk-dlg{--mk-panel:#061c57}

/* 0.50 (elegido por el usuario: «combina la B con la C»): marcador en placas, tu equipo en azul y el rival en rojo, inclinadas hacia fuera;
   en medio, el resultado en un tablero de bombillas con los goles en naranja encendido; debajo, el reloj en rojo de luz */
.hud .score{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;clip-path:none;padding:0 0 19px!important;gap:0!important;position:relative;filter:drop-shadow(3px 5px 0 rgba(2,8,30,.45))}
.hud .score .team{color:#fff!important;padding:7px 12px;text-transform:uppercase;letter-spacing:.5px;text-shadow:2px 2px 0 rgba(0,0,0,.45)}
.hud .score .team:first-child{background:#2a4fd6;clip-path:polygon(6% 0,100% 0,100% 100%,0 100%)}
.hud .score .team:nth-child(3){background:#e8304a;clip-path:polygon(0 0,94% 0,100% 100%,0 100%)}
.hud .score .goals{background:radial-gradient(circle,#262626 1.2px,transparent 1.6px) 0 0/5px 5px,#0a0a0a!important;color:#ffae2e!important;font-size:24px!important;padding:2px 12px;border-top:3px solid #3a3a3a;border-bottom:3px solid #3a3a3a;text-shadow:0 0 6px rgba(255,150,30,.85);letter-spacing:2px}
.hud .score .clock{position:absolute;left:50%;bottom:0;transform:translateX(-50%);background:#0a0a0a!important;color:#ff3b3b!important;border:2px solid #3a3a3a!important;padding:0 10px!important;margin:0!important;font-size:12px;line-height:15px;text-shadow:0 0 5px rgba(255,60,60,.8)}
.hud .player-hud,.hud .tension-hud{background:rgba(6,28,87,.82)!important;border:0!important;border-radius:0!important;box-shadow:none!important;clip-path:polygon(3% 0,100% 0,97% 100%,0 100%)}
/* Fichas del campo: sus etiquetas, sin la caja oscura de antes; banquillo vacío, translúcido; ficha del jugador sin marco celeste */
#screenBody.vr-theme .pslot :is(.pr,.pn){background:none!important;border:0!important;box-shadow:none!important;text-shadow:none}
#screenBody.vr-theme .pitch .pslot.empty,#screenBody.vr-theme #edBench .pslot.empty{background:rgba(255,255,255,.2);color:#fff}
#screenBody.vr-theme .pitch .pslot.empty :is(.pr,.pn),#screenBody.vr-theme #edBench .pslot.empty :is(.pr,.pn){color:#fff}
#screenBody.vr-theme .pitch{border-color:rgba(255,255,255,.35)!important;box-shadow:none!important}
#screenBody.vr-theme .pp{border:0;box-shadow:4px 5px 0 rgba(2,8,30,.45)}
#screenBody.vr-theme .pp-dupacts button{border:0!important;box-shadow:none!important;border-radius:0;background:var(--vr-yel);color:var(--vr-ink);clip-path:polygon(4% 0,100% 0,96% 100%,0 100%)}
#screenBody.vr-theme .pp-dupacts button:disabled{background:#c6cfe8;color:#5d6789}
#screenBody.vr-theme .pp-dupacts button small{color:inherit}
/* Mi equipo: las fichas de formación (fcard), en placa blanca; la elegida, amarilla; los huecos, translúcidos */
#screenBody.vr-theme #ed.tok-ed :is(#edPitch .pslot.fcard,.bench .bslot.fcard){background:var(--vr-plate);border:0;color:var(--vr-ink);box-shadow:none;clip-path:polygon(5% 0,100% 0,95% 100%,0 100%)}
#screenBody.vr-theme #ed.tok-ed :is(#edPitch .pslot.fcard,.bench .bslot.fcard) .pn{color:var(--vr-ink)}
#screenBody.vr-theme #ed.tok-ed #edPitch .pslot.fcard.sel{background:var(--vr-yel);border:0;box-shadow:none}
#screenBody.vr-theme #ed.tok-ed :is(#edPitch .pslot.fcard.empty,.bench .bslot.fcard.empty){background:rgba(255,255,255,.2);border:0;color:#fff}
#screenBody.vr-theme #ed.tok-ed :is(#edPitch .pslot.fcard.empty,.bench .bslot.fcard.empty) .pn{color:#fff}

/* Partido: el resultado sin caja oscura; controles, minimapa, técnica y avisos sin borde de antes, en placas inclinadas */
#controllerHints,.kh-keys,#matchRadar,#pauseBtn{border:0!important;box-shadow:none!important;background:rgba(6,28,87,.82)!important;clip-path:polygon(3% 0,100% 0,97% 100%,0 100%)}
#pauseBtn{background:var(--vr-plate)!important;color:var(--vr-ink)!important}
.kh-tech{border:0!important;box-shadow:none!important;clip-path:polygon(5% 0,100% 0,95% 100%,0 100%)}
.toast{background:var(--vr-plate)!important;color:var(--vr-ink)!important;border:0!important;box-shadow:4px 5px 0 rgba(2,8,30,.45)!important;clip-path:polygon(4% 0,100% 0,96% 100%,0 100%)}
/* Banderas junto a cada idioma (Ajustes y bienvenida) */
.lang-flag{display:inline-flex;vertical-align:middle;margin-right:7px}
.lang-flag svg{width:24px;height:16px;box-shadow:0 0 0 1px rgba(0,0,0,.35)}