/* Dominó y buraco entre personas + práctica (6/10/2026). Móvil vertical primero (390 px). */
.pm-pantalla [hidden]{display:none!important}
.pm-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:.5rem .6rem calc(.8rem + env(safe-area-inset-bottom));max-width:560px;width:100%;margin:0 auto}
.pm-cargando{text-align:center;color:#cdbf98;margin:2rem 0;font:500 .9rem "Segoe UI",system-ui}
.pm-tarjeta{margin:.5rem 0;padding:.7rem .75rem;border-radius:14px;background:#000b;border:1px solid #b8860b66;color:#e9dfc0;font:500 .84rem "Segoe UI",system-ui}
.pm-tarjeta h3{margin:0 0 .35rem;font:700 1.02rem Georgia,serif;color:#ffd24a}
.pm-tarjeta.pm-ojo{display:flex;gap:.6rem;align-items:center;justify-content:space-between;flex-wrap:wrap;border-color:#7dff9a99}
.pm-nota{margin:.3rem 0;font-size:.78rem;color:#cdbf98;line-height:1.35}
.pm-cifras{margin:.4rem 0;text-align:center;font:500 .82rem "Segoe UI",system-ui;color:#e9dfc0}
.pm-cifras b{color:#ffd24a}
.pm-fila{display:flex;gap:.45rem;align-items:center;margin:.4rem 0;flex-wrap:wrap}
.pm-fila>span{flex:0 0 auto;min-width:4.2rem;font-weight:700;color:#ffe9a8;font-size:.8rem}
.pm-chips{display:flex;gap:.3rem;flex-wrap:wrap;flex:1}
.pm-chips button{flex:1 1 auto;min-width:3.2rem;border-radius:999px;border:1px solid #b8860b88;background:#14110a;color:#ffe9a8;font:700 .82rem "Segoe UI",system-ui;padding:.45rem .5rem}
.pm-chips button.sel{background:linear-gradient(180deg,#ffe58a,#e0b230 55%,#a9780f);color:#1a1200;border-color:#ffe58a}
.pm-ancho{width:100%;margin-top:.45rem}
.pm-unirse input{flex:1 1 90px;min-width:0;padding:.55rem .6rem;border-radius:10px;border:1px solid #b8860b88;background:#14110a;color:#ffe9a8;font:800 1rem monospace;text-transform:uppercase;letter-spacing:.2em;text-align:center}
.pm-practica{border-color:#4ea1ff66}
.pm-practica h3{color:#9fd0ff}
.pm-reglas summary{cursor:pointer;font-weight:700;color:#ffe9a8}
.pm-reglas p{font-size:.78rem;line-height:1.4;color:#cdbf98}
.pm-codigo-fila{display:flex;gap:.5rem;align-items:center;justify-content:center;margin:.3rem 0 .5rem;flex-wrap:wrap}
.pm-codigo{padding:.3rem .8rem;border-radius:9px;border:1px dashed #ffd24a;background:#1b1608;color:#ffd24a;font:800 1.5rem monospace;letter-spacing:.3em}
.pm-sillas{display:grid;gap:.4rem;margin:.4rem 0}
.pm-sillas.pz4{grid-template-columns:1fr 1fr}
.pm-sillas.pz2{grid-template-columns:1fr 1fr}
.pm-silla{display:flex;flex-direction:column;gap:.1rem;align-items:flex-start;padding:.5rem .6rem;border-radius:12px;border:1px solid #ffffff22;background:#ffffff0d;color:#f5ecd2;text-align:left;font:500 .8rem "Segoe UI",system-ui;min-width:0}
.pm-silla small{font-size:.64rem;color:#bfb38d;text-transform:uppercase;letter-spacing:.04em}
.pm-silla b{font:700 .92rem Georgia,serif;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pm-silla.eqA{border-left:4px solid #ffc627}
.pm-silla.eqB{border-left:4px solid #3fc1c9}
.pm-silla.libre{border-style:dashed;color:#9a9174;background:transparent}
.pm-silla.libre:not([disabled]){border-color:#ffd24a99;color:#ffe9a8}
.pm-silla.yo{background:#7dff9a1c;border-color:#7dff9a}
.pm-cuenta{display:flex;flex-direction:column;align-items:center;margin:.5rem 0;color:#cdbf98}
.pm-cuenta b{font:800 3rem Georgia,serif;color:#ffd24a;text-shadow:0 0 14px #ffb30088;line-height:1.1}
.pm-acciones{display:flex;justify-content:center;margin-top:.5rem}
/* barra de la mesa en juego: turno, tiempo, avisos */
.pm-barra{position:relative;z-index:6;padding:.2rem .6rem .25rem;background:#000c;border-bottom:1px solid #b8860b55;color:#ffe9a8;font:600 .76rem "Segoe UI",system-ui}
.pm-barra .pm-fila{margin:0;justify-content:space-between;flex-wrap:nowrap}
.pm-quien{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.pm-quien.mio{color:#7dff9a}
.pm-reloj{font:800 .95rem monospace;color:#ffd24a;flex:0 0 auto}
.pm-reloj.urge{color:#ff6659}
.pm-tiempo{height:3px;background:#ffffff1c;border-radius:2px;margin-top:.15rem}
.pm-tiempo i{display:block;height:100%;background:#ffc627;border-radius:2px;transition:width .3s linear}
.pm-aviso{min-height:.9rem;font-size:.68rem;color:#cdbf98;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pm-aviso b{color:#ffb4a8}
.pm-volver{padding:.2rem .7rem!important;font-size:.72rem!important;margin-left:.3rem}