/* ===================== v19 · STRIP CARTAS: MAYOR O MENOR · BLACKJACK 21 · POKER ===================== */
#s19 .top{margin-bottom:10px}
#s19 .sc-ttl{text-align:center;line-height:1.15}
#s19 .sc-ttl b{display:block;font-size:17px;font-weight:950;letter-spacing:.02em}
#s19 .sc-ttl small{display:block;font-size:10px;font-weight:900;letter-spacing:.22em;color:var(--pink);margin-top:2px}
#s19 .sc-meta{display:flex;align-items:center;justify-content:space-between;margin:10px 2px 0}
#s19 .sc-round{font-size:11px;font-weight:900;letter-spacing:.18em;color:var(--muted)}
#s19 .sc-turn{display:flex;align-items:center;gap:12px;margin:14px 2px 2px;text-align:left}
#s19 .sc-turn small{display:block;font-size:10px;letter-spacing:.2em;font-weight:900;color:var(--muted)}
#s19 .sc-who{flex:1;min-width:0}
#s19 .sc-who b{display:block;font-size:22px;font-weight:950;line-height:1.15;word-break:break-word}

/* Bote de fuego (racha de aciertos) */
#s19 .sc-bote{margin-left:auto;text-align:center;padding:8px 14px;border-radius:16px;background:#ffffff0d;border:1px solid #ffffff18}
#s19 .sc-bote b{display:block;font-size:26px;font-weight:950;line-height:1.1}
#s19 .sc-bote.danger{background:#ff174f22;border-color:#ff174f;box-shadow:0 0 26px #ff174f66;animation:scPulse .8s ease-in-out infinite alternate}
#s19 .sc-bote.danger small{color:#ff8a9d}
@keyframes scPulse{from{transform:scale(1)}to{transform:scale(1.07)}}

/* Zona de juego: ocupa lo que queda de pantalla y deja los botones abajo */
#s19 .sc-play{display:flex;flex-direction:column;flex:1}
#s19 .sc-hint{margin:8px 4px 0;text-align:center;font-size:13.5px;line-height:1.45;color:var(--muted)}
#s19 .sc-hint b{color:#fff}
#s19 .sc-btns{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:auto;padding:14px 0 10px;position:sticky;bottom:0;z-index:4;background:linear-gradient(to top,var(--bg) 72%,transparent)}
#s19 .note{display:block;text-align:center;margin-top:8px;font-size:12px}
#s19 .btn:disabled{opacity:.4;filter:saturate(.5)}
#s19 .sc-big{height:84px;font-size:15px;letter-spacing:.14em;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;line-height:1.1}
#s19 .sc-big:first-child{font-size:15px}
#s19 .sc-big.up{background:linear-gradient(135deg,#8d63ff,#ff4fa3)}
#s19 .sc-big.down{background:linear-gradient(135deg,#ff4fa3,#c2257a)}
#s19 .sc-big .ar{font-size:28px;letter-spacing:0}

/* Mesa con la carta grande */
#s19 .sc-table{position:relative;display:flex;align-items:center;justify-content:center;margin:14px 0 4px;padding:22px 0;border-radius:28px;background:radial-gradient(ellipse at 50% 40%,#3a1a5a 0,#1b0f2e 55%,#100a1c 100%);border:1px solid #ffffff14;box-shadow:inset 0 0 60px #0008}
#s19 .sc-flash{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%) scale(.8);text-align:center;font-size:25px;font-weight:950;letter-spacing:.02em;text-shadow:0 4px 24px #000,0 0 30px #000;opacity:0;pointer-events:none;padding:0 10px}
#s19 .sc-flash.show{animation:scFlash 1.05s ease forwards}
#s19 .sc-flash.ok{color:#9dffcb}
#s19 .sc-flash.eq{color:#ffe08a}
#s19 .sc-flash.bad{color:#ff8a9d}
@keyframes scFlash{0%{opacity:0;transform:translateY(-50%) scale(.7)}18%{opacity:1;transform:translateY(-50%) scale(1.08)}80%{opacity:1;transform:translateY(-50%) scale(1)}100%{opacity:0;transform:translateY(-58%) scale(1)}}

