body{margin:0;padding:0}:root{--cyan-bar:#99ffec;--gray-bar:#ccc;--green-bar:#bcffbe;--keypad-blue:#1a3a8a;--active-green:#228b22;--inactive-red:#c00;--header-height:auto}*{box-sizing:border-box}body{color:#000;background-color:#000;margin:0;padding:0;font-family:Arial,sans-serif;overflow:hidden auto}.app-screen{background-color:#fff;flex-direction:column;width:100%;height:auto;min-height:100vh;display:flex}.header-container{background-color:#000;flex-direction:column;flex-shrink:0;width:100%;display:flex}.header-row-1{color:#fff;border-bottom:1px solid #444;height:40px;display:flex}.last-draw-block{background-color:#000;border-right:1px solid #fff;flex-direction:column;justify-content:center;align-items:center;width:80px;font-size:10px;display:flex}.group-block{flex-direction:column;flex:1;display:flex}.group-label{border-bottom:1px solid #fff;border-right:1px solid #fff;justify-content:center;align-items:center;height:18px;font-size:10px;font-weight:700;display:flex}.group-numbers{flex:1;display:flex}.sub-num{color:#fff;background-color:#ff8c00;border-right:1px solid #fff;flex:1;justify-content:center;align-items:center;font-weight:700;display:flex}.header-row-2{background-color:#fff;border-bottom:1px solid #ccc;flex-wrap:wrap;min-height:40px;display:flex}.status-date{color:#fff;background-color:red;align-items:center;padding:5px 10px;font-size:10px;font-weight:700;display:flex}.status-draw{color:#fff;background-color:#4169e1;align-items:center;padding:5px 10px;font-size:11px;font-weight:700;display:flex}.status-remain{background-color:#fff;flex:1;justify-content:center;align-items:center;min-width:150px;padding:5px;font-size:16px;font-weight:700;display:flex}.header-btn-new{color:#fff;cursor:pointer;border:none;flex:1;justify-content:center;align-items:center;min-width:80px;padding:8px 12px;font-size:11px;font-weight:700;display:flex}.btn-purple{background-color:indigo}.btn-green{background-color:#228b22}.btn-blue-light{background-color:#00f}.group-nav-bar,.wheel-bar,.type-bar,.input-bar{border-bottom:1px solid #888;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:10px;width:100%;padding:5px 10px;display:flex}.group-nav-bar,.wheel-bar{background-color:var(--cyan-bar)}.type-bar{background-color:var(--gray-bar);font-size:12px;font-weight:700}.input-bar{background-color:var(--green-bar)}.nav-btn{color:#fff;border:1px solid #000;border-radius:4px;padding:5px 10px;font-size:12px;font-weight:700}.wheel-sq-btn{cursor:pointer;background:#fff;border:1px solid #666;border-radius:4px;width:32px;height:32px;font-weight:700}.wheel-sq-btn.active{color:#fff;background-color:red}.add-num-display{background:#fff;border:2px solid #4b6cb7;border-radius:8px;justify-content:center;align-items:center;width:100%;max-width:120px;height:35px;font-size:18px;font-weight:700;display:flex}.num-input-small{text-align:center;border:1px solid #228b22;border-radius:4px;width:60px;height:30px;font-weight:700}.main-content{background:#fff;flex-direction:row;flex:1;display:flex}.bets-list{border:1px solid #333;flex-wrap:wrap;flex:1;align-content:flex-start;gap:4px;margin:5px;padding:5px;display:flex;overflow-y:auto}.keypad{background:#fff;grid-template-columns:repeat(3,1fr);gap:2px;width:300px;padding:5px;display:grid}.key{background-color:var(--keypad-blue);color:#fff;cursor:pointer;border:1px solid #fff;border-radius:4px;justify-content:center;align-items:center;height:70px;font-size:30px;font-weight:700;display:flex}.footer-bar{background-color:#fff;border-top:1px solid #888;flex-shrink:0;align-items:center;gap:10px;height:50px;padding:0 10px;display:flex}.footer-btn-blue{color:#fff;background-color:#00f;border:none;border-radius:4px;padding:10px;font-weight:700}.footer-btn-wide{color:#fff;cursor:pointer;background-color:navy;border:none;border-radius:4px;flex:1;padding:10px;font-size:18px;font-weight:700}.modal-overlay{z-index:2000;background:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.ticket-receipt{background:#fff;width:90%;max-width:350px;max-height:90vh;padding:15px;font-family:Courier New,monospace;overflow-y:auto}@media (width<=768px){.app-screen{height:auto;min-height:100vh;overflow-y:visible}.header-row-2{grid-template-columns:repeat(3,1fr);display:grid}.status-date{grid-column:span 3}.status-draw{grid-column:span 2}.status-remain{order:10;grid-column:span 3;font-size:14px}.main-content{flex-direction:column}.bets-list{flex:none;height:120px}.keypad{flex:1;width:100%}.key{height:auto;min-height:60px}.input-bar{justify-content:space-between}}.timer-urgent{animation:1s infinite alternate pulse;color:#fff!important;background-color:red!important}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.02)}}.flash-bet{animation:.6s flash}@keyframes flash{0%{opacity:1}50%{opacity:.5;background-color:#fff}to{opacity:1}}.twod-screen{color:#fff;background-color:#000;flex-direction:column;width:100%;height:auto;min-height:100vh;font-family:Arial,sans-serif;display:flex}.twod-body{flex:1;display:flex;position:relative}.twod-left-sidebar{background-color:navy;flex-direction:column;flex-shrink:0;gap:3px;width:170px;padding:5px;display:flex;overflow-y:auto}.twod-right-sidebar{background-color:#000;border-left:1px solid #444;flex-direction:column;flex-shrink:0;align-items:center;gap:15px;width:100px;padding:10px 0;display:flex}.twod-center-content{background-color:#888;flex-direction:column;flex:1;min-width:0;display:flex}.grid-table-container{flex:1;padding:2px;overflow:auto}.twod-grid{border-collapse:collapse;width:100%;min-width:600px}@media (width<=768px){.twod-left-sidebar{z-index:100;transition:left .3s;position:absolute;top:0;bottom:0;left:-170px}.twod-left-sidebar.mobile-open{left:0}.twod-right-sidebar{z-index:100;transition:right .3s;position:absolute;top:0;bottom:0;right:-100px}.twod-right-sidebar.mobile-open{right:0}.twod-grid{min-width:100%}.grid-top-bar{flex-wrap:wrap;height:auto!important;padding:10px 5px!important}.twod-bottom-bar{flex-wrap:wrap;gap:5px!important;height:auto!important}}.grid-cell-btn{color:#fff;cursor:pointer;background-color:#002366;border:none;width:100%;height:30px;font-size:14px;font-weight:700}.grid-cell-btn.active{color:#000;background-color:#add8e6}.cell-container{background-color:#ccc;border:1px solid #444;flex-direction:column;align-items:center;display:flex}.num-label{color:#000;font-size:10px;font-weight:900}.sidebar-range-box{cursor:pointer;color:#fff;border:1px solid #ffffff1a;border-radius:4px;align-items:center;padding:8px 5px;font-size:13px;display:flex}.sidebar-range-box.active{background-color:#fff3;border:1px solid #fff}.twod-bottom-bar{background-color:#000;border-top:1px solid #444;align-items:center;gap:10px;padding:10px;display:flex}.points-circle{color:#fff;cursor:pointer;background-color:maroon;border:2px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.bottom-action-btn{color:#fff;cursor:pointer;border:1px solid #fff;border-radius:4px;padding:10px 15px;font-size:14px;font-weight:700}.btn-free-buy{text-align:center;background-color:navy;flex:1;font-size:18px}.mobile-toggle-btn{color:#000;background:#ff0;border:none;border-radius:4px;padding:5px 10px;font-size:12px;font-weight:700}