/* PlanetBloq · aspecto común de los Arcade (29 sep; filosofía de piezas comunes: todos los juegos se ven y se manejan igual).
   Va DESPUÉS del <style> de cada juego, así manda en lo común: botones, botones secundarios, fichas (chips), títulos de los menús y
   grupos de opciones. Solo toca el aspecto (color, letra, borde, alto), nunca dónde va cada cosa: eso sigue siendo de cada juego. */
:root{--pb-bg:#16151c;--pb-panel:#1d1b25;--pb-panel2:#282532;--pb-line:#35323f;--pb-ink:#efe9dc;--pb-muted:#a49eaf;--pb-acc:#ffc94a;--pb-acc-ink:#231a04;--pb-acc-edge:#b8862a}
/* botón principal: amarillo con canto, como la marca (y como «Jugar ya» de la toma aérea) */
.btn{background:var(--pb-acc);color:var(--pb-acc-ink);border:0;border-radius:3px;font:700 16px 'Pixelify Sans','Courier New',monospace;letter-spacing:.03em;padding:9px 16px;min-height:44px;box-shadow:0 3px 0 var(--pb-acc-edge);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;box-sizing:border-box}
.btn:hover{filter:brightness(1.06)}
.btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--pb-acc-edge)}
.btn:focus-visible,.chip:focus-visible{outline:2px solid var(--pb-acc);outline-offset:2px}
/* botón secundario */
.btn.ghost{background:var(--pb-panel2);color:var(--pb-ink);border:1px solid var(--pb-line);box-shadow:0 3px 0 #0e0d13;font:600 14px 'IBM Plex Sans',system-ui,sans-serif;letter-spacing:0}
.btn.ghost:active{box-shadow:0 1px 0 #0e0d13}
/* fichas de la fila de botones bajo la escena (sonido, cámara, mando, móvil…) */
.chip{background:var(--pb-panel);border:1px solid var(--pb-line);color:var(--pb-ink);border-radius:3px;padding:5px 10px;font:600 13px 'IBM Plex Sans',system-ui,sans-serif;cursor:pointer;min-height:36px;box-sizing:border-box}
.chip[aria-pressed="true"]{border-color:var(--pb-acc);color:var(--pb-acc)}
/* títulos de los menús y de las pantallas finales */
.card h2{font-family:'Pixelify Sans','Courier New',monospace;color:var(--pb-acc)}
/* grupos de opciones de los menús (clase, vueltas, hora, ambiente, calidad…): la elegida, rellena de amarillo en todos */
.card .opts button,.card .laps button,.card .seg button,.card .amb button{background:var(--pb-panel2);border:1px solid var(--pb-line);color:var(--pb-ink);border-radius:3px;min-height:36px;cursor:pointer;box-sizing:border-box}
.card .opts button[aria-pressed="true"],.card .laps button[aria-pressed="true"],.card .seg button[aria-pressed="true"],.card .amb button[aria-pressed="true"]{background:var(--pb-acc);color:var(--pb-acc-ink);border-color:var(--pb-acc)}
/* el botón de las cámaras y el del mando en pantalla, iguales donde vayan */
.pbcam,#padBtn{cursor:pointer}
@media (max-width:480px){.btn{font-size:15px;padding:8px 13px}.btn.ghost{font-size:13px}}