/* Cartas dibujadas con CSS */
#s19 .pcard{position:relative;width:150px;height:210px;border-radius:16px;background:linear-gradient(160deg,#ffffff,#e9e2f5);box-shadow:0 14px 40px #000a,0 0 0 1px #ffffff66 inset,0 0 44px #ff4fa333;color:#1b1424;font-weight:900;user-select:none;flex:none}
#s19 .pcard.red{color:#e0245e}
#s19 .pc-c{position:absolute;display:flex;flex-direction:column;align-items:center;font-size:27px;line-height:1}
#s19 .pc-c i{font-style:normal;font-size:22px;margin-top:2px}
#s19 .pc-c.tl{top:10px;left:12px}
#s19 .pc-c.br{bottom:10px;right:12px;transform:rotate(180deg)}
#s19 .pc-mid{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:86px}
#s19 .pcard.deal{animation:scDeal .5s cubic-bezier(.2,.8,.2,1)}
@keyframes scDeal{0%{transform:rotateY(90deg) translateY(-16px);opacity:.15}60%{transform:rotateY(-8deg)}100%{transform:none;opacity:1}}
#s19 .pcard.mini{width:44px;height:62px;border-radius:8px;box-shadow:0 4px 12px #0008}
#s19 .pcard.mini .pc-c{font-size:13px}
#s19 .pcard.mini .pc-c i{font-size:11px;margin-top:0}
#s19 .pcard.mini .pc-c.tl{top:4px;left:5px}
#s19 .pcard.mini .pc-c.br{display:none}
#s19 .pcard.mini .pc-mid{font-size:26px;padding-top:12px}

/* Blackjack */
#s19 .sc-mark{margin:12px 0 0;padding:12px 14px;text-align:center;border-radius:20px;background:#ffffff08;border:1px solid #ffffff14}
#s19 .sc-mark small{display:block;font-size:10px;letter-spacing:.22em;font-weight:900;color:var(--muted)}
#s19 .sc-mark b{display:block;font-size:44px;font-weight:950;line-height:1.05;background:linear-gradient(135deg,#ff85c0,#a58bff);-webkit-background-clip:text;background-clip:text;color:transparent}
#s19 .sc-mark b.none{font-size:30px}
#s19 .sc-mark>span{display:block;font-size:13px;color:var(--muted);font-weight:700}
#s19 .sc-mini{display:flex;justify-content:center;gap:5px;margin-top:8px;flex-wrap:wrap}
#s19 .sc-hand{display:flex;justify-content:center;align-items:center;margin:16px 0 4px;min-height:112px;padding-left:26px}
#s19 .sc-hand .pcard{width:74px;height:104px;margin-left:-26px;border-radius:12px}
#s19 .sc-hand .pcard .pc-c{font-size:17px}
#s19 .sc-hand .pcard .pc-c i{font-size:14px}
#s19 .sc-hand .pcard .pc-c.tl{top:6px;left:7px}
#s19 .sc-hand .pcard .pc-c.br{bottom:6px;right:7px}
#s19 .sc-hand .pcard .pc-mid{font-size:38px}
#s19 .sc-total{display:flex;align-items:baseline;justify-content:center;gap:10px;margin-top:4px}
#s19 .sc-total b{font-size:58px;font-weight:950;line-height:1;letter-spacing:-2px}
#s19 .sc-total b.bust{color:#ff5d7a}
#s19 .sc-total .soft{font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}

