/* Palabra Cadabra · diseños alternativos. El diseño "caja" es el base de index.html;
   aquí cada tema solo pisa lo que cambia. Se activa con <html data-tema="…">. */

.temas{display:flex;gap:6px;margin:0 0 16px;flex-wrap:wrap}
.temas button{flex:1 1 30%;min-width:70px;font-family:var(--f-cond);font-weight:700;text-transform:uppercase;letter-spacing:.08em;
  font-size:12.5px;padding:8px 6px;border-radius:9px;color:var(--crema);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--crema) 30%,transparent)}
.temas button[aria-pressed="true"]{background:var(--mostaza);color:var(--noche);box-shadow:none}

/* ═════ 2 · NEÓN: arcade electrónico ═════ */
[data-tema="neon"]{
  --noche:#07060f; --plastico:#15122b; --plastico-osc:#0c0a1c; --plastico-luz:#1e1a3d;
  --naranja:#ff2e88; --mostaza:#19e6ff; --crema:#e9e8ff; --tinta:#07060f; --apagado:#8a86b8;
  --f-tit:"Press Start 2P",monospace; --f-cond:"Share Tech Mono",monospace; --f-txt:"Share Tech Mono",monospace;
  body{background-color:#07060f;background-image:
    radial-gradient(ellipse 80% 45% at 50% 0,rgba(255,46,136,.28),transparent 70%),
    linear-gradient(rgba(25,230,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(25,230,255,.07) 1px,transparent 1px);
    background-size:auto,28px 28px,28px 28px}
  .franjas{background:linear-gradient(#ff2e88 0 33%,#19e6ff 33% 66%,#ffe14a 66%);box-shadow:0 0 18px #ff2e88}
  .titulo{font-size:clamp(24px,10.6vw,58px);line-height:1.25;color:#19e6ff;text-shadow:0 0 14px #19e6ff,3px 3px 0 #ff2e88}
  .titulo span{color:#ff2e88;text-shadow:0 0 14px #ff2e88,3px 3px 0 #19e6ff;padding-left:0}
  .lema{letter-spacing:.08em}
  .modos{border-radius:4px;box-shadow:inset 0 0 0 1px rgba(25,230,255,.4)}
  .modos button{border-radius:3px;font-size:15px}
  .modos button[aria-pressed="true"]{background:#ff2e88;color:#fff;box-shadow:0 0 14px #ff2e88}
  .tab{border-radius:4px;background:#15122b;box-shadow:inset 0 0 0 1px #19e6ff,0 0 14px rgba(25,230,255,.25)}
  .tab b{font-size:13px;line-height:1.4} .tab em{color:#c9c6f2;font-size:12px} .tab .dato{color:#8a86b8}
  .tab .puntos i{border-radius:2px;background:#19e6ff;box-shadow:0 0 8px #19e6ff}
  .tab:disabled{filter:none;opacity:.42} .tab:disabled .puntos i{background:#2a2750;box-shadow:none}
  .btn{border-radius:4px;font-size:13px;line-height:1.5;color:#fff;background:#ff2e88;box-shadow:0 0 18px #ff2e88,0 4px 0 #8f0f47}
  .btn:active{box-shadow:0 0 8px #ff2e88}
  .btn.sec{font-size:14px;color:#19e6ff;background:transparent;box-shadow:inset 0 0 0 1px #19e6ff}
  .chip{border-radius:3px;color:#19e6ff;background:transparent;box-shadow:inset 0 0 0 1px rgba(25,230,255,.6)}
  .chip.alerta{background:#ff2e88;color:#fff}
  .barra h2{font-size:10.5px;line-height:1.5} #fin h3{font-size:15px;line-height:1.5}
  .centro h3{font-size:clamp(15px,5vw,24px);line-height:1.5;color:#19e6ff;text-shadow:0 0 12px #19e6ff}
  details.reglas p,details.reglas li,#fin p,.centro p{color:#c9c6f2}
  #tablero,.mini-tablero{border-radius:6px;background:#0c0a1c;box-shadow:inset 0 0 0 2px #19e6ff,0 0 26px rgba(25,230,255,.35)}
  .fila+.fila{border-top-color:rgba(25,230,255,.12)} .fila .num{color:rgba(25,230,255,.5)}
  .fila.activa{background:rgba(255,46,136,.12);box-shadow:0 0 0 2px #ff2e88,0 0 14px rgba(255,46,136,.5)} .fila.activa .num{color:#ff2e88}
  .hueco{border-radius:4px;background:#05040b;box-shadow:inset 0 0 0 1px rgba(25,230,255,.25)}
  .ficha{font-family:VT323,monospace;font-weight:400;font-size:calc(var(--ficha)*.82);border-radius:3px;background:#111033;color:#19e6ff;
    text-shadow:0 0 8px #19e6ff;box-shadow:inset 0 0 0 2px #19e6ff,0 0 10px rgba(25,230,255,.5)}
  .ficha.m-no{background:#0c0a1c;color:#4a4675;text-shadow:none;box-shadow:inset 0 0 0 1px #2a2750}
  .ficha.m-si{background:#2b2400;color:#ffe14a;text-shadow:0 0 8px #ffe14a;box-shadow:inset 0 0 0 2px #ffe14a,0 0 10px rgba(255,225,74,.6)}
  .pistas{background:transparent;border-radius:2px}
  .pin{border-radius:1px;background:#1b1838}
  .pin.n,.pin-m.n{border-radius:1px;background:#000;box-shadow:0 0 0 1.5px #ff2e88,0 0 7px #ff2e88}
  .pin.b,.pin-m.b{border-radius:1px;background:#fff;box-shadow:0 0 7px #fff}
  .fila.escudo{border-bottom-color:rgba(25,230,255,.4)} .fila.escudo .rot{color:rgba(25,230,255,.6)}
  .fila.escudo .ficha{background:#000;color:#ff2e88;text-shadow:0 0 8px #ff2e88;box-shadow:inset 0 0 0 2px #ff2e88}
  .fila.escudo.abierta .ficha{background:#ffe14a;color:#07060f;text-shadow:none;box-shadow:0 0 14px #ffe14a}
  .tecla{font-family:VT323,monospace;font-weight:400;font-size:28px;border-radius:4px;background:#15122b;color:#19e6ff;box-shadow:inset 0 0 0 1px rgba(25,230,255,.55)}
  .tecla.ancha{font-family:var(--f-cond);font-size:13px;background:#ff2e88;color:#fff;box-shadow:0 0 10px rgba(255,46,136,.7)}
  .tecla.m-no{background:#0c0a1c;color:#4a4675;box-shadow:inset 0 0 0 1px #2a2750}
  .tecla.m-si{background:#2b2400;color:#ffe14a;box-shadow:inset 0 0 0 2px #ffe14a}
  #nombres input,.campo{border-radius:3px;border-color:rgba(25,230,255,.5)}
}

/* ═════ 3 · CUADERNO: lápiz, papel y máquina de escribir ═════ */
[data-tema="cuaderno"]{
  --noche:#f3ecd9; --crema:#1f2a44; --tinta:#1f2a44; --apagado:#6f6a5c; --naranja:#c2382b; --mostaza:#c2382b;
  --f-tit:"Special Elite",serif; --f-cond:"Special Elite",serif; --f-txt:"Courier Prime",monospace;
  body{background-color:#f3ecd9;background-image:
    linear-gradient(90deg,transparent 0 31px,rgba(194,56,43,.35) 31px 32.5px,transparent 32.5px),
    repeating-linear-gradient(transparent 0 25px,rgba(60,110,170,.22) 25px 26px)}
  .franjas{display:none}
  .titulo{margin-top:34px;font-size:clamp(46px,14.5vw,84px);line-height:.95;text-shadow:none;transform:rotate(-2deg);transform-origin:left}
  .titulo span{text-shadow:none;padding-left:.9em;text-decoration:underline wavy rgba(194,56,43,.6) 2px;text-underline-offset:.12em}
  .lema{letter-spacing:.06em;text-transform:none;font-size:15px}
  .modos{background:transparent;box-shadow:inset 0 0 0 1.5px #1f2a44;border-radius:6px}
  .modos button{border-radius:3px}
  .modos button[aria-pressed="true"]{background:#1f2a44;color:#f3ecd9;box-shadow:none}
  .tab{border-radius:5px;background:#fffdf5;box-shadow:0 0 0 1.5px #1f2a44,4px 4px 0 rgba(31,42,68,.22)}
  .tab b{font-size:21px} .tab em{color:#3a4563} .tab .dato{color:#6f6a5c}
  .tab .puntos i{background:transparent;box-shadow:inset 0 0 0 1.5px #1f2a44}
  .tab:disabled{filter:none;opacity:.45} .tab:disabled .puntos i{background:transparent}
  .btn{border-radius:5px;color:#fffdf5;background:#c2382b;box-shadow:4px 4px 0 #1f2a44}
  .btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 #1f2a44}
  .btn.sec{color:#1f2a44;background:#fffdf5;box-shadow:inset 0 0 0 1.5px #1f2a44}
  .chip{border-radius:4px;background:#fffdf5;box-shadow:inset 0 0 0 1.5px #1f2a44}
  .chip.alerta{background:#c2382b;color:#fffdf5}
  .centro h3{text-shadow:none} #fin h3{color:#1f2a44}
  details.reglas{border-top-color:rgba(31,42,68,.3)}
  details.reglas p,details.reglas li,#fin p,.centro p{color:#2c3856}
  #tablero,.mini-tablero{border-radius:4px;background:#fffdf5;box-shadow:0 0 0 1.5px #1f2a44,6px 7px 0 rgba(31,42,68,.2);transform:rotate(-.6deg)}
  .fila+.fila{border-top:1px dashed rgba(31,42,68,.3)} .fila .num{color:rgba(31,42,68,.5)}
  .fila.activa{background:rgba(194,56,43,.08);box-shadow:0 0 0 1.5px #c2382b}
  .hueco{background:none;box-shadow:inset 0 0 0 1.5px rgba(31,42,68,.35)}
  .ficha{width:100%;height:100%;padding-top:.12em;background:none;color:#1f2a44;box-shadow:none;font-weight:400}
  .ficha.m-no{background:none;color:rgba(31,42,68,.32)}
  .ficha.m-si{background:#ffe680}
  .pistas{background:none}
  .pin{background:none;box-shadow:inset 0 0 0 1px rgba(31,42,68,.35)}
  .pin.n,.pin-m.n{background:#1f2a44;box-shadow:none}
  .pin.b,.pin-m.b{background:#fffdf5;box-shadow:inset 0 0 0 1.5px #1f2a44}
  .fila.escudo{border-bottom-color:rgba(31,42,68,.5)} .fila.escudo .rot{color:rgba(31,42,68,.55)}
  .fila.escudo .ficha{background:#1f2a44;color:#f3ecd9}
  .fila.escudo.abierta .ficha{background:#ffe680;color:#1f2a44}
  .tecla{font-weight:400;padding-top:3px;border-radius:5px;background:#fffdf5;color:#1f2a44;box-shadow:0 0 0 1.5px #1f2a44,2px 3px 0 rgba(31,42,68,.25)}
  .tecla.ancha{background:#c2382b;color:#fffdf5}
  .tecla.m-no{background:#e4dcc6;color:#a39c8a} .tecla.m-si{background:#ffe680}
  #nombres input,.campo{background:#fffdf5;border:1.5px solid #1f2a44;border-radius:5px}
  #notas[aria-pressed="true"]{color:#fffdf5}
}

/* ═════ 4 · POP: Memphis de colores planos y contorno negro ═════ */
[data-tema="pop"]{
  --noche:#fdf3e3; --crema:#111; --tinta:#111; --apagado:#55504a; --naranja:#ff5fa2; --mostaza:#3a66ff;
  --f-tit:"Rubik Mono One",sans-serif; --f-cond:"Archivo Black",sans-serif; --f-txt:Archivo,sans-serif;
  body{background-color:#fdf3e3;background-image:
    radial-gradient(circle at 92% 6%,#ffd23f 0 90px,transparent 91px),
    radial-gradient(circle at 4% 96%,#00c2a8 0 120px,transparent 121px),
    radial-gradient(rgba(255,95,162,.4) 1.6px,transparent 2.2px);background-size:auto,auto,26px 26px}
  .temas button{font-size:10px;letter-spacing:.02em;background:#fff;color:#111;border:2.5px solid #111;box-shadow:none;padding:7px 2px}
  .temas button[aria-pressed="true"]{background:#3a66ff;color:#fff}
  .franjas{height:22px;clip-path:none;background:repeating-linear-gradient(-45deg,#111 0 10px,#ffd23f 10px 20px);border-block:3px solid #111}
  .titulo{font-size:clamp(34px,13.4vw,78px);line-height:1;text-shadow:4px 4px 0 #ffd23f}
  .titulo span{color:#ff5fa2;text-shadow:4px 4px 0 #111;padding-left:0}
  .lema,.rotulo,details.reglas summary,.temas button{font-weight:400;letter-spacing:.1em}
  .modos{background:#fff;border:3px solid #111;box-shadow:none}
  .modos button{font-weight:400;font-size:16px}
  .modos button[aria-pressed="true"]{background:#ffd23f;color:#111;box-shadow:inset 0 0 0 2px #111}
  .tab{border-radius:16px;background:#ffd23f;border:3px solid #111;box-shadow:5px 5px 0 #111}
  .tab:nth-child(2){background:#ff8fbf} .tab:nth-child(3){background:#5fe0cf} .tab:nth-child(4){background:#9db4ff}
  .tab[aria-pressed="true"]{outline-color:#111}
  .tab b{font-size:15px} .tab em{color:#111} .tab .dato{color:#333}
  .tab .puntos i{background:#fff;box-shadow:inset 0 0 0 2.5px #111}
  .tab:disabled{filter:grayscale(.75);opacity:.6} .tab:disabled .puntos i{background:#111}
  .btn{font-size:16px;color:#111;background:#ff5fa2;border:3px solid #111;box-shadow:5px 5px 0 #111}
  .btn:active{transform:translate(4px,4px);box-shadow:1px 1px 0 #111}
  .btn.sec{font-weight:400;font-size:13px;background:#fff;color:#111;box-shadow:3px 3px 0 #111}
  .chip{font-weight:400;font-size:11px;background:#fff;border:2.5px solid #111;box-shadow:2px 2px 0 #111}
  .chip.alerta{background:#ff5fa2;color:#111}
  .barra h2{font-size:13px} .barra h2 small{font-weight:400;font-size:11px}
  #fin h3{font-size:19px;color:#111} .centro h3{font-size:clamp(18px,5.6vw,30px);text-shadow:3px 3px 0 #ffd23f}
  details.reglas{border-top:3px solid #111}
  details.reglas p,details.reglas li,#fin p,.centro p{color:#222}
  #tablero,.mini-tablero{border-radius:22px;background:#3a66ff;border:3px solid #111;box-shadow:7px 7px 0 #111}
  .fila+.fila{border-top-color:rgba(0,0,0,.25)} .fila .num{font-weight:400;color:rgba(255,255,255,.75)}
  .fila.activa{background:rgba(255,210,63,.3);box-shadow:0 0 0 3px #ffd23f} .fila.activa .num{color:#ffd23f}
  .hueco{background:#2447c9;box-shadow:inset 0 0 0 2px #111}
  .ficha{font-weight:400;font-size:calc(var(--ficha)*.5);width:100%;height:100%;background:#ffd23f;color:#111;box-shadow:inset 0 0 0 2.5px #111}
  .hueco:nth-child(4n+2) .ficha{background:#ff8fbf} .hueco:nth-child(4n+3) .ficha{background:#5fe0cf} .hueco:nth-child(4n+4) .ficha{background:#ff9d4d}
  .hueco .ficha.m-no{background:#7f93dd;color:#2447c9;box-shadow:inset 0 0 0 2.5px #2447c9}
  .hueco .ficha.m-si{background:#fff;box-shadow:inset 0 0 0 2.5px #111,0 0 0 3px #ffd23f}
  .pistas{background:rgba(0,0,0,.18)}
  .pin{background:radial-gradient(circle,#1c3aa8 0 34%,transparent 40%)}
  .pin.n,.pin-m.n{background:#111;box-shadow:0 0 0 1.5px #fff}
  .pin.b,.pin-m.b{background:#fff;box-shadow:inset 0 0 0 2px #111}
  .fila.escudo{border-bottom:3px solid #111} .fila.escudo .rot{color:rgba(255,255,255,.8);font-weight:400}
  .fila.escudo .hueco .ficha{background:#111;color:#ffd23f;box-shadow:none}
  .fila.escudo.abierta .hueco .ficha{background:#fff;color:#111;box-shadow:inset 0 0 0 2.5px #111}
  #pase-huecos .hueco{background:#fff}
  .tecla{font-weight:400;font-size:17px;border-radius:10px;background:#fff;color:#111;border:2.5px solid #111;box-shadow:3px 3px 0 #111}
  .tecla:active{transform:translate(2px,2px);box-shadow:1px 1px 0 #111}
  .tecla.ancha{font-size:11px;letter-spacing:0;background:#ffd23f;box-shadow:3px 3px 0 #111}
  .tecla.m-no{background:#d3cdc2;color:#8f887c;box-shadow:3px 3px 0 #111} .tecla.m-si{background:#5fe0cf;box-shadow:3px 3px 0 #111}
  #msg{color:#c8156b} .leyenda{color:#333}
  #notas{font-weight:400;font-size:11px;box-shadow:inset 0 0 0 2.5px #111} #notas[aria-pressed="true"]{background:#ff5fa2;color:#111;box-shadow:inset 0 0 0 2.5px #111}
  #nombres input,.campo{background:#fff;border:3px solid #111;border-radius:12px}
}

/* ═════ 5 · HALLOWEEN: noche morada, calabazas y baba verde ═════ */
[data-tema="halloween"]{
  --noche:#120a1c; --plastico:#3a2350; --plastico-osc:#241433; --plastico-luz:#4d2f69;
  --naranja:#ff7a18; --mostaza:#ff9a2e; --crema:#f3ead8; --tinta:#160c1f; --apagado:#a798bd;
  --f-tit:Creepster,"Barlow Condensed",sans-serif;
  body{background-color:#120a1c;background-repeat:no-repeat;background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 11'%3E%3Cpath d='M0 6Q5 0 10 5Q12 2 13 5L15 3L17 5Q18 2 20 5Q25 0 30 6Q25 5 23 9Q20 6 17 10L15 8L13 10Q10 6 7 9Q5 5 0 6Z'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 11'%3E%3Cpath d='M0 6Q5 0 10 5Q12 2 13 5L15 3L17 5Q18 2 20 5Q25 0 30 6Q25 5 23 9Q20 6 17 10L15 8L13 10Q10 6 7 9Q5 5 0 6Z'/%3E%3C/svg%3E"),
    radial-gradient(circle at 88% 60px,#fff3c4 0 38px,rgba(255,243,196,.22) 39px 58px,transparent 59px),
    radial-gradient(ellipse 100% 60% at 30% -10%,rgba(125,60,190,.5),transparent 70%),
    radial-gradient(ellipse 90% 55% at 50% 110%,rgba(155,226,26,.16),transparent 70%);
    background-size:38px 14px,24px 9px,auto,auto,auto;background-position:60% 34px,72% 78px,0 0,0 0,0 0}
  .franjas{background:repeating-linear-gradient(-45deg,#ff7a18 0 12px,#120a1c 12px 24px)}
  .titulo{font-size:clamp(54px,17.5vw,100px);line-height:.88;letter-spacing:.02em;color:#ff7a18;text-shadow:0 0 22px rgba(255,122,24,.55),3px 4px 0 #000}
  .titulo span{color:#9be21a;text-shadow:0 0 22px rgba(155,226,26,.5),3px 4px 0 #000;padding-left:.35em}
  .tab b,.btn,.barra h2,#fin h3,.centro h3{letter-spacing:.05em}
  .tab{box-shadow:inset 0 0 0 1.5px rgba(255,122,24,.45),0 3px 0 #0b0611,0 8px 16px rgba(0,0,0,.5)}
  .tab b{font-size:24px}
  .tab .puntos i{background:radial-gradient(circle at 35% 28%,#ffc170,#ff8a1f 55%,#c9560a)}
  .tab:disabled .puntos i{background:#0d0713}
  .btn{font-size:24px;color:#160c1f;background:linear-gradient(#ffa63f,#ff7a18);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 4px 0 #a3440a,0 10px 20px rgba(0,0,0,.5)}
  .btn:active{box-shadow:0 1px 0 #a3440a}
  .btn.sec{font-size:16px;color:#f3ead8;background:rgba(155,226,26,.08);box-shadow:inset 0 0 0 1px rgba(155,226,26,.5)}
  .barra h2{font-size:21px} #fin h3{font-size:30px;color:#9be21a} .centro h3{color:#ff7a18;text-shadow:3px 3px 0 #000}
  #tablero,.mini-tablero{box-shadow:inset 0 0 0 2px rgba(255,122,24,.6),inset 0 0 0 5px rgba(0,0,0,.25),0 6px 0 #0b0611,0 18px 30px rgba(0,0,0,.6)}
  .fila .num{color:rgba(255,255,255,.32)}
  .fila.activa{background:rgba(155,226,26,.12);box-shadow:0 0 0 2px rgba(155,226,26,.65)} .fila.activa .num{color:#9be21a}
  .hueco{background:radial-gradient(circle at 50% 38%,#08040c 0 34%,#1c0f29 36%,transparent 62%)}
  .ficha{color:#1f0d02;background:
    linear-gradient(90deg,transparent 29%,rgba(130,50,0,.22) 30% 33%,transparent 34% 66%,rgba(130,50,0,.22) 67% 70%,transparent 71%),
    radial-gradient(circle at 35% 28%,#ffc878,#ff8a1f 55%,#c9560a)}
  .ficha.m-no{background:radial-gradient(circle at 35% 28%,#6a6078,#443b50 60%,#2c2536);color:#9a90a8}
  .ficha.m-si{background:radial-gradient(circle at 35% 28%,#e2ff9a,#9be21a 55%,#5d9a08);color:#132200}
  .pin{background:radial-gradient(circle,#0d0713 0 30%,transparent 36%)}
  .pin.b,.pin-m.b{background:radial-gradient(circle at 35% 30%,#fff,#e4dcc4 75%)}
  .fila.escudo .rot{color:rgba(255,255,255,.4)}
  .fila.escudo .ficha{background:linear-gradient(160deg,#1c0f29,#08040c);color:#9be21a}
  .fila.escudo.abierta .ficha{background:radial-gradient(circle at 35% 28%,#e2ff9a,#9be21a 55%,#5d9a08);color:#132200}
  .tecla{background:linear-gradient(#f3ead8,#cfc3a8);box-shadow:0 3px 0 #6f6650,0 4px 6px rgba(0,0,0,.45)}
  .tecla.ancha{background:linear-gradient(#ffa63f,#ff7a18);box-shadow:0 3px 0 #a3440a,0 4px 6px rgba(0,0,0,.45)}
  .tecla.m-no{background:linear-gradient(#4a4157,#2f2839);color:#8d8499;box-shadow:0 3px 0 #120a1c}
  .tecla.m-si{background:linear-gradient(#d6ff7a,#9be21a);box-shadow:0 3px 0 #4f8206}
  #msg{color:#9be21a}
  .chip{background:#241433;box-shadow:inset 0 0 0 1px rgba(255,122,24,.55)} .chip.alerta{background:#ff7a18;color:#160c1f}
  #notas[aria-pressed="true"]{background:#9be21a;color:#132200}
  #globo{box-shadow:inset 0 0 0 1.5px rgba(255,122,24,.6),0 4px 0 #0b0611,0 12px 22px rgba(0,0,0,.6)}
}

[data-tema="neon"] .tut-caja h3{font-size:15px;line-height:1.5}
[data-tema="pop"] .tut-caja h3{font-size:19px}
[data-tema="halloween"] .tut-caja h3{font-size:34px;letter-spacing:.04em;color:#9be21a}
[data-tema="cuaderno"] .mini-tablero{transform:none}
[data-tema="neon"] #globo{border-radius:4px;color:#e9e8ff;background:#0c0a1c;box-shadow:inset 0 0 0 1.5px #19e6ff,0 0 18px rgba(25,230,255,.45)}
[data-tema="cuaderno"] #globo{border-radius:4px;color:#1f2a44;background:#fffdf5;box-shadow:0 0 0 1.5px #1f2a44,4px 4px 0 rgba(31,42,68,.25)}
[data-tema="pop"] #globo{border-radius:14px;color:#fff;background:#3a66ff;border:3px solid #111;box-shadow:4px 4px 0 #111}
[data-tema="pop"] .ley-ico{color:#111}

@media (max-width:600px){
  [data-tema="pop"] #tablero{box-shadow:4px 4px 0 #111}
  [data-tema="pop"] #tablero-zona,[data-tema="cuaderno"] #tablero-zona{padding-right:8px}
}

[data-tema="pop"] .modos button{font-size:13px}
[data-tema="neon"] .modos button{font-size:13px}
[data-tema="halloween"] .codigo{color:#9be21a}