
.po-pantalla{background:radial-gradient(520px 380px at 50% 0,#0f5a3055 0,#0000 70%),linear-gradient(180deg,#07100a,#0d1a10 60%,#040906)}
.po-pantalla .rp-titulo{font-size:.78rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.po-pantalla .rp-barra{gap:.35rem;padding:.35rem .5rem}
.po-pantalla .rp-casino{padding:.3rem .6rem;font-size:.78rem}
.po-pantalla .saldo{padding:.2rem .5rem!important;font-size:.78rem!important;white-space:nowrap}
.po-pantalla .po-reglas{padding:.3rem .55rem;font-size:.8rem}
.po-banda{flex:none;display:flex;justify-content:center;gap:.5rem;align-items:baseline;padding:.25rem .5rem;background:linear-gradient(90deg,#0000,#ffc62722,#0000);border-bottom:1px solid #b8860b55;font:700 .68rem "Segoe UI",system-ui;letter-spacing:.12em;color:#ffe9a8}
.po-banda em{font-style:normal;font-weight:600;letter-spacing:.04em;color:#cdbf96}
.po-tabs{flex:none;display:flex;gap:.4rem;padding:.4rem .6rem 0}
.po-tabs button,.po-ligas button{border:1px solid #b8860b88;background:#1b1710;color:#ffe9a8;border-radius:999px;padding:.3rem .8rem;font:700 .76rem "Segoe UI",system-ui}
.po-tabs button.on,.po-ligas button.on{background:linear-gradient(180deg,#ffe58a,#e0b230 55%,#a9780f);color:#1a1200;border-color:#ffe58a}
.po-ligas{flex:none;display:flex;gap:.35rem;overflow-x:auto;padding:.4rem .6rem;scrollbar-width:none}
.po-ligas[hidden]{display:none}
.po-ligas button{white-space:nowrap;flex:none;padding:.22rem .65rem}
.po-lista{flex:1;min-height:0;overflow-y:auto;padding:.4rem .6rem .8rem;display:flex;flex-direction:column;gap:.55rem;-webkit-overflow-scrolling:touch}
.po-vacio{margin:2rem 1rem;text-align:center;color:#cdbf96;font:600 .9rem "Segoe UI",system-ui}
.po-sub{margin:.6rem 0 0;color:#ffe9a8;font:700 .74rem "Segoe UI",system-ui;letter-spacing:.1em;text-transform:uppercase}
.po-partido{flex:none;background:linear-gradient(180deg,#14281a,#0b170f);border:1px solid #b8860b88;border-radius:12px;padding:.5rem .6rem;box-shadow:0 4px 14px #000a}
.po-partido header{display:flex;justify-content:space-between;gap:.5rem;font:600 .68rem "Segoe UI",system-ui;color:#cdbf96;letter-spacing:.04em;text-transform:uppercase}
.po-partido h3{margin:.25rem 0 .4rem;font:800 1rem Georgia,serif;color:#fff4cf;text-align:center;line-height:1.15}
.po-partido h3 small{font:600 .7rem "Segoe UI",system-ui;color:#cdbf96;margin:0 .2rem}
.po-ops{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem}
.po-op{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.08rem;min-height:3.9rem;padding:.3rem .2rem;border-radius:9px;border:1.5px solid #b8860b99;
  background:linear-gradient(180deg,#1f3a27,#102016);color:#fff4cf;font:600 .72rem "Segoe UI",system-ui;text-align:center;overflow:hidden}
.po-op .po-n{font-weight:800;line-height:1.1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.po-op .po-t{color:#cdbf96;font-size:.68rem}
.po-op em{font-style:normal;font-weight:800;color:#ffc627;font-size:.82rem}
.po-op.sel{border-color:#ffe58a;background:linear-gradient(180deg,#3c6a2a,#1c3a14);box-shadow:0 0 0 2px #ffc62766,0 0 14px #ffc62755}
.po-op.gano{border-color:#58c46a;background:linear-gradient(180deg,#2e8b3e,#16571f)}
.po-op:disabled{opacity:.75}
.po-op .po-mia{position:absolute;right:3px;top:3px;background:#ffc627;color:#1a1200;border-radius:999px;padding:0 .35rem;font:800 .62rem "Segoe UI",system-ui;font-style:normal}
.po-partido footer{display:flex;justify-content:space-between;align-items:center;gap:.4rem;margin-top:.4rem;font:600 .7rem "Segoe UI",system-ui;color:#cdbf96}
.po-partido footer b{color:#ffe9a8}
.po-est{display:inline-block;border-radius:999px;padding:.1rem .5rem;font:700 .68rem "Segoe UI",system-ui;background:#2a2417;color:#ffe9a8;border:1px solid #b8860b66}
.po-est.juego{color:#9fd2ff;border-color:#4a7aa6}
.po-est.gano{color:#8be29b;border-color:#2e8b3e}
.po-est.perdio{color:#ff9b93;border-color:#a33}
.po-fin{margin-top:.4rem;padding:.3rem .5rem;border-radius:8px;background:#000a;border:1px solid #b8860b66;color:#fff4cf;text-align:center;font:600 .8rem "Segoe UI",system-ui}
.po-fin.cancelado{color:#ffd0a0}
.po-mia-fila{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .6rem;border-radius:10px;border:1px solid #b8860b66;background:linear-gradient(180deg,#14281a,#0b170f);color:#fff4cf;font:600 .8rem "Segoe UI",system-ui}
.po-mia-fila small{color:#cdbf96}
.po-mia-fila span{color:#cdbf96;font-size:.74rem}
.po-barra{flex:none;position:relative;z-index:3;padding:.45rem .6rem calc(.5rem + env(safe-area-inset-bottom));background:linear-gradient(180deg,#0d1a10f2,#050a07);border-top:2px solid #b8860b;box-shadow:0 -6px 18px #000c}
.po-barra[hidden]{display:none}
.po-elegido{display:flex;justify-content:space-between;gap:.4rem;font:600 .74rem "Segoe UI",system-ui;color:#cdbf96}
.po-elegido b{color:#ffe9a8;text-align:right}
.po-fichas{display:flex;justify-content:center;margin:.15rem 0}
.po-fila{display:flex;align-items:center;gap:.4rem}
.po-fila .chico{padding:.35rem .8rem;font-size:1rem}
.po-monto{flex:1;text-align:center;color:#fff4cf;font:800 1.05rem Georgia,serif}
.po-monto small{display:block;font:600 .62rem "Segoe UI",system-ui;color:#cdbf96}
.po-apostar{min-width:6.2rem}
.po-reg{margin:.4rem 0;padding-left:1.1rem;font-size:.84rem;line-height:1.35}
.po-select{width:100%;margin:.5rem 0;padding:.5rem;border-radius:8px;background:#1b1710;color:#ffe9a8;border:1px solid #b8860b;font:600 .9rem "Segoe UI",system-ui}
