/* Estilo «pegatina» para la portada y las normas: el mismo que el panel del juego.
   Esquinas rectas, borde negro grueso, sombra dura, botones inclinados con el texto recto
   y cajas con la franja holográfica arriba. */

/* nada redondeado */
body *:not(img,svg,svg *,input[type=radio],input[type=checkbox],.caret){border-radius:0!important}

/* ---------- botones ---------- */
:is(.boton,.idioma,.chip-div button,.ejemplos button,.opciones button,.pestanas button,.frase-cierre button,.pie-grande,.web-btn,.btn,.btn2,.btn3){
  position:relative;isolation:isolate;background:none!important;border:0!important;box-shadow:none!important;transition:transform .1s}
:is(.boton,.idioma,.chip-div button,.ejemplos button,.opciones button,.pestanas button,.frase-cierre button,.pie-grande,.web-btn,.btn,.btn2,.btn3)::before{
  content:"";position:absolute;inset:0;z-index:-1;transform:skewX(-9deg);background:#2a2927;border:2.5px solid #0b0b0a;box-shadow:3px 3px 0 #0b0b0a;transition:background-color .15s,box-shadow .1s}
:is(.boton,.idioma,.chip-div button,.ejemplos button,.opciones button,.pestanas button,.frase-cierre button,.pie-grande,.web-btn,.btn,.btn2,.btn3):hover{transform:translate(-1px,-1px)}
:is(.boton,.idioma,.chip-div button,.ejemplos button,.opciones button,.pestanas button,.frase-cierre button,.pie-grande,.web-btn,.btn,.btn2,.btn3):active{transform:translate(2px,2px)}
:is(.idioma,.chip-div button,.ejemplos button,.opciones button,.pestanas button,.btn2):hover::before{background:#353431}
/* principales: lima con letra de pegatina */
:is(.boton,.frase-cierre button,.pie-grande,.btn,.btn3){color:#0b0b0a!important;font-style:italic!important;font-weight:900!important;font-family:var(--cifra,"Anybody",sans-serif)!important;text-transform:uppercase;letter-spacing:.01em}
:is(.boton,.frase-cierre button,.pie-grande,.btn,.btn3)::before{background:var(--acento,#cef431);box-shadow:4px 4px 0 #0b0b0a,4px 4px 0 2.5px rgba(206,244,49,.35)}
:is(.boton,.frase-cierre button,.pie-grande,.btn,.btn3):hover::before{background:#dcff4a}
.pie-grande{display:inline-block;padding:.05em .35em}
/* la opción elegida, en lima */
:is(.chip-div button,.opciones button,.pestanas button)[aria-checked=true],:is(.chip-div button,.opciones button,.pestanas button)[aria-selected=true]{color:#0b0b0a!important}
:is(.chip-div button,.opciones button,.pestanas button):is([aria-checked=true],[aria-selected=true])::before{background:var(--acento,#cef431)!important;box-shadow:3px 3px 0 #0b0b0a,3px 3px 0 2.5px rgba(206,244,49,.35)}
:is(.chip-div button,.opciones button,.pestanas button):is([aria-checked=true],[aria-selected=true]) :is(span,small,b,i){color:#0b0b0a!important}
.chip-div,.opciones,.pestanas{gap:10px!important}
.chip-div{background:none!important;padding:0 4px 4px 0!important}

/* ---------- cajas ---------- */
:is(.chip,.ficha-club,.demo,.subasta,.f-pic,.marco,.zonas-cuerpo,.web-caja,.tabla-web,.guia-caja){
  border:2.5px solid #0b0b0a!important;box-shadow:5px 5px 0 #0b0b0a!important}
:is(.pista,.mandos,.chip,.ficha-club){background:linear-gradient(90deg,#ff7257,#cef431,#5ee0c8,#8c7bff,#ff7257) top/100% 4px no-repeat,#201f1d!important}
.demo{gap:0!important;background:#0b0b0a}
.pista{border-right:2.5px solid #0b0b0a}
.marco{box-shadow:6px 6px 0 #0b0b0a,0 40px 80px -30px rgba(0,0,0,.8)!important}
.marco-barra{border-bottom:2.5px solid #0b0b0a}
/* la barra de la semana: bloques de color con borde negro */
.barra{border:2.5px solid #0b0b0a;box-shadow:5px 5px 0 #0b0b0a;gap:0!important}
.barra>*+*{border-left:2.5px solid #0b0b0a}
/* filas de la carrera de prueba */
.calle{box-shadow:2px 2px 0 #0b0b0a}
.calle.yo{box-shadow:inset 3px 0 0 var(--acento,#cef431),2px 2px 0 #0b0b0a}
.via{border:1.5px solid #0b0b0a}
/* tablas */
table{border:2.5px solid #0b0b0a;box-shadow:4px 4px 0 #0b0b0a}

/* ---------- campos ---------- */
:is(select,input:not([type=radio],[type=checkbox],[type=range]),textarea){border:2.5px solid #0b0b0a!important;background:#141413!important;color:inherit;box-shadow:inset 2px 2px 0 rgba(0,0,0,.45),3px 3px 0 #0b0b0a!important}
:is(select,input,textarea):focus{outline:0;border-color:var(--acento,#cef431)!important}
.linea-escribe input{box-shadow:none!important;border-width:0 0 2.5px!important;background:none!important}
input[type=range]{-webkit-appearance:none;appearance:none;height:12px;background:#141413;border:2px solid #0b0b0a;box-shadow:2px 2px 0 #0b0b0a}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:22px;background:var(--acento,#cef431);border:2.5px solid #0b0b0a;transform:skewX(-10deg);box-shadow:2px 2px 0 #0b0b0a;cursor:pointer}
input[type=range]::-moz-range-thumb{width:16px;height:20px;background:var(--acento,#cef431);border:2.5px solid #0b0b0a;box-shadow:2px 2px 0 #0b0b0a;cursor:pointer}

/* ---------- normas ---------- */
nav.indice{border:2.5px solid #0b0b0a!important;box-shadow:5px 5px 0 #0b0b0a!important;background:linear-gradient(90deg,#ff7257,#cef431,#5ee0c8,#8c7bff,#ff7257) top/100% 4px no-repeat,#201f1d!important;padding-top:14px!important}
nav.indice a{position:relative;isolation:isolate;background:none!important;font:italic 800 .82rem/1.2 var(--cifra,"Anybody",sans-serif);text-transform:uppercase;letter-spacing:.01em}
nav.indice a::before{content:"";position:absolute;inset:0;z-index:-1;transform:skewX(-8deg);border:2.5px solid transparent;transition:background-color .12s}
nav.indice a:hover::before{background:#2a2927;border-color:#0b0b0a;box-shadow:3px 3px 0 #0b0b0a}
nav.indice a.activo{color:#0b0b0a!important}
nav.indice a.activo::before{background:var(--acento,#cef431);border-color:#0b0b0a;box-shadow:3px 3px 0 #0b0b0a}
.docs table,.tabla{background:#1b1a18}
.docs table th{background:#232220}