
.fs-pantalla{--cw:44px}
.fs-escena{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;padding:.3rem .5rem .2rem;gap:.3rem;position:relative;z-index:2;overflow-y:auto;-webkit-overflow-scrolling:touch}
.fs-cab{flex:none;display:flex;align-items:center;gap:.5rem}
.fs-codigo{font:800 1.35rem/1 Georgia,serif;letter-spacing:.22em;color:#ffe58a;background:#000a;border:1.5px dashed #d4a62a;border-radius:12px;padding:.3rem .55rem .3rem .75rem;cursor:pointer}
.fs-fase{flex:1;text-align:right;font:700 .78rem "Segoe UI",system-ui;color:#f1d98a;letter-spacing:.04em}
.fs-reloj{flex:none;height:4px;border-radius:2px;background:#0008;overflow:hidden}
.fs-reloj i{display:block;height:100%;width:0;background:linear-gradient(90deg,#58c46a,#ffc627);transition:width .25s linear}
.fs-reloj.fs-corre i{background:linear-gradient(90deg,#f0655b,#ffc627)}
.fs-mesa{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;min-height:92px;padding:.35rem .4rem;border-radius:18px;border:2px solid #d4a62a;
  background:radial-gradient(90% 80% at 50% 35%,#13705a 0,#0b4a3c 52%,#052a22 100%);box-shadow:inset 0 0 30px #000c,0 6px 16px #000c}
.fs-rot{font:700 .74rem Georgia,serif;letter-spacing:.06em;text-transform:uppercase;color:#f1d98a;text-align:center}
.fs-rot em{font-style:normal;margin-left:.35rem;padding:.02rem .4rem;border-radius:999px;background:#000a;color:#fff}
.fs-rot em:empty{display:none}
.fs-vacia{font:600 .76rem "Segoe UI";color:#cdbf98;text-align:center}
.fs-cartas{display:flex;justify-content:center;min-height:calc(var(--cw)*1.4)}
.fs-cartas .rp-carta{margin-left:calc(var(--cw)*-.34)}.fs-cartas .rp-carta:first-child{margin-left:0}
.fs-bac{display:flex;gap:1.6rem;justify-content:center;--cw:42px}
.fs-gana{font:800 .95rem Georgia,serif;color:#ffe58a}.fs-gana.jugador{color:#8fc0ff}.fs-gana.banca{color:#ff9d92}.fs-gana.empate{color:#8be29a}
.fs-num{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font:800 1.5rem Georgia,serif;color:#fff;border:3px solid #e2b53a;box-shadow:0 4px 12px #000a}
.fs-num.rojo{background:#c62828}.fs-num.negro{background:#15171c}.fs-num.verde{background:#0b6b2e}

.fs-sillas{flex:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;--cw:30px}
.fs-sillas.n5 .fs-silla,.fs-sillas.n6 .fs-silla{padding:.22rem .25rem}
.fs-sillas.n5,.fs-sillas.n6{--cw:26px}
.fs-sillas.n5,.fs-sillas.n6{grid-template-columns:repeat(3,minmax(0,1fr))}
.fs-silla{min-width:0;display:flex;flex-direction:column;gap:2px;padding:.28rem .35rem;border-radius:12px;border:1.5px solid #ffffff22;background:linear-gradient(180deg,#0d3a2d,#082419);color:#fff;font:600 .72rem "Segoe UI",system-ui;box-shadow:0 3px 8px #000a}
.fs-silla.libre{align-items:center;justify-content:center;min-height:48px;border-style:dashed;color:#9fb8ae;background:#06180f}
.fs-silla.libre:disabled{opacity:.55}
.fs-silla.yo{border-color:#7dd3ff;box-shadow:0 0 0 1px #7dd3ff55,0 3px 8px #000a}
.fs-silla.turno{border-color:#ffc627;background:linear-gradient(180deg,#3a2d08,#1d1604);box-shadow:0 0 14px #ffc62788}
.fs-nom{display:flex;align-items:center;gap:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fs-nom b{font:700 .8rem Georgia,serif;color:#ffe9a8;overflow:hidden;text-overflow:ellipsis}.fs-nom small{color:#7dd3ff;font-size:.62rem}
.fs-tiempo{font-style:normal;margin-left:auto;font:800 .72rem Georgia;color:#ffc627}
.fs-est{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap}
.fs-ap{font:700 .74rem Georgia;color:#fff}.fs-mira{color:#9fb8ae;font-size:.68rem}.fs-aus{color:#ff9d92;font-size:.62rem}
.fs-res{margin-left:auto;font:800 .8rem Georgia}.fs-res.mas{color:#7dffb2}.fs-res.menos{color:#ff9d92}
.fs-mano{display:flex;flex-direction:column;align-items:center;gap:1px;padding:1px 2px;border-radius:8px;border:1px solid transparent}
.fs-mano.activa{border-color:#ffc627;background:#ffc6271a}
.fs-silla.yo .fs-sillas,.fs-silla.yo{--cw:34px}
.fs-tot{font:600 .64rem "Segoe UI";color:#e8dcb5;text-align:center}

.fs-dato{flex:none;min-height:34px;display:flex;align-items:center;justify-content:center;text-align:center;font:600 .78rem "Segoe UI",system-ui;color:#e8dcb5}
.fs-dato .suave{color:#cdbf98}
.fs-mando{flex:none;display:flex;flex-direction:column;gap:.35rem;padding-bottom:.25rem}

#fs-mando:has(.fs-acc){flex-direction:row;flex-wrap:wrap;justify-content:center}
#fs-mando .fs-acc{flex:1 1 30%;padding:.62rem .4rem}
.fs-campos{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:5px}
.fs-campo{display:flex;flex-direction:column;align-items:center;padding:.3rem .2rem;border-radius:12px;border:1.5px solid #ffffff33;background:#082419;color:#fff}
.fs-campo small{font:600 .62rem "Segoe UI";color:#cdbf98;text-transform:uppercase;letter-spacing:.05em}.fs-campo b{font:700 .95rem Georgia}
.fs-campo.sel{border-color:#ffc627;box-shadow:0 0 0 1px #ffc627}
.fs-fila{display:flex;gap:6px;align-items:center}.fs-fila .fm-gran{flex:1}
#fs-mando .fm-fichas,.fs-mando .fm-fichas{flex:none}

.fs-entrada{display:flex;flex-direction:column;gap:.55rem;padding:.8rem .9rem;overflow-y:auto}
.fs-entrada h2{margin:0;font:800 1.2rem Georgia,serif;color:#ffe58a}
.fs-ancho{width:100%}
.fs-o{text-align:center;color:#9fb8ae;font-size:.8rem}
.fs-et{font:700 .8rem "Segoe UI";color:#f1d98a}
.fs-codigo-in{width:100%;box-sizing:border-box;text-align:center;text-transform:uppercase;letter-spacing:.35em;font:800 1.5rem Georgia,serif;padding:.55rem;border-radius:12px;border:1.5px solid #d4a62a;background:#000a;color:#fff}
.fs-pie{flex:none}
.fs-pie.fija{position:sticky;bottom:0;z-index:5;margin:0 -.5rem;padding:.2rem .5rem 0;background:linear-gradient(180deg,#0000,#07130fee 12px,#040a08)}
.fs-resumen b{color:#fff}.fs-resumen b.mas{color:#7dffb2}.fs-resumen b.menos{color:#ff9d92}
.fs-wa{padding:.4rem .75rem;font-size:.78rem}
.fs-mando .fm-gran{width:auto;flex:1}
@media(max-width:340px){.fs-codigo{font-size:1.05rem;letter-spacing:.14em;padding:.25rem .4rem .25rem .55rem}.fs-wa{padding:.35rem .5rem;font-size:.7rem}.fs-fase{font-size:.68rem}}
@media(max-height:640px){.fs-mesa{min-height:70px}.fs-sillas{--cw:26px}}

.fs-mando>.fm-gran{max-width:none;width:100%}.fs-fila .fm-gran{max-width:none}
.fs-manos{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 6px}
.fs-manos.multi{--cw:22px}.fs-silla.yo .fs-manos.multi{--cw:26px}

.fm-pantalla:not(.fs-pantalla) .rp-barra{flex-wrap:wrap;row-gap:.25rem;column-gap:.3rem}
.fm-pantalla:not(.fs-pantalla) .rp-titulo{flex:1 1 7.2rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem}
.fm-pantalla:not(.fs-pantalla) .rp-barra>span[style*="flex:1"]{display:none}
.fm-pantalla:not(.fs-pantalla) #fm-reglas{order:5;margin-left:auto}
.fm-pantalla:not(.fs-pantalla) #fm-saldo{order:6}
.fm-familia{flex:none;padding:.4rem .6rem;font-size:.82rem;font-weight:800;white-space:nowrap}
.fm-familia[hidden]{display:none}
@media(max-width:340px){.fm-familia{padding:.35rem .45rem;font-size:.74rem}.fm-pantalla:not(.fs-pantalla) .rp-titulo{font-size:.75rem}}
