/* León Royal: gabinete de ébano con filos de oro, luces, tres rodillos con terciopelo y el León Dorado. Móvil vertical primero (~390 px de ancho, ~664 de alto útil):
   máquina → resultado → mando → fichas. Las filas del mando (mn-fila, mn-p, mn-valor, mn-gran) son las de Mines Royal (royal_mines.css). */
.lo-pantalla{background:var(--rp-fondo,none) center/cover no-repeat,radial-gradient(560px 420px at 50% 18%,#5a3a1055 0,#0000 70%),linear-gradient(180deg,#0b0705,#1a0d08 55%,#060302)}
.lo-pantalla .rp-cuerpo{padding:.25rem .45rem calc(.2rem + env(safe-area-inset-bottom));gap:.25rem}
.lo-zona{flex:1 1 0;min-height:200px;display:flex;align-items:center;justify-content:center;position:relative;z-index:2}
.lo-maq{--c:92px;position:relative;box-sizing:border-box;padding:7px;border-radius:22px;border:3px solid transparent;
  background:linear-gradient(#17100c,#0a0605) padding-box,linear-gradient(145deg,#fff0a8,#e2b53a 26%,#7a5510 50%,#d9a53a 76%,#6b4a06) border-box;
  background-image:var(--lo-maq-arte,none),linear-gradient(#1a110c,#0a0605),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}
.lo-cab{position:relative;border-radius:14px 14px 6px 6px;padding:5px 6px 4px;margin-bottom:5px;background:linear-gradient(180deg,#3a0f12,#1d0709);box-shadow:inset 0 1px 0 #ffe9a855,inset 0 -2px 5px #000}
.lo-leds{display:flex;justify-content:space-between;padding:0 4px}
.lo-leds span{width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff7c8,#e2b53a 55%,#6b4a06);box-shadow:0 0 5px #ffd34a;animation:lo-led 1.6s ease-in-out infinite;animation-delay:calc(var(--i)*.13s)}
@keyframes lo-led{0%,100%{opacity:.45}50%{opacity:1}}
.lo-letrero{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:3px}
.lo-letrero img{height:calc(var(--c)*.46);width:auto;filter:drop-shadow(0 2px 3px #000c)}
.lo-mults{display:flex;gap:5px}
.lo-mults span{min-width:calc(var(--c)*.46);text-align:center;padding:.12rem .3rem;border-radius:9px;font:700 .8rem Georgia,serif;color:#8a7a52;background:linear-gradient(180deg,#120c08,#050302);border:1px solid #6b4a0688;box-shadow:inset 0 2px 4px #000;transition:all .25s}
.lo-mults span.pasada{color:#e2c46a}
.lo-mults span.on{color:#1a1200;background:linear-gradient(180deg,#fff0a8,#e2b53a);border-color:#fff3b8;box-shadow:0 0 12px #ffd34a,inset 0 1px 0 #fff;transform:scale(1.12)}
.lo-ventana{position:relative;padding:5px;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}
.lo-reles{display:flex;gap:4px;border-radius:7px;padding:3px;background:#050302;box-shadow:inset 0 0 14px #000}
.lo-col{position:relative;width:var(--c);height:calc(var(--c)*3);overflow:hidden;border-radius:5px;
  background:radial-gradient(120% 70% at 50% 0,#4a1c1c 0,#220b0c 60%,#120506),repeating-linear-gradient(0deg,#ffffff06 0 2px,#0000 2px 4px);
  box-shadow:inset 0 0 18px #000,inset 0 0 0 1px #e2b53a33}
.lo-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%)}
.lo-col.gira .lo-tira{filter:blur(1.4px)}
.lo-tira{position:relative;z-index:1;will-change:transform}
.lo-sim{width:var(--c);height:var(--c);display:grid;place-items:center;position:relative}
.lo-img{width:82%;height:82%;object-fit:contain;filter:drop-shadow(0 3px 4px #000c)}
.lo-leon,.lo-leon-img{width:96%;height:96%;display:block;filter:drop-shadow(0 3px 5px #000d)}
.lo-leon{display:grid;place-items:center}.lo-svg{width:100%;height:100%}
.lo-sim.gana{animation:lo-gana .7s ease-in-out infinite alternate;z-index:2}
.lo-sim.gana::after{content:"";position:absolute;inset:6%;border-radius:12px;box-shadow:0 0 0 2px #ffe58a,0 0 16px #ffd34a,inset 0 0 14px #ffd34a88;pointer-events:none}
@keyframes lo-gana{from{transform:scale(1)}to{transform:scale(1.09)}}
.lo-sim.salto{animation:lo-salto .42s cubic-bezier(.3,1.5,.5,1)}
@keyframes lo-salto{0%{transform:scale(1)}45%{transform:scale(1.4);filter:brightness(1.6) drop-shadow(0 0 12px #ffd34a)}100%{transform:scale(1.15)}}
.lo-sim.expande{animation:lo-expande .5s cubic-bezier(.2,1.3,.4,1) backwards}
@keyframes lo-expande{0%{transform:scale(.2);opacity:0;filter:brightness(2.2)}60%{transform:scale(1.15);opacity:1}100%{transform:scale(1)}}
.lo-col.bloq{box-shadow:inset 0 0 18px #000,inset 0 0 0 2px #ffd34a,0 0 14px #ffd34aaa;background:radial-gradient(100% 70% at 50% 40%,#7a4a12 0,#3a1c08 70%,#1a0c04)}
.lo-candado{position:absolute;z-index:4;left:50%;bottom:3px;width:calc(var(--c)*.2);height:calc(var(--c)*.2);transform:translateX(-50%) scale(0);border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#fff7c8,#e2b53a 55%,#6b4a06);box-shadow:0 0 8px #ffd34a;transition:transform .3s cubic-bezier(.3,1.6,.5,1)}
.lo-col.bloq .lo-candado{transform:translateX(-50%) scale(1)}
.lo-lineas{position:absolute;left:8px;top:8px;width:calc(100% - 16px);height:calc(100% - 16px);z-index:5;pointer-events:none;filter:drop-shadow(0 0 3px #000)}
.lo-lineas polyline{stroke-width:3.2px}
.lo-sombra{position:absolute;inset:5px;border-radius:7px;pointer-events:none;box-shadow:inset 0 0 22px #000b;z-index:4}
.lo-pie{margin-top:5px;background:linear-gradient(180deg,#1d0709,#3a0f12);border-radius:6px 6px 14px 14px;padding:4px 6px}
.lo-aviso{position:absolute;z-index:7;left:50%;top:50%;transform:translate(-50%,-50%) scale(.6);opacity:0;pointer-events:none;text-align:center;padding:.45rem 1.2rem;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}
.lo-aviso small{display:block;font:700 .7rem "Segoe UI",system-ui;letter-spacing:.14em}.lo-aviso b{font:800 1.7rem Georgia,serif;line-height:1.05}
.lo-aviso.ver{opacity:1;transform:translate(-50%,-50%) scale(1);transition:all .3s cubic-bezier(.3,1.5,.5,1)}
.lo-aviso.completa{background:linear-gradient(180deg,#ffe9a0,#ff9a2a 55%,#a02a08)}
.lo-dato{flex:none;height:52px;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;z-index:3}
.lo-dato .rj-res{margin:0;width:100%;max-width:24rem}.lo-dato .rj-c{padding:.15rem .2rem}
.lo-dato .rj-nota:not(.lo-tope){display:none}
.lo-pista{font:600 .76rem "Segoe UI",system-ui;text-align:center;color:#cdbf98;padding:0 .4rem}
.lo-gana{color:#ffe58a;font-size:.86rem}.lo-gana b{color:#fff;font-size:1rem}
.lo-mando{flex:none;display:flex;flex-direction:column;gap:5px;position:relative;z-index:6}
.lo-fichas{flex:none;position:relative;z-index:6}
.lo-modal{max-height:88vh;overflow:auto;text-align:left}.lo-modal h2{text-align:center}
.lo-tabla{width:100%;border-collapse:collapse;margin:.3rem 0}.lo-tabla td{padding:.15rem .3rem;border-bottom:1px solid #ffffff14;font-size:.82rem}
.lo-ico{width:34px}.lo-ico .lo-img,.lo-ico .lo-leon{width:30px;height:30px;display:block}.lo-pago{text-align:right;font-variant-numeric:tabular-nums;color:#ffe58a}

/* León Royal dentro del ancho de 390 (Nerio, 06/10/2026): la pantalla recorta lo que sobre, el aviso no pasa del 90 % y el mando nunca pasa del borde */
.lo-pantalla{max-width:100vw;overflow:hidden;contain:paint}
.lo-pantalla .rp-cuerpo,.lo-zona,.lo-mando,.lo-fichas,.lo-dato{max-width:100%;min-width:0;box-sizing:border-box}
.lo-maq{max-width:100%}
.lo-aviso{max-width:90%;box-sizing:border-box}
.lo-mando .mn-gran,.lo-mando .mn-fila{max-width:100%;box-sizing:border-box;min-width:0}