.ap-panel,.dp-hoja-velo{--oro:#ffc627;--oro2:#b8860b;--oro3:#ffe9a8;--rojo:#c62828;--txt:#f3ead3;--suave:#a89f88;--borde:#b8860b66;--ok:#4cf08a;--mal:#ff6b5e}
.ap-panel{position:fixed;inset:var(--ctl-top,28px) 0 0 0;z-index:2000;display:flex;flex-direction:column;background:radial-gradient(900px 420px at 50% -8%,#3a0e0e 0,#0a0a0a 62%) #0a0a0a;color:var(--txt);font-family:"Segoe UI",system-ui,sans-serif}
.ap-cab{flex:none;display:flex;align-items:center;gap:.6rem;padding:.55rem .7rem;border-bottom:1px solid var(--borde);background:#0a0a0af2}
.ap-cab h2{margin:0;flex:1;font:700 1.15rem Georgia,serif;color:var(--oro);letter-spacing:.04em}
.ap-x{border:1px solid var(--oro2);background:#140808;color:var(--oro3);border-radius:999px;width:2.1rem;height:2.1rem;font-size:1rem}
.ap-saldo{padding:.25rem .65rem;font-size:.82rem}
.ap-tabs{flex:none;display:grid;grid-template-columns:1fr 1fr;gap:0;border-bottom:2px solid var(--oro2)}
.ap-tabs button{border:0;background:#140808;color:var(--suave);font:700 .92rem "Segoe UI",system-ui;padding:.7rem .4rem;letter-spacing:.04em}
.ap-tabs button.on{background:linear-gradient(180deg,#ffe58a,var(--oro) 55%,var(--oro2));color:#1a1200}
.ap-resumen{flex:none;display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;padding:.55rem .7rem}
.ap-resumen div{background:#1a0c0c;border:1px solid var(--borde);border-radius:10px;padding:.35rem .4rem;text-align:center}
.ap-resumen small{display:block;font-size:.62rem;text-transform:uppercase;letter-spacing:.06em;color:var(--suave)}
.ap-resumen b{font-size:1rem;font-variant-numeric:tabular-nums}.ap-resumen b.ok{color:var(--ok)}
.ap-lista{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:.2rem .7rem 1rem;display:flex;flex-direction:column;gap:.5rem}
.ap-fila{display:flex;justify-content:space-between;gap:.6rem;align-items:flex-start;background:#160a0a;border:1px solid var(--borde);border-left:4px solid var(--oro2);border-radius:10px;padding:.55rem .65rem}
.ap-fila.ganada{border-left-color:var(--ok)}.ap-fila.perdida{border-left-color:var(--mal)}.ap-fila.en_juego{border-left-color:#2ecc71}
.ap-izq{min-width:0;display:flex;flex-direction:column;gap:.15rem}.ap-izq b{font-size:.92rem;overflow-wrap:anywhere}.ap-izq span{font-size:.82rem;color:var(--oro3);overflow-wrap:anywhere}
.ap-izq small,.ap-der small{font-size:.68rem;color:var(--suave)}
.ap-der{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:.15rem;text-align:right;max-width:44%}
.ap-est{font:700 .78rem "Segoe UI",system-ui;border-radius:999px;padding:.15rem .6rem;border:1px solid var(--oro2);color:var(--oro3);white-space:nowrap}
.ap-est.ganada{color:#06210f;background:var(--ok);border-color:var(--ok)}.ap-est.perdida{color:#2a0905;background:var(--mal);border-color:var(--mal)}.ap-est.en_juego{color:#06210f;background:#2ecc71;border-color:#2ecc71}
.ap-vacio{color:var(--suave);text-align:center;padding:1.6rem .8rem;font-size:.9rem}
.ap-push{flex:none;display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.5rem .7rem;border-top:1px solid var(--borde);font-size:.78rem;color:var(--oro3);background:#0e0606}
.ap-push span{flex:1}.ap-pie{flex:none;margin:0;padding:.35rem .7rem calc(.45rem + env(safe-area-inset-bottom));font-size:.66rem;color:var(--suave);text-align:center}

.btn-apuestas{border:1px solid var(--oro2,#b8860b);background:linear-gradient(180deg,#ffe58a,#ffc627 55%,#b8860b);color:#1a1200;font:800 .78rem "Segoe UI",system-ui;letter-spacing:.04em;border-radius:999px;padding:.32rem .8rem;white-space:nowrap;flex:none}
.dp-top .btn-apuestas{margin-left:auto}

.dp-hoja-velo{position:absolute;inset:0;z-index:30;background:#000b;display:flex;flex-direction:column;justify-content:flex-end}
.dp-hoja{background:linear-gradient(180deg,#220c0c,#0a0505);border-top:2px solid var(--oro2);border-radius:16px 16px 0 0;padding:.8rem .8rem calc(.9rem + env(safe-area-inset-bottom));max-height:88%;overflow-y:auto;color:var(--txt);box-shadow:0 -10px 30px #000}
.dp-hoja h3{margin:0 0 .15rem;font:700 1.05rem Georgia,serif;color:var(--oro)}.dp-hoja .dp-h-ev{margin:0 0 .7rem;color:var(--suave);font-size:.82rem}
.dp-h-opc{display:grid;grid-template-columns:1fr;gap:.5rem}
.dp-h-opc button{display:flex;align-items:center;gap:.7rem;text-align:left;border:1px solid var(--oro2);background:#160a0a;color:var(--txt);border-radius:12px;padding:.7rem .8rem;font:600 .95rem "Segoe UI",system-ui}
.dp-h-opc button i{font-style:normal;flex:none;width:2rem;height:2rem;display:grid;place-items:center;border-radius:50%;background:#2b1010;border:1px solid var(--oro2);color:var(--oro);font-weight:800}
.dp-h-opc button span{flex:1;min-width:0;overflow-wrap:anywhere}.dp-h-opc button em{font-style:normal;color:var(--oro);font-weight:800}
.dp-h-elegida{display:flex;align-items:center;justify-content:space-between;gap:.5rem;background:#160a0a;border:1px solid var(--borde);border-radius:10px;padding:.5rem .7rem;margin-bottom:.6rem}
.dp-h-fila{display:flex;align-items:center;justify-content:center;gap:.8rem;margin:.6rem 0}
.dp-h-monto{font-size:1.15rem;font-variant-numeric:tabular-nums;text-align:center}.dp-h-monto small{display:block;font-size:.7rem;color:var(--suave)}
.dp-h-acc{display:flex;gap:.5rem;margin-top:.8rem}.dp-h-acc .btn{flex:1}
.dp-h-tabla{width:100%;border-collapse:collapse;margin:.4rem 0 .2rem}
.dp-h-tabla td{padding:.4rem .2rem;border-bottom:1px solid #ffffff14;font-size:.9rem;vertical-align:top}.dp-h-tabla td:first-child{color:var(--suave);width:38%}.dp-h-tabla td:last-child{text-align:right;font-weight:700;overflow-wrap:anywhere}
.dp-h-nota{font-size:.72rem;color:var(--suave);margin:.5rem 0 0}
.dp-h-ok{text-align:center;font:700 1.05rem Georgia,serif;color:var(--ok);margin:0 0 .4rem}
.dp-h-push{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.7rem;font-size:.76rem;color:var(--oro3)}
.dp-barra-ap .dp-apostar{width:100%;font-size:1rem;padding:.7rem}
@media(max-width:360px){.btn-apuestas{padding:.3rem .55rem;font-size:.72rem}}

.dp-top{gap:.35rem}.dp-top .btn-apuestas{margin-left:auto}
@media(max-width:480px){
  .dp-top{padding:.4rem .45rem}
  .dp-top .dp-interruptor button{padding:.3rem .62rem;font-size:.72rem;letter-spacing:.03em}
  .dp-top .btn-apuestas{padding:.3rem .6rem;font-size:.72rem}
  .dp-top .saldo{padding:.22rem .5rem;font-size:.74rem;white-space:nowrap}
}
.dp-bote{margin:.6rem 0 0;padding:.55rem .7rem;border:1px solid rgba(212,175,55,.45);border-radius:10px;background:rgba(212,175,55,.08);font-size:.78rem;line-height:1.35}
.dp-bote p{margin:0}.dp-bote p+p{margin-top:.3rem}.dp-bote b{color:var(--oro,#d4af37)}