/* Original 800 x 600 cabinet artwork, with the recovered card atlas. */
#bingo-game{position:fixed;inset:0;z-index:100000;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 15%,#146132,#00140b 80%);color:#e8eacb;font:14px Arial,sans-serif;isolation:isolate;overflow:hidden}body.bingo-open{overflow:hidden}
#bingo-game[hidden],#bingo-game [hidden]{display:none!important}#bingo-game *{box-sizing:border-box}#bingo-game button,#bingo-game select{font-family:Arial,sans-serif;font-size:13px;font-weight:bold;color:#e2e4aa;background:linear-gradient(#294937,#071c12);border:2px outset #8d9e89;border-radius:3px;padding:8px 13px;cursor:pointer}#bingo-game button:hover:not(:disabled){filter:brightness(1.22)}#bingo-game button:active:not(:disabled){border-style:inset}#bingo-game button:disabled{opacity:.48;cursor:default}#bingo-game :focus-visible{outline:3px solid #ffff76;outline-offset:2px}
.bg-toolbar{height:45px;min-height:45px;display:flex;gap:12px;align-items:center;padding:5px 15px;background:#04100adb;border-bottom:1px solid #426847;z-index:3}.bg-toolbar button{padding:5px 11px!important;font-size:12px!important}.bg-pc-label{font-size:11px;letter-spacing:2px;color:#d2d0a0;margin-right:auto}.bg-rtp{color:#d4cd4b;font-size:11px}
.bg-viewport{position:relative;flex:1;min-height:0;overflow:hidden}.bg-stage{position:absolute;left:50%;top:50%;width:800px;height:600px;transform-origin:center;background:url('img/bingo_pachinko3/FUNDO.png') center/800px 600px no-repeat;color:#fff;isolation:isolate}
.bg-credit-panel{position:absolute;left:22px;top:12px;width:196px;height:76px;color:#c4c9be;font:bold 15px/24px Arial,sans-serif;text-shadow:1px 1px 1px #000}.bg-credit-panel>div{display:flex;justify-content:space-between;white-space:nowrap;height:25px}.bg-credit-panel b{font:700 16px/24px Arial,sans-serif;max-width:105px;overflow:hidden}
.bg-original-title{position:absolute;left:354px;top:0;width:177px;height:67px;overflow:hidden;border:2px solid #899786;border-radius:0 0 7px 7px;background:linear-gradient(#32702c,#081b09);box-shadow:inset 0 0 14px #000}.bg-original-title img{width:170px;height:35px;object-fit:contain;margin:1px}.bg-original-title span{display:block;text-align:center;background:#a49c22;color:#0a1908;font:700 13px/18px Arial}.bg-current-ball{position:absolute;left:254px;top:57px;width:89px;height:89px;border-radius:50%;background-color:#020607;background-size:1000% 800%;background-repeat:no-repeat;z-index:2}.bg-ball{background-image:url('img/bingo_pachinko3/BOLA.png');background-size:1000% 800%;background-repeat:no-repeat}.bg-counter{position:absolute;top:90px;left:488px;font:700 10px/16px Consolas,monospace;color:#ded35c;background:#283229;width:46px;text-align:center;padding:1px 0}
#bingo-game .bg-cabinet-play{position:absolute;left:577px;top:12px;width:202px;height:71px;padding:0 5px;background:#090d08;border:0;border-radius:4px;font:bold italic 23px/1.1 Georgia,serif;color:#dbd574;letter-spacing:1px;text-shadow:2px 2px #36300e}#bingo-game .bg-cabinet-play:disabled{opacity:1;cursor:default}
.bg-cards{display:contents}.bg-card{position:absolute;width:224px;height:244px;background:url('img/bingo_pachinko3/CART.png') 0 0/672px 488px no-repeat;border:0;border-radius:0;overflow:hidden;color:#16211d;z-index:1}.bg-card:nth-child(1){left:8px;top:102px}.bg-card:nth-child(2){left:568px;top:102px}.bg-card:nth-child(3){left:8px;top:347px}.bg-card:nth-child(4){left:568px;top:347px}.bg-card.bg-cover{background-position:-448px -244px}.bg-card header{position:absolute;left:7px;right:7px;top:3px;z-index:auto;height:22px;padding:0;background:transparent;color:#e8ebae;box-shadow:none;display:flex;justify-content:space-between;font:700 12px/22px Arial,sans-serif;letter-spacing:0}.bg-card header small{font:700 11px/22px Arial,sans-serif;color:#e3e89e}.bg-numbers{position:absolute;left:7px;right:7px;top:27px;bottom:15px;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);gap:1px;background:#9daaa9;border:1px solid #789391}.bg-numbers span{display:grid;place-items:center;position:relative;background:linear-gradient(#ced8d8,#b5c3c5);font:700 20px/1 Arial,sans-serif;color:#20302d;text-shadow:0 1px #ecf0e9}.bg-numbers span.marked{background:#bb170a;color:#fef29a;text-shadow:1px 1px #480900}.bg-numbers span.winning{box-shadow:inset 0 0 0 3px #fff400;background:#cd3020;color:#fff7a9}.bg-numbers .bg-free,.bg-numbers .bg-free.marked{background:#111b12 url('img/bingo_pachinko3/maneki.png') left center/200% 100% no-repeat;box-shadow:none}.bg-card footer{position:absolute;bottom:3px;left:6px;right:6px;height:10px;font:700 8px/10px Arial,sans-serif;text-align:center;color:#394737;background:transparent;z-index:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bg-legacy-card .bg-numbers{grid-template-rows:repeat(3,1fr)}.bg-six-legacy .bg-card{height:160px;background-size:672px 320px}.bg-six-legacy .bg-card:nth-child(3){top:265px}.bg-six-legacy .bg-card:nth-child(4){top:265px}.bg-six-legacy .bg-card:nth-child(5){left:8px;top:428px}.bg-six-legacy .bg-card:nth-child(6){left:568px;top:428px}
.bg-center{position:absolute;left:252px;top:156px;width:295px;height:290px;background:url('img/bingo_pachinko3/BARRA.png') center bottom/100% auto no-repeat;z-index:1}.bg-center-mode{height:18px;background:#101818e6;color:#b4b9a7;text-align:center;font:700 11px/18px Arial;letter-spacing:1px}.bg-rack{height:206px;padding:10px 12px 4px;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(5,1fr);gap:3px}.bg-rack>span{width:37px;height:37px;border-radius:50%;background-color:transparent}.bg-center #bg-status{font:700 11px/13px Arial;text-align:center;color:#e5db74;margin:4px 7px;max-height:35px;overflow:hidden}.bg-result{position:relative;text-align:center}.bg-result p{font:700 10px/12px Arial;color:#c4c8a1;margin:3px 0}.bg-result button{font-size:11px!important;padding:4px 12px!important;background:#707529!important;color:#fff9aa!important}
.bg-paytable{position:absolute;left:266px;top:489px;width:268px;display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.bg-figure>div{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);width:40px;height:40px;background:#020802;gap:1px}.bg-figure i{display:block;background:#b49249;border:1px solid #e1be71}.bg-figure i.on{background:#c4d2d3;border-color:#e7eddf}.bg-figure i.free{background:#354552;border-color:#b6c7c6}.bg-figure b{display:block;text-align:center;font:700 10px/15px Arial;color:#d7dfce}.bg-figure:last-child i.on{background:#db140d;border-color:#f94226}
.bg-console{position:relative;z-index:4;display:flex;gap:18px;align-items:center;justify-content:center;min-height:76px;padding:9px 15px;border-top:2px solid #4c7042;background:linear-gradient(#17351e,#05190a);box-shadow:0 -3px 10px #0006}.bg-console label{display:flex;flex-direction:column;gap:4px;font:bold 10px Arial;color:#c4c394}.bg-console select{padding:5px 10px!important;min-width:100px;background:#091c0d!important;color:#eef0b8!important;font-size:17px!important}.bg-total{font-size:10px;color:#c7cc9e}.bg-total b{display:block;font:700 24px Arial;color:#f1ed99}#bingo-game #bg-play{min-width:160px;font:900 italic 26px Georgia,serif;color:#ffffae;background:linear-gradient(#899830,#405e0b);border-color:#b9c574;border-width:3px;padding:10px 22px;text-shadow:2px 2px #283308}
.bg-bonus{position:absolute;z-index:5;left:247px;top:157px;width:307px;height:430px;border:2px ridge #99a39b;background:#03130bf5;overflow:hidden}.bg-bonus-panel{height:100%;text-align:center;padding:6px;position:relative}.bg-bonus-logo{display:block;width:155px;height:30px;object-fit:contain;margin:0 auto}.bg-bonus h2{font:bold 13px/16px Arial;color:#ebdd59;margin:4px 0}.bg-cat{position:absolute;left:4px;top:7px;width:41px;height:44px;background:url('img/bingo_pachinko3/maneki.png') left top/200% 100% no-repeat}.bg-bonus #bg-bonus-prize{font:700 14px/18px Arial;color:#ece587;margin:3px 0}.bg-entrances{display:flex;justify-content:space-around;margin:4px 0}.bg-entrances button{padding:2px 10px!important;font-size:11px!important}.bg-entrances button[aria-pressed=true]{background:#8b2d17!important;color:#ffff89!important}.bg-board{display:block;width:286px;height:250px;border:2px ridge #7f9981;border-radius:8px}.bg-bonus-panel>small{font:9px/12px Arial;color:#a5b29c;display:block;margin:3px 0}.bg-bonus-actions{display:flex;justify-content:center}.bg-bonus-actions button{padding:5px 12px!important;font-size:12px!important}.bg-bonus #bg-launch:disabled{display:none}
#bingo-game dialog{max-width:min(700px,calc(100vw - 24px));max-height:85vh;overflow:auto;border:3px ridge #c3c9b3;background:#142a1b;color:#eeeccc;padding:25px;font:14px/1.6 Arial;box-shadow:0 15px 60px #000}#bingo-game dialog::backdrop{background:#001008df}#bingo-game dialog h2{font:700 23px Georgia;color:#eae38a;margin:0 0 15px}#bingo-game dialog h3{color:#e9e18a}#bingo-game dialog table{border-collapse:collapse;width:100%;font-size:13px}#bingo-game dialog td,#bingo-game dialog th{padding:8px;text-align:left;border-bottom:1px solid #688b54}#bingo-game .bg-dialog-close{float:right;padding:0 8px;font-size:24px}.bg-disclosure{font-size:11px;color:#b1b99d;border-top:1px solid #64764c;padding-top:10px}
@media(max-width:650px){.bg-toolbar{height:auto;min-height:65px;flex-wrap:wrap;gap:6px;justify-content:center}.bg-pc-label{display:none}.bg-rtp{font-size:9px;margin-right:auto}.bg-toolbar button{font-size:10px!important;padding:4px 6px!important}.bg-console{gap:8px;padding:8px;flex-wrap:wrap;min-height:115px}.bg-console label{font-size:8px}.bg-console select{min-width:75px;font-size:15px!important}.bg-console #bg-speed{font-size:10px;padding:5px}.bg-total b{font-size:18px}#bingo-game #bg-play{min-width:130px;font-size:20px;padding:7px 14px}.bg-viewport{min-height:300px}}
.bg-center{background:none}.bg-center-mode{background:#101818}
@media(prefers-reduced-motion:reduce){#bingo-game *{transition:none!important;animation:none!important}}

/* ==================================================================
   Super Cash (26-sep): 44 bolas, 12 figuras, bolas grátis y bolas extra.
   Mismo gabinete y mismos recursos; solo cambia la distribucion.
   ================================================================== */
/* el carton ya trae APOSTA y GANHO: los valores van al lado de cada palabra */
.bg-card header{display:block}
.bg-card header .bg-v-apuesta{position:absolute;left:65px;top:0;font:700 12px/22px Arial,sans-serif;color:#fff68a}
.bg-card header .bg-v-gano{position:absolute;left:151px;top:0;font:700 12px/22px Arial,sans-serif;color:#fff68a}
.bg-card.bg-card-gana{box-shadow:0 0 0 2px #fff400,0 0 14px #fff40088}
/* a 1 numero: lo que paga si sale (en rojo, como el original) */
.bg-numbers span.falta{background:linear-gradient(#fff,#e8ecec)}
.bg-numbers .bg-falta{position:absolute;right:2px;bottom:1px;font:700 10px/1 Arial,sans-serif;color:#d40000;text-shadow:none;letter-spacing:-.3px}
/* bolas extra arriba de la bandeja */
.bg-extras-fila{display:flex;align-items:center;gap:6px;height:26px;padding:2px 8px;background:#050b08}
.bg-extras-fila>span{font:700 9px/1 Arial;color:#c9c68a;letter-spacing:.5px;white-space:nowrap}
.bg-extras{display:grid;grid-template-columns:repeat(10,19px);gap:2px}
.bg-extras>span{width:19px;height:19px;border-radius:50%;background-color:#0e1a14;box-shadow:inset 0 0 0 1px #3c5a45}
.bg-extras>span.called{box-shadow:none}
.bg-extras>span.siguiente{box-shadow:inset 0 0 0 2px #fff400,0 0 8px #fff400;animation:bg-late .8s ease-in-out infinite alternate}
/* bandeja: 6 filas de 8, se llena de abajo hacia arriba */
.bg-rack{height:188px;padding:5px 11px 2px;grid-template-columns:repeat(8,28px);grid-template-rows:repeat(6,28px);gap:3px;justify-content:center;align-content:end}
.bg-rack>span{width:28px;height:28px}
.bg-rack>span.gratis{box-shadow:0 0 0 2px #ffd400,0 0 9px #ffd400}
.bg-rack>span.cae,.bg-extras>span.cae{animation:bg-cae .42s cubic-bezier(.35,0,.6,1.35) both}
.bg-center #bg-status{margin:3px 6px;max-height:28px}
@keyframes bg-cae{0%{transform:translateY(-190px);opacity:.3}70%{transform:translateY(3px);opacity:1}100%{transform:none}}
@keyframes bg-late{to{transform:scale(1.12)}}
/* tabla de 12 figuras, 2 filas de 6 */
.bg-paytable{top:487px;grid-template-columns:repeat(6,1fr);row-gap:2px;column-gap:6px}
.bg-figure>div{width:34px;height:34px;margin:0 auto}
.bg-figure b{font:700 10px/12px Arial}
.bg-figure.esp i.on{background:#db140d;border-color:#f94226}
.bg-figure.gana>div{box-shadow:0 0 0 2px #fff400,0 0 10px #fff400}
.bg-figure.gana b{color:#fff400}
/* boton en la fase de bola extra */
#bingo-game #bg-play.bg-extra-on{background:linear-gradient(#e0a019,#8a4d05);border-color:#ffd36b;font-size:20px}
/* colores como el original: marcado en negro, figura ganada en verde, tabla verde/blanca */
.bg-numbers span.marked{background:linear-gradient(#1b1b1b,#000);color:#fff;text-shadow:none}
.bg-numbers span.winning,.bg-numbers span.marked.winning{background:linear-gradient(#35d335,#169c16);color:#fff;box-shadow:inset 0 0 0 2px #d8ff7a;text-shadow:0 1px #0a4a0a}
.bg-numbers .bg-free,.bg-numbers .bg-free.marked,.bg-numbers .bg-free.winning{box-shadow:none}
.bg-figure i{background:#f4f6f2;border:1px solid #c9d0c4}
.bg-figure i.on,.bg-figure:last-child i.on{background:#a9c40a;border-color:#6f8406}
.bg-figure i.free{background:#050505;border-color:#050505}
.bg-figure.esp i.on,.bg-figure.esp:last-child i.on{background:#c50b0b;border-color:#7d0505}
/* figura hecha: celdas en verde y la figura remarcada con linea roja por el borde */
.bg-contorno{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:3}
.bg-contorno path{fill:none;stroke:#ff1a1a;stroke-width:4px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round;
  filter:drop-shadow(0 0 3px #ff0000) drop-shadow(0 0 6px #ff4d4d);stroke-dasharray:100;stroke-dashoffset:100;animation:bg-traza .32s ease-out forwards,bg-parpadea .25s .32s ease-in-out 3 alternate}
.bg-card.bg-card-figura{box-shadow:0 0 0 3px #ff1a1a,0 0 22px #ff1a1aaa}
.bg-figure.recien>div{box-shadow:0 0 0 2px #ff1a1a,0 0 12px #ff1a1a;animation:bg-late .25s ease-in-out 4 alternate}
.bg-figure.recien b{color:#ff4d4d}
@keyframes bg-traza{to{stroke-dashoffset:0}}
@keyframes bg-parpadea{to{opacity:.35}}
@media (prefers-reduced-motion:reduce){.bg-contorno path{animation:none;stroke-dashoffset:0}}
/* el centro (gato) cuando es parte de la figura: en rojo */
.bg-numbers .bg-free.centro-fig{background-color:#d40000;box-shadow:inset 0 0 0 2px #ff7b7b,0 0 10px #ff2a2a}
