.bj{max-width:60rem;margin:0 auto}.bj-titulo{font-size:clamp(2rem,6vw,3rem);font-weight:800}.bj-sub{color:var(--color-muted,#a79fc4);margin:.25rem 0 1.5rem}.bj-reglas{border:1px solid var(--color-border,#2a1f45);background:var(--color-surface,#140d26);border-radius:1rem;margin-bottom:1.5rem;padding:.9rem 1.25rem}.bj-reglas summary{cursor:pointer;font-weight:700}.bj-reglas-cuerpo{color:var(--color-muted,#a79fc4);margin-top:.75rem;line-height:1.6}.bj-reglas-cuerpo ul{margin:.5rem 0 0 1.1rem;list-style:outside}.bj-reglas-cuerpo strong{color:var(--color-foreground,#ede9fe)}.bj-config{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.bj-modos{flex-wrap:wrap;gap:.5rem;display:flex}.bj-chip{cursor:pointer;border:1px solid var(--color-border,#2a1f45);color:var(--color-foreground,#ede9fe);background:0 0;border-radius:999px;padding:.5rem 1rem;font-size:.9rem;transition:background .2s,border-color .2s}.bj-chip:hover{border-color:var(--color-accent-500,#7436e7)}.bj-chip.activo{background:var(--color-accent-500,#7436e7);border-color:var(--color-accent-500,#7436e7);color:#fff}.bj-jugadores{color:var(--color-muted,#a79fc4);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.bj-jugadores[hidden]{display:none}.bj-jugadores select{border:1px solid var(--color-border,#2a1f45);background:var(--color-surface,#140d26);color:var(--color-foreground,#ede9fe);border-radius:.5rem;padding:.4rem .6rem}.bj-carga{color:var(--color-muted,#a79fc4);margin-top:.75rem;font-size:.85rem}.bj-boton{cursor:pointer;border:1px solid var(--color-accent-500,#7436e7);background:var(--color-accent-500,#7436e7);color:#fff;border-radius:.5rem;padding:.7rem 1.3rem;font-weight:600;transition:background .2s}.bj-boton:hover:not(:disabled){background:var(--color-accent-400,#9a62f2)}.bj-boton:disabled{opacity:.45;cursor:default}.bj-boton.bj-secundario{background:0 0}.bj-boton.bj-secundario:hover:not(:disabled){background:#7436e740}.bj-boton kbd{background:#ffffff2e;border-radius:.25rem;margin-left:.4rem;padding:0 .35rem;font-size:.75rem}.bj-config[hidden],.bj-carga[hidden],.bj-mesa[hidden],.bj-acciones[hidden]{display:none}.bj-mesa{margin-top:1.5rem}.bj-manos{gap:1rem;display:grid}.bj-mano{border:1px solid var(--color-border,#2a1f45);background:var(--color-surface,#140d26);border-radius:1rem;padding:1rem 1.25rem;transition:border-color .2s}.bj-mano.activa{border-color:var(--color-accent-500,#7436e7);box-shadow:0 0 0 1px var(--color-accent-500,#7436e7)}.bj-mano-cab{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.75rem;display:flex}.bj-mano-nombre{font-size:1.1rem;font-weight:700}.bj-mano-turno{letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent-300,#bf9bff);margin-left:.5rem;font-size:.7rem}.bj-mano-valor{font-size:1.1rem;font-weight:700}.bj-cartas{flex-wrap:wrap;gap:.5rem;display:flex}.bj-codigo{color:var(--color-muted,#a79fc4);overflow-wrap:anywhere;margin-top:.75rem;font-family:ui-monospace,Consolas,monospace;font-size:.8rem}.bj-codigo b{color:var(--color-accent-300,#bf9bff);font-weight:600}.bj-carta{box-sizing:border-box;aspect-ratio:5/7;color:#1b1030;user-select:none;background:#faf7ff;border-radius:.5rem;width:clamp(3.6rem,12vw,5rem);font-weight:700;position:relative;box-shadow:0 4px 14px #00000073}.bj-carta.rojo{color:#d6204a}.bj-esq{text-align:center;font-size:clamp(.8rem,2.6vw,1.05rem);line-height:1;position:absolute;top:.25rem;left:.35rem}.bj-esq.abajo{inset:auto .35rem .25rem auto;transform:rotate(180deg)}.bj-centro{place-items:center;font-size:clamp(1.6rem,6vw,2.4rem);display:grid;position:absolute;inset:0}.bj-carta.dorso{background:repeating-linear-gradient(45deg, var(--color-accent-900,#320a7c) 0 6px, var(--color-accent-500,#7436e7) 6px 12px);border:3px solid #faf7ff}.bj-carta.nueva{animation:.45s both bj-reparte;animation-delay:var(--d,0s)}.bj-carta.revela{animation:.5s both bj-gira}@keyframes bj-reparte{0%{opacity:0;transform:translate(-50px,-70px)rotate(-14deg)scale(.8)}to{opacity:1;transform:none}}@keyframes bj-gira{0%{transform:perspective(600px)rotateY(90deg)}to{transform:none}}@media (prefers-reduced-motion:reduce){.bj-carta.nueva,.bj-carta.revela{animation:none}}.bj-mensaje{text-align:center;min-height:1.5em;margin:1.25rem 0 .75rem;font-size:1.25rem;font-weight:700}.bj-acciones{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:.5rem;display:flex}