/* Reference layout: independent, non-overlapping interface zones. */
.keno-machine .stats{left:10.5%;top:48%;width:12.25%;height:14%;z-index:20;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(3,1fr);gap:.35%;text-align:center;align-items:stretch}
.keno-machine .stats>div{border:1px solid #d9b62f;border-radius:5px;background:#050505;display:flex;flex-direction:column;justify-content:center;min-width:0;padding:1px 3px;overflow:hidden}
.keno-machine .stats span{font-size:7px;color:#ffadd9;line-height:1;white-space:nowrap}
.keno-machine .stats b{font-size:clamp(15px,1.8vw,21px);line-height:1.05;color:#fff5e7;white-space:nowrap}
.keno-machine .mini{left:24%;top:49.2%;width:50%;height:6.2%;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;overflow:visible;text-overflow:clip;white-space:normal}
.keno-machine .mini>div{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}
.keno-machine .mini span{display:block;color:#ffe36a;font-size:10px;font-weight:900;line-height:1}
.keno-machine .mini b{display:block;color:#ffe36a;font-size:clamp(18px,2.5vw,28px);line-height:1.05}
.keno-machine .message{left:23%;top:56%;width:52%;height:2.4%;font-size:11px;line-height:1.2;display:flex;align-items:center;justify-content:center}
.keno-machine .draw{left:27%;top:60%;width:46%;height:8%}
.keno-machine .spots{left:27%;top:70%;width:46%;height:5.2%}
.keno-machine .quick{left:10.5%;top:62.6%;width:13%;height:4.3%;background:#050505}
.keno-machine .mult{left:10.5%;top:67.4%;width:13%;height:3.8%;background:#050505}
.keno-machine .clear{left:10.5%;top:71.7%;width:13%;height:4.1%;background:#050505}
@media(max-width:760px){.keno-machine .stats span,.keno-machine .mini span{font-size:7px}.keno-machine .stats b,.keno-machine .mini b{font-size:14px}.keno-machine .message{font-size:8px}}