.cx-pantalla{--oro:#e2b43c;--oro2:#ffe58a;background:radial-gradient(800px 500px at 50% 0,#10183a 0,#070b1c 70%),#03050d}
.cx-pantalla .rp-cuerpo{gap:6px;padding:6px 8px calc(8px + env(safe-area-inset-bottom,0px))}
.cx-pantalla .rp-luz{background:radial-gradient(130% 100% at 50% 50%,#0000 60%,#000a 100%)}
.cr-ayuda{padding:.15rem .6rem!important;font-size:.85rem!important;line-height:1.3}

.cr-historial{flex:none;display:flex;gap:4px;overflow-x:auto;min-height:24px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.cr-historial::-webkit-scrollbar{display:none}
.cr-h{flex:none;border:1px solid #ffffff22;border-radius:999px;padding:.12rem .5rem;font:700 .72rem "Segoe UI",system-ui;font-variant-numeric:tabular-nums;color:#cfe0ff;background:#0b1230cc}
.cr-h.m{color:#ffe58a;border-color:#e2b43c88;background:#2a2108cc}
.cr-h.a{color:#7dffb2;border-color:#2ecc7188;background:#08301acc;box-shadow:0 0 8px #2ecc7144}

.cr-escena{position:relative;flex:1 1 0;min-height:150px;border-radius:14px;overflow:hidden;border:1px solid #b8860b99;box-shadow:0 0 0 1px #000,0 8px 22px #000a,inset 0 0 40px #0008;background:#050814}
#cr-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.cr-centro{position:absolute;left:0;right:0;top:11%;text-align:center;pointer-events:none;z-index:2}
.cr-mult{font:800 clamp(2.3rem,14vw,3.8rem)/1 "Segoe UI",system-ui,sans-serif;font-variant-numeric:tabular-nums;color:#fff;letter-spacing:-.02em;text-shadow:0 0 18px #9fc2ff99,0 3px 8px #000c;transition:color .25s}
.cr-mult.espera{color:#cfdcff;text-shadow:0 0 14px #9fc2ff55,0 3px 8px #000c}
.cr-mult.medio{color:#ffe58a;text-shadow:0 0 22px #e2b43caa,0 3px 8px #000c}
.cr-mult.alto{color:#8dffbd;text-shadow:0 0 26px #2ecc71cc,0 3px 8px #000c}
.cr-mult.cayo{color:#ff6b5e;text-shadow:0 0 24px #ff3b2acc,0 3px 8px #000c;animation:cr-cae .5s ease-out}
@keyframes cr-cae{0%{transform:scale(1.3)}100%{transform:scale(1)}}
.cr-estado{margin-top:.15rem;font:700 .74rem "Segoe UI",system-ui;letter-spacing:.16em;text-transform:uppercase;color:#cdbf98;text-shadow:0 1px 4px #000}
.cr-barra{width:52%;height:4px;margin:.45rem auto 0;border-radius:3px;background:#ffffff26;overflow:hidden}
.cr-barra i{display:block;height:100%;background:linear-gradient(90deg,#a9780f,#ffe58a);border-radius:3px}
.cr-huella{position:absolute;left:6px;top:6px;z-index:3;display:flex;align-items:center;gap:4px;border:1px solid #ffffff1f;border-radius:999px;padding:.12rem .5rem .12rem .2rem;background:#050814aa;color:#9fb0d6;font:.62rem ui-monospace,Menlo,monospace}
.cr-huella img{width:16px;height:16px}
.cr-flota{position:absolute;inset:0;z-index:4;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;padding-bottom:42%}
.cr-toast{background:#000c;border:1px solid #e2b43c88;color:#ffe9a8;border-radius:10px;padding:.3rem .7rem;font-size:.8rem;animation:cr-sube 2.6s ease-out forwards}
.cr-toast.mal{border-color:#e74c3c;color:#ffb3aa}
@keyframes cr-sube{0%{opacity:0;transform:translateY(10px)}10%{opacity:1;transform:none}85%{opacity:1}100%{opacity:0;transform:translateY(-10px)}}
.cx-gana{position:absolute;top:34%;display:flex;flex-direction:column;align-items:center;color:#7dffb2;font-family:"Segoe UI",system-ui;text-shadow:0 0 14px #2ecc71,0 2px 6px #000;animation:cx-gana 2.2s ease-out forwards}
.cx-gana.neutro{color:#c9d2ea;text-shadow:0 2px 6px #000}.cx-gana.neutro span{color:#c9d2ea}
.cx-gana b{font-size:1.5rem}.cx-gana span{font-size:1.1rem;font-weight:700;color:#ffe58a}
@keyframes cx-gana{0%{opacity:0;transform:scale(.6)}15%{opacity:1;transform:scale(1.15)}30%{transform:scale(1)}85%{opacity:1}100%{opacity:0;transform:translateY(-30px)}}
.cr-resumen{position:absolute;left:6px;right:6px;bottom:6px;z-index:3;cursor:pointer;background:#050814d9;border:1px solid #ffffff1f;border-radius:12px;padding:.25rem .35rem .3rem;backdrop-filter:blur(3px)}
.cr-resumen .rj-res{margin:0;max-width:none}
.cr-resumen .rj-c{padding:.15rem .2rem}.cr-resumen .rj-c b{font-size:.88rem}.cr-resumen .rj-c small{font-size:.56rem}
.cr-det{display:flex;gap:.6rem;justify-content:center;margin-top:.15rem;font-size:.66rem;color:#aab4cf}.cr-det .g{color:#7dffb2}.cr-det .p{color:#ff8a7e}

.cr-apuestas{flex:none;display:grid;grid-template-columns:minmax(0,1fr);gap:6px}.cx-ap[hidden]{display:none}
.cx-ap{min-width:0;display:flex;flex-direction:column;gap:4px;padding:6px;border-radius:12px;background:linear-gradient(180deg,#141b3acc,#0a0f24f2);border:1px solid #e2b43c55;box-shadow:inset 0 1px 0 #ffffff12,0 4px 10px #0008}
.cx-ap.bloq .cr-monto,.cx-ap.bloq .cr-rapidas,.cx-ap.bloq .cr-auto{opacity:.45}
.cr-monto{display:flex;align-items:stretch;gap:4px}
.cr-pm{flex:none;width:30px;border:1px solid #e2b43c66;border-radius:8px;background:#0b1230;color:#ffe58a;font:700 1.1rem "Segoe UI";line-height:1}
.cr-in,.cr-auto-in{min-width:0;width:100%;text-align:center;border:1px solid #ffffff2a;border-radius:8px;background:#04071a;color:#fff;font:700 1rem "Segoe UI",system-ui;font-variant-numeric:tabular-nums;padding:.25rem .2rem}
.cr-in:focus,.cr-auto-in:focus{outline:1px solid var(--oro);border-color:var(--oro)}
.cr-rapidas{display:flex;gap:3px}
.cr-rapidas button{flex:1;min-width:0;padding:.18rem 0;border:1px solid #ffffff22;border-radius:7px;background:#0d1533;color:#cdbf98;font:600 .66rem "Segoe UI"}
.cr-auto{display:flex;align-items:center;gap:3px;font-size:.6rem;color:#aab4cf;min-width:0}
.cr-auto span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1 auto;min-width:0}.cr-auto-in{width:3rem;flex:none;min-width:2.6rem;font-size:.82rem;padding:.12rem}.cr-auto b{color:#cdbf98}
.cr-auto input[type=checkbox]{flex:none;width:15px;height:15px;accent-color:#e2b43c}
.cx-ap:not(.con-auto) .cr-auto-in{opacity:.55}
.cr-boton{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:46px;padding:.25rem;border:0;border-radius:10px;color:#fff;background:linear-gradient(180deg,#58c46a,#2e8b3e 60%,#16571f);box-shadow:0 3px 0 #0b3a12,0 6px 12px #000a;transition:transform .08s,filter .15s}
.cr-boton b{font:800 .95rem "Segoe UI",system-ui;letter-spacing:.05em}.cr-boton i{font:600 .66rem "Segoe UI";font-style:normal;opacity:.92;font-variant-numeric:tabular-nums;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cr-boton:active{transform:translateY(2px);box-shadow:0 1px 0 #0b3a12,0 3px 6px #000a}
.cr-boton.cobrar{flex-direction:row;gap:.4rem;flex-wrap:wrap;color:#fff;background:linear-gradient(180deg,#ffb04a,#f07d12 55%,#b25205);box-shadow:0 3px 0 #6a3003,0 6px 14px #000a;animation:cr-pulso 1s ease-in-out infinite}
@keyframes cr-pulso{50%{filter:brightness(1.18)}}
.cr-boton.cancelar{background:linear-gradient(180deg,#f0655b,#c62828 60%,#7e1414);box-shadow:0 3px 0 #4a0c0c,0 6px 12px #000a}
.cr-boton.cobrada{background:linear-gradient(180deg,#1f3a2a,#0f2418);box-shadow:none;color:#7dffb2}
.cr-boton:disabled{opacity:.55}

.cr-lista{flex:none;height:92px;display:flex;flex-direction:column;border-radius:12px;background:#080d22d9;border:1px solid #ffffff1a;overflow:hidden}
.cr-lista-cab{display:flex;justify-content:space-between;padding:.2rem .6rem;font:700 .64rem "Segoe UI";letter-spacing:.08em;text-transform:uppercase;color:#9fb0d6;border-bottom:1px solid #ffffff14}
.cr-lista-cab b{color:#ffe58a}
.cr-filas{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;font-size:.72rem}
.cr-f{display:grid;grid-template-columns:1.3fr .8fr 1.5fr;gap:4px;padding:.12rem .6rem;border-bottom:1px solid #ffffff0d;font-variant-numeric:tabular-nums;color:#c9d3ea}
.cr-f .mo{text-align:right}.cr-f .re{text-align:right}.cr-f.gano .re b{color:#7dffb2}.cr-f .re em{font-style:normal;color:#ff8a7e}
.cr-f.yo{background:#e2b43c1f;color:#ffe9a8}.cr-f.cobrada.gano .re{color:#ffe58a}
.cr-f .al{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cr-vacio{padding:.5rem;text-align:center;color:#7d89aa;font-size:.72rem}

.cr-velo{z-index:2147482000}
.cx-modal{max-width:23rem}.cx-reglas{padding-left:1.1rem;text-align:left;font-size:.84rem;line-height:1.4}.cx-reglas li{margin:.25rem 0}
.cr-dl{display:grid;grid-template-columns:auto 1fr;gap:.2rem .6rem;text-align:left;font-size:.78rem;margin:.5rem 0}.cr-dl dt{color:#9fb0d6}.cr-dl dd{margin:0;overflow-wrap:anywhere}
.cr-dl .mono{font-family:ui-monospace,Menlo,monospace;font-size:.66rem}
.cr-ver{font-weight:700}.cr-ver.ok{color:#4cf08a}.cr-ver.mal{color:#ff6b5e}

@media(min-height:780px){.cr-lista{height:150px}.cr-escena{min-height:260px}}
@media(max-height:620px){.cr-lista{height:64px}.cr-rapidas{display:none}}
@media(prefers-reduced-motion:reduce){.cr-boton.cobrar{animation:none}}

.cx-pantalla .rp-titulo{white-space:nowrap;font-size:.92rem}.cx-pantalla .rp-barra{gap:.35rem}

.cr-boton.cobrar i{font-size:1.05rem;font-weight:800;opacity:1}

.cr-boton.cobrar i{font-size:.8rem}
.cr-parcial{display:flex;align-items:center;gap:3px;font-size:.6rem;color:#aab4cf}
.cr-parcial[hidden]{display:none}
.cr-parcial span{flex:none}
.cr-parcial button{flex:1;min-width:0;padding:.32rem 0;border:1px solid #e2b43c88;border-radius:7px;background:#0d1533;color:#ffe58a;font:700 .68rem "Segoe UI"}
.cr-parcial button:active{filter:brightness(1.3)}

.cr-valor{flex:1;text-align:center;border:1px solid #b8860b88;border-radius:8px;background:#04071a;padding:.02rem .2rem}
.cr-valor small{display:block;font:600 .5rem "Segoe UI";letter-spacing:.08em;text-transform:uppercase;color:#bfae7e}
.cr-valor b{font:700 1rem Georgia,serif;color:#ffe9a8}
.cr-fichas{display:flex;justify-content:center;gap:2px;padding:5px 0 0}
.cr-fichas button{background:none;border:0;padding:0;min-width:0}
.cr-fichas .rp-ficha{--t:29px!important}
.cx-ap.bloq .cr-fichas{opacity:.45}