/* Poker: pásalo y mira */
#s19 .sc-btns.one{grid-template-columns:1fr}
#s19 .pk-pass{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:14px;padding:18px 12px 14px;border-radius:26px;background:radial-gradient(ellipse at 50% 30%,#2c1450 0,#14091f 70%);border:1px solid #ffffff14;box-shadow:inset 0 0 50px #0009}
#s19 .pk-pass>small{font-size:10px;letter-spacing:.24em;font-weight:900;color:var(--pink);margin-top:14px}
#s19 .pk-back{width:104px;height:146px;border-radius:14px;display:grid;grid-template-columns:1fr 1fr;place-items:center;padding:14px;font-size:30px;color:#ffffffcc;background:repeating-linear-gradient(45deg,#8d63ff 0 7px,#6a3fd6 7px 14px);border:3px solid #fff;box-shadow:0 14px 40px #000a,0 0 40px #8d63ff66;transform:rotate(-4deg)}
#s19 .pk-who{display:flex;align-items:center;justify-content:center;gap:10px;margin:6px 0 2px;max-width:100%}
#s19 .pk-who b{font-size:25px;font-weight:950;line-height:1.15;word-break:break-word}
#s19 .pk-prog{font-size:11px;font-weight:900;letter-spacing:.16em;color:var(--muted);margin-top:4px}
#s19 .pk-hand{display:flex;justify-content:center;gap:6px;width:100%;margin:14px 0 6px;padding-top:16px}
#s19 .pk-c{flex:1 1 0;min-width:0;max-width:76px;transition:transform .15s}
#s19 .pk-c.tap{cursor:pointer}
#s19 .pk-c .pcard{width:100%;height:auto;aspect-ratio:5/7;border-radius:11px}
#s19 .pk-c .pcard .pc-c{font-size:clamp(13px,4.6vw,19px)}
#s19 .pk-c .pcard .pc-c i{font-size:clamp(11px,3.8vw,15px)}
#s19 .pk-c .pcard .pc-c.tl{top:5px;left:6px}
#s19 .pk-c .pcard .pc-c.br{bottom:5px;right:6px}
#s19 .pk-c .pcard .pc-mid{font-size:clamp(26px,9vw,40px)}
#s19 .pk-c.sel{transform:translateY(-16px)}
#s19 .pk-c.sel .pcard{box-shadow:0 0 0 3px #ff4fa3,0 14px 34px #ff4fa388}
#s19 .pk-c.sel::after{content:'CAMBIAR';position:absolute;left:50%;bottom:-17px;transform:translateX(-50%);font-size:8px;font-weight:950;letter-spacing:.1em;color:#ff85c0}
#s19 .pk-c{position:relative}
#s19 .pk-jug{font-size:15px;color:var(--muted);margin-top:14px}
#s19 .pk-jug b{display:block;font-size:24px;color:#fff;font-weight:950}
#s19 .pk-emoji{font-size:44px;line-height:1}
#s19 .pk-h{font-size:22px;font-weight:950;margin-top:6px;letter-spacing:.02em}
#s19 .pk-chips{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:10px}
#s19 .pk-chip{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border-radius:16px;border:1px solid #ffffff1f;background:#ffffff0c;color:#fff;font:inherit;text-align:left}
#s19 .pk-chip span{flex:1;min-width:0;font-weight:900;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#s19 .pk-chip b{font-size:11px;font-weight:950;letter-spacing:.08em;color:#9dffcb}
#s19 .pk-chip.out{background:#ff174f1c;border-color:#ff4d6988}
#s19 .pk-chip.out b{color:#ff8a9d}
#s19 .pk-chip.out span{opacity:.7;text-decoration:line-through}
#s19 .pk-res{display:flex;flex-direction:column;gap:9px;margin-top:12px}
#s19 .pk-veredicto{padding:12px 14px;border-radius:18px;background:#ffffff0d;border:1px solid #ffffff18;text-align:center;font-size:15px;line-height:1.5}
#s19 .pk-row{padding:10px 12px 8px;border-radius:18px;background:#ffffff08;border:1px solid #ffffff14}
#s19 .pk-row.win{background:#2ee59d14;border-color:#2ee59d77}
#s19 .pk-row.lose{background:#ff174f1c;border-color:#ff174f}
#s19 .pk-row.out{opacity:.72}
#s19 .pk-rt{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:15px;font-weight:900}
#s19 .pk-rt span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#s19 .pk-rt b{font-size:13px;color:var(--pink);text-align:right;flex:none}
#s19 .pk-row .sc-mini{justify-content:flex-start;margin-top:7px;flex-wrap:nowrap}
#s19 .pk-row .pcard.mini{width:40px;height:56px}
#s19 .pk-row small{display:block;margin-top:6px;font-size:12px;color:#ff8a9d;font-weight:700}
#s19 .pk-duel{padding:10px 12px;border-radius:18px;background:#ffc27a14;border:1px solid #ffc27a66;text-align:center}
#s19 .pk-duel small{display:block;font-size:10px;letter-spacing:.2em;font-weight:900;color:#ffc27a}
#s19 .pk-dd{display:flex;justify-content:center;gap:18px;margin:8px 0 4px;flex-wrap:wrap}
#s19 .pk-dd span{display:flex;flex-direction:column;align-items:center;gap:4px}
#s19 .pk-dd i{font-style:normal;font-size:12px;font-weight:900;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#s19 .pk-duel em{display:block;font-size:11px;color:var(--muted);font-style:normal;line-height:1.4}

/* Ventana de castigo */
#scPunish .levelup-box.sc-alarm{border-color:#ff1744;box-shadow:0 0 90px #ff174f77;animation:scAlarm 0.9s ease-in-out infinite alternate}
@keyframes scAlarm{from{box-shadow:0 0 40px #ff174f44}to{box-shadow:0 0 110px #ff174fbb}}
#scPunish .sc-pun-lab{font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:800}
#scPunish h2{font-size:26px;font-weight:950;margin:4px 0 10px;color:var(--pink)}
#scPunish .sc-pun-text{font-size:16px;font-weight:700;line-height:1.45;color:#fff;margin:0}
#scPunish .sc-pun-btn{background:linear-gradient(135deg,#ff4d69,#8d63ff)}
#scPunish .smallbtn{margin-top:2px}

/* Pantallas bajas: carta y mesa más pequeñas para que los botones sigan a la vista */
@media (max-height:700px){
  #s19 .pcard{width:124px;height:174px}
  #s19 .pc-mid{font-size:70px}
  #s19 .pc-c{font-size:23px}
  #s19 .sc-table{padding:14px 0;margin-top:8px}
  #s19 .sc-big{height:72px}
  #s19 .sc-turn{margin-top:8px}
  #s19 .sc-hand .pcard{width:62px;height:88px;margin-left:-22px}
  #s19 .sc-hand{min-height:96px}
  #s19 .sc-total b{font-size:46px}
  #s19 .sc-mark b{font-size:36px}
}