.ja-pantalla{background:var(--rp-fondo,none) center/cover no-repeat,radial-gradient(560px 420px at 50% 18%,#1f5a2a55 0,#0000 70%),linear-gradient(180deg,#040b06,#0a1a0e 55%,#030804)}
.ja-pantalla .rp-cuerpo{padding:.25rem .45rem calc(.2rem + env(safe-area-inset-bottom));gap:.25rem}
.ja-zona{flex:1 1 0;min-height:200px;display:flex;align-items:center;justify-content:center;position:relative;z-index:2}
.ja-maq{--c:62px;position:relative;box-sizing:border-box;padding:6px;border-radius:20px;border:3px solid transparent;
  background:linear-gradient(#0e1a10,#050a06) padding-box,linear-gradient(145deg,#fff0a8,#e2b53a 26%,#7a5510 50%,#d9a53a 76%,#6b4a06) border-box;
  background-image:var(--ja-maq-arte,none),linear-gradient(#0f1c12,#050a06),linear-gradient(145deg,#fff0a8,#e2b53a 26%,#7a5510 50%,#d9a53a 76%,#6b4a06);
  background-size:cover,100% 100%,100% 100%;background-origin:padding-box,padding-box,border-box;background-clip:padding-box,padding-box,border-box;
  box-shadow:0 16px 34px #000d,0 0 0 1px #000,inset 0 0 30px #000c,0 0 38px #e2b53a22;transition:box-shadow .4s}
.ja-maq.ja-modo-gratis{box-shadow:0 16px 34px #000d,0 0 0 1px #000,inset 0 0 30px #000c,0 0 46px #7fe8ff88}
.ja-maq.ja-modo-hw{box-shadow:0 16px 34px #000d,0 0 0 1px #000,inset 0 0 30px #000c,0 0 46px #ffd34acc}
.ja-cab{position:relative;border-radius:14px 14px 6px 6px;padding:5px 6px 4px;margin-bottom:5px;background:linear-gradient(180deg,#0f3a1a,#06180c);box-shadow:inset 0 1px 0 #ffe9a855,inset 0 -2px 5px #000;transition:background .4s}
.ja-modo-gratis .ja-cab{background:linear-gradient(180deg,#0f3a52,#061a28)}
.ja-modo-hw .ja-cab{background:linear-gradient(180deg,#4a3408,#1e1404)}
.ja-leds{display:flex;justify-content:space-between;padding:0 4px}
.ja-leds span{width:6px;height:6px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff7c8,#e2b53a 55%,#6b4a06);box-shadow:0 0 5px #ffd34a;animation:ja-led 1.6s ease-in-out infinite;animation-delay:calc(var(--i)*.13s)}
@keyframes ja-led{0%,100%{opacity:.45}50%{opacity:1}}
.ja-letrero{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:3px}
.ja-letrero img{height:calc(var(--c)*.55);width:auto;filter:drop-shadow(0 2px 3px #000c)}
.ja-titulo{flex:1;min-width:0;text-align:center;line-height:1.1}
.ja-titulo small{display:block;font:700 .62rem "Segoe UI",system-ui;letter-spacing:.12em;color:#ffe58a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ja-titulo b{display:block;min-height:1.1rem;font:700 .8rem Georgia,serif;color:#fff}
.ja-gg{color:#9fefff}
.ja-resp{display:inline-flex;gap:5px;align-items:center;vertical-align:middle}
.ja-resp i{width:11px;height:11px;border-radius:50%;background:#2a2008;border:1px solid #7a5510;box-shadow:inset 0 1px 2px #000;transition:all .2s}
.ja-resp i.on{background:radial-gradient(circle at 35% 30%,#fff7c8,#e2b53a 55%,#6b4a06);box-shadow:0 0 8px #ffd34a}
.ja-ventana{position:relative;padding:4px;border-radius:10px;background:linear-gradient(145deg,#5e4210,#e2b53a 30%,#6b4a06 60%,#b88a24);box-shadow:inset 0 0 0 1px #0008,0 2px 6px #000a}
.ja-reles{display:flex;gap:3px;border-radius:7px;padding:3px;background:#030603;box-shadow:inset 0 0 14px #000}
.ja-col{position:relative;width:var(--c);height:calc(var(--c)*3);overflow:hidden;border-radius:5px;
  background:radial-gradient(120% 70% at 50% 0,#1c4a24 0,#0e2814 60%,#06140a),repeating-linear-gradient(0deg,#ffffff06 0 2px,#0000 2px 4px);
  box-shadow:inset 0 0 18px #000,inset 0 0 0 1px #e2b53a33}
.ja-col::before{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(180deg,#000a 0,#0000 20%,#0000 80%,#000a 100%)}
.ja-col.gira .ja-tira{filter:blur(1.4px)}
.ja-tira{position:relative;z-index:1;will-change:transform}
.ja-sim{width:var(--c);height:var(--c);display:grid;place-items:center;position:relative}
.ja-img{display:block;width:84%;height:84%}
.ja-svg{width:100%;height:100%;display:block}
.ja-sim.gana{animation:ja-gana-anim .7s ease-in-out infinite alternate;z-index:2}
.ja-sim.gana::after{content:"";position:absolute;inset:5%;border-radius:10px;box-shadow:0 0 0 2px #ffe58a,0 0 14px #ffd34a,inset 0 0 12px #ffd34a88;pointer-events:none}
@keyframes ja-gana-anim{from{transform:scale(1)}to{transform:scale(1.08)}}
.ja-m{position:absolute;right:4%;bottom:6%;z-index:3;min-width:38%;padding:.05rem .22rem;border-radius:9px;text-align:center;font:800 calc(var(--c)*.22) Georgia,serif;line-height:1.15;color:#1a1200;
  background:linear-gradient(180deg,#fff0a8,#e2b53a);border:1px solid #fff3b8;box-shadow:0 1px 4px #000c;animation:ja-chapa .35s cubic-bezier(.3,1.6,.5,1)}
.ja-m.m3{background:linear-gradient(180deg,#d6fff0,#3ad08a)}.ja-m.m5{background:linear-gradient(180deg,#ffe0f6,#e24ab8);color:#2a0020}.ja-m.m10{background:linear-gradient(180deg,#ffd8d0,#f2442a);color:#fff}
@keyframes ja-chapa{0%{transform:scale(0)}100%{transform:scale(1)}}
.ja-lineas{position:absolute;left:7px;top:7px;width:calc(100% - 14px);height:calc(100% - 14px);z-index:5;pointer-events:none;filter:drop-shadow(0 0 3px #000)}
.ja-lineas polyline{stroke-width:3px}
.ja-sombra{position:absolute;inset:4px;border-radius:7px;pointer-events:none;box-shadow:inset 0 0 22px #000b;z-index:4}
.ja-pie{margin-top:5px;background:linear-gradient(180deg,#06180c,#0f3a1a);border-radius:6px 6px 14px 14px;padding:4px 6px}

.ja-hw{position:absolute;z-index:6;left:7px;top:7px;right:7px;bottom:7px;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(3,1fr);gap:3px;padding:3px;border-radius:7px;
  background:radial-gradient(100% 80% at 50% 30%,#3a2a0a,#150e03);box-shadow:inset 0 0 0 2px #ffd34a88,inset 0 0 24px #000}
.ja-hw[hidden]{display:none}
.ja-hc{position:relative;display:grid;place-items:center;border-radius:8px;background:#0006;box-shadow:inset 0 0 0 1px #e2b53a33,inset 0 2px 6px #000}
.ja-hc.gira::after{content:"";position:absolute;inset:18%;border-radius:50%;border:2px dashed #ffd34a99;animation:ja-gira .6s linear infinite}
@keyframes ja-gira{to{transform:rotate(360deg)}}
.ja-hc.lleno{background:radial-gradient(circle at 50% 40%,#5a3e0a,#1e1404);box-shadow:inset 0 0 0 2px #ffd34a,0 0 8px #ffd34a66}
.ja-hc .ja-img{position:absolute;inset:6%;width:88%;height:88%}
.ja-hc-v{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;font:800 calc(var(--c)*.26) Georgia,serif;color:#2a1800;text-shadow:0 1px 0 #fff8;line-height:1}
.ja-hc-v small{font:800 calc(var(--c)*.17) "Segoe UI",system-ui;letter-spacing:.06em;color:#7a0f0f}
.ja-hc.nueva{animation:ja-nueva .5s cubic-bezier(.3,1.7,.5,1)}
@keyframes ja-nueva{0%{transform:scale(.2);filter:brightness(2.4)}100%{transform:scale(1);filter:none}}
.ja-hw.llena{box-shadow:inset 0 0 0 3px #fff3b8,inset 0 0 40px #ffd34acc;animation:ja-llena .5s ease-in-out infinite alternate}
@keyframes ja-llena{to{filter:brightness(1.35)}}
.ja-aviso{position:absolute;z-index:8;left:50%;top:50%;transform:translate(-50%,-50%) scale(.6);opacity:0;pointer-events:none;text-align:center;padding:.45rem 1.1rem;border-radius:14px;
  background:linear-gradient(180deg,#fff0a8,#e2b53a 55%,#8a5e10);color:#2a1800;box-shadow:0 0 30px #ffd34a,0 8px 20px #000c;border:2px solid #fff3b8;white-space:nowrap;max-width:92%;box-sizing:border-box}
.ja-aviso small{display:block;font:700 .68rem "Segoe UI",system-ui;letter-spacing:.12em}.ja-aviso b{font:800 1.5rem Georgia,serif;line-height:1.05}
.ja-aviso.ver{opacity:1;transform:translate(-50%,-50%) scale(1);transition:all .3s cubic-bezier(.3,1.5,.5,1)}
.ja-aviso.completa{background:linear-gradient(180deg,#d6f6ff,#2aa8e8 55%,#0a4a8a);color:#031a2a;border-color:#e8fbff;box-shadow:0 0 30px #7fe8ff,0 8px 20px #000c}
.ja-aviso.hw{background:linear-gradient(180deg,#ffe9a0,#ff9a2a 55%,#a02a08)}
.ja-dato{flex:none;height:52px;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;z-index:3}
.ja-dato .rj-res{margin:0;width:100%;max-width:24rem}.ja-dato .rj-c{padding:.15rem .2rem}
.ja-dato .rj-nota:not(.ja-tope){display:none}
.ja-pista{font:600 .76rem "Segoe UI",system-ui;text-align:center;color:#cdbf98;padding:0 .4rem}
.ja-gana{color:#ffe58a;font-size:.86rem}.ja-gana b{color:#fff;font-size:1rem}
.ja-mando{flex:none;display:flex;flex-direction:column;gap:5px;position:relative;z-index:6}
.ja-fichas{flex:none;position:relative;z-index:6}
.ja-modal{max-height:88vh;overflow:auto;text-align:left}.ja-modal h2{text-align:center}
.ja-tabla{width:100%;border-collapse:collapse;margin:.3rem 0}.ja-tabla td{padding:.15rem .3rem;border-bottom:1px solid #ffffff14;font-size:.82rem}
.ja-mfila{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center;margin:.1rem 0}.ja-mchip{font-style:normal;padding:.05rem .4rem;border-radius:9px;background:#2a1a06;border:1px solid #e2b53a66;color:#ffe58a;font-weight:700;font-size:.8rem}
.ja-ico{width:34px}.ja-ico .ja-img{width:30px;height:30px}.ja-pago{text-align:right;font-variant-numeric:tabular-nums;color:#ffe58a}

.ja-pantalla{max-width:100vw;overflow:hidden;contain:paint}
.ja-pantalla .rp-cuerpo,.ja-zona,.ja-mando,.ja-fichas,.ja-dato{max-width:100%;min-width:0;box-sizing:border-box}
.ja-maq{max-width:100%}
.ja-mando .mn-gran,.ja-mando .mn-fila{max-width:100%;box-sizing:border-box;min-width:0}

.ja-mon{display:inline-block;width:.95em;height:.95em;border-radius:50%;vertical-align:-.12em;background:radial-gradient(circle at 35% 30%,#fff3b0 0,#f2c94c 45%,#b8860b 100%);box-shadow:inset 0 0 0 .12em #8a6508}