@import url(https://fonts.googleapis.com/css2?family=VT323&display=swap);@import url(https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap);#root{height:100vh;width:100vw;overflow:hidden}#root,body{min-height:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;font-family:"Orbitron",sans-serif;font-size:1.1vh;background-color:#7c7ceb;background-size:cover;background-repeat:no-repeat;background-position:50%;max-width:100vw}a{color:#ff0;font-weight:700}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}div{margin:0;padding:0}nav{display:flex;position:absolute;top:0;left:0;background-color:#0303fb;width:100vw;height:6vw}p{padding:0;margin:0}.App,p{height:100%}.App{text-align:center;overflow:auto}.papaError{position:relative}.error{position:absolute;color:#ff0;text-align:center;font-size:6em;margin-top:40vh}.container{margin-top:30vh;margin-left:8%}.row col-6 card{width:100%}.etiquet{margin:0;padding:0;width:100%}.card-header{background:#000;background-size:10%;width:100%;margin:0;color:#ff0;font-size:20px;border:2px solid #ff0}.log{background:#000;width:75px;height:35px;border-radius:8px;border-radius:20px;padding:6px 12px;color:#00f;text-align:center}.card-body{background:#807d7d}.card-footer{background:#c3c2c2;background-size:100%;width:100%;padding-left:55px;margin:0}.col-12 input,button{border:2px solid #ff0}:root{--font-family:"Courier New",Courier,monospace;--font-size:5vh;--font-weight:800;--border-size:6px;--transition-speed:0.08s}.tecla{width:10vh;height:8vh;display:flex;justify-content:center;align-items:center;font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--transition-speed) ease-in-out;border:var(--border-size) solid}.tecla-verde{background-color:#03a13d;border-color:#09bb46 #0a8733 #0a8733 #09bb46;color:#fff}.tecla-verde:active{border-color:#0a8733 #09bb46 #09bb46 #0a8733;background-color:#027b2f}.tecla-morada{background-color:#a54fdf;border-color:#cc6dfd #874bdf #874bdf #cc6dfd;color:#fff}.tecla-morada:active{border-color:#874bdf #cc6dfd #cc6dfd #874bdf;background-color:#863bb8}.tecla-amarilla{background-color:#f0ea47;border-color:#fefe7f #d6d744 #d6d744 #fefe7f;color:#e11832}.tecla-amarilla:active{border-color:#d6d744 #fefe7f #fefe7f #d6d744;background-color:#e8e122}.tecla-roja{background-color:#d63d3d;border-color:#e74d52 #a82429 #a82429 #e74d52;color:#e8e122}.tecla-roja:active{border-color:#a82429 #e74d52 #e74d52 #a82429;background-color:#942222}*{margin:0;padding:0}body{font-family:"Trebuchet MS",Arial,sans-serif;background:radial-gradient(circle at top,#182d6b 0,#050b1f 55%,#020309 100%);color:#fff;overflow:hidden}.keno-wrapper{width:100vw;height:100vh;padding:6px;grid-gap:6px;gap:6px;color:#fff}.keno-wrapper,.panel-left{display:flex;position:relative}.panel-left{flex:3 1;background:linear-gradient(#082758,#071733);border:3px solid #4b9cff;border-radius:6px;padding:8px;flex-direction:column;overflow:hidden;min-width:0}.superball-title{display:flex;align-items:flex-end;grid-gap:6px;gap:6px;margin-bottom:4px;position:relative;z-index:5}.superball-text{font-size:32px;font-weight:900;color:#ff4a2a;letter-spacing:1px;text-shadow:2px 2px 0 #000,-1px -1px 0 #fff,0 0 6px #000;white-space:nowrap}.superball-balls{display:flex;grid-gap:3px;gap:3px;margin-bottom:2px}.superball-ball{width:26px;height:26px;border-radius:50%;position:relative;background:radial-gradient(circle at 28% 22%,#fff 0,#fff 22%,#f3f6ff 40%,#dde6f8 60%,#a8b3cc 82%,#616b82 100%);border:2px solid #fff;box-shadow:0 2px 4px rgba(0,0,0,.7),inset 0 -2px 3px rgba(0,0,0,.35),inset 0 2px 3px hsla(0,0%,100%,.45)}.superball-ball:before{content:"";position:absolute;top:4px;left:6px;width:9px;height:6px;border-radius:50%;background:radial-gradient(circle,hsla(0,0%,100%,.95),transparent);opacity:.95;pointer-events:none}.board-frame{flex:1 1;display:flex;flex-direction:column;grid-gap:3px;gap:3px;margin-top:6vh;margin-bottom:6px;position:relative;z-index:3;min-height:0}.board{display:grid;grid-template-columns:repeat(10,1fr);grid-auto-rows:8vh;grid-gap:2px;gap:2px}.board-middle-label{height:20vh;display:flex;align-items:center;justify-content:center;font-size:4vh;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:#ffe066;text-shadow:1px 1px 2px #000;background:linear-gradient(90deg,#071733,#214070,#071733);border-top:1px solid #4b9cff;border-bottom:1px solid #4b9cff;transition:all .3s ease;overflow:hidden;white-space:nowrap}.board-middle-label.payout-animate{font-size:5vh;font-weight:900;color:#ffeb3b;text-shadow:0 0 6px #000,0 0 10px red;animation:payoutFlash 6s ease-in-out 2s 8 alternate}@keyframes payoutFlash{0%{transform:scale(1);opacity:1}to{transform:scale(1.15);opacity:1}}.cell{width:10vh;height:8vh;display:flex;justify-content:center;align-items:center;font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--transition-speed) ease-in-out;border:var(--border-size) solid;background-color:#03a13d;border-color:#09bb46 #0a8733 #0a8733 #09bb46;color:#fff}.cell:active{transform:translateY(2px);box-shadow:0 1px 0 #245815,0 2px 3px rgba(0,0,0,.9),inset 0 1px 2px rgba(0,0,0,.5)}.cell-selected{background-color:#f0ea47;border-color:#fefe7f #d6d744 #d6d744 #fefe7f;color:#e11832}.cell-hit{background-color:#d63d3d;border-color:#e74d52 #a82429 #a82429 #e74d52;color:#e8e122}.cell-no-hit{background-color:#a54fdf;border-color:#cc6dfd #874bdf #874bdf #cc6dfd;color:#fff}.message-bar{padding:4px 6px 3px;margin-top:4px;background:linear-gradient(90deg,#2f1247,#5a163b);border-top:2px solid #ff4a2a;border-bottom:2px solid #ff4a2a;font-size:1.5vh;text-transform:uppercase;text-align:center;letter-spacing:.4px;text-shadow:2px 2px 2px #000;z-index:3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-bar .highlight-red{color:#ff4a2a;font-weight:700}.message-bar .highlight-yellow{color:#ffeb3b;font-weight:700}.panel-balls{width:20vh;background:linear-gradient(#0f2250,#4a65d5);border:3px solid #4b9cff;border-radius:6px;padding:6vh 4vh;position:relative;overflow:hidden;z-index:4;flex-shrink:0}.brick-row{position:absolute;bottom:0;left:4px;right:4px;height:4vh;display:flex;justify-content:space-between;grid-gap:4px;gap:4px;z-index:1}.brick{flex:1 1;background:linear-gradient(180deg,#f2b866 0,#cb7f30 45%,#7d4a1f);border-radius:3px;border:1px solid #4a2a12;box-shadow:inset 0 2px 2px hsla(0,0%,100%,.25),0 -2px 3px rgba(0,0,0,.6);transform-origin:center top;transition:transform .3s ease,opacity .3s ease}.panel-balls.bricks-open .brick{transform:rotateX(75deg) translateY(10px);opacity:0}.draw-ball{width:8vh;height:8vh;border-radius:50%;position:absolute;display:flex;align-items:center;justify-content:center;z-index:2;font-family:"VT323",monospace;font-weight:900;font-size:8vh;letter-spacing:-1px;color:#000;border:2px solid hsla(0,0%,100%,.7);background:radial-gradient(circle at 30% 22%,hsla(0,0%,100%,.95) 0,hsla(0,0%,100%,.65) 18%,hsla(0,0%,100%,.3) 40%,hsla(0,0%,100%,0) 68%),radial-gradient(circle at 55% 72%,rgba(191,232,255,.35) 0,rgba(126,200,255,.3) 48%,rgba(70,150,215,.2) 72%,rgba(0,12,40,.18) 100%);box-shadow:inset 0 10px 18px hsla(0,0%,100%,.38),inset 0 -12px 20px rgba(0,0,0,.28),inset 0 0 10px hsla(0,0%,100%,.12),0 6px 14px rgba(0,0,0,.55),0 0 14px rgba(126,200,255,.22);text-shadow:-1px 0 0 #fff,1px 0 0 #fff,0 -1px 0 #fff,0 1px 0 #fff,0 0 3px hsla(0,0%,100%,.75)}.draw-ball:before{top:6%;left:10%;width:48%;height:38%;background:radial-gradient(circle at 30% 40%,hsla(0,0%,100%,.95) 0,hsla(0,0%,100%,.75) 35%,hsla(0,0%,100%,.25) 70%,hsla(0,0%,100%,0) 100%);filter:blur(.2vh);opacity:.95}.draw-ball:after,.draw-ball:before{content:"";position:absolute;border-radius:50%;pointer-events:none}.draw-ball:after{inset:1.5px;box-shadow:inset 0 0 8px hsla(0,0%,100%,.22),inset 0 -6px 10px rgba(0,0,0,.18);background:radial-gradient(circle,hsla(0,0%,100%,.18) 0,rgba(191,232,255,.12) 55%,hsla(0,0%,100%,0) 62%)}.draw-ball-hit{border-color:#ff2b2b;box-shadow:inset 0 10px 18px hsla(0,0%,100%,.38),inset 0 -12px 20px rgba(0,0,0,.28),inset 0 0 10px hsla(0,0%,100%,.12),0 6px 14px rgba(0,0,0,.55),0 0 14px rgba(126,200,255,.22),0 0 10px rgba(255,0,0,.75),0 0 18px rgba(255,0,0,.45)}.draw-ball-no-hit{border-color:#f700ff;box-shadow:inset 0 10px 18px hsla(0,0%,100%,.38),inset 0 -12px 20px rgba(0,0,0,.28),inset 0 0 10px hsla(0,0%,100%,.12),0 6px 14px rgba(0,0,0,.55),0 0 14px rgba(126,200,255,.22),0 0 10px rgba(247,0,255,.75),0 0 18px rgba(247,0,255,.45)}.last-ball{border-color:#ffeb3b;box-shadow:inset 0 10px 18px hsla(0,0%,100%,.4),inset 0 -12px 22px rgba(0,0,0,.3),0 6px 14px rgba(0,0,0,.6),0 0 16px rgba(255,235,59,.9),0 0 26px rgba(255,180,0,.45)}.balls-animation-layer{position:absolute;top:0;left:0;width:100vw;height:100vh;pointer-events:none;overflow:visible;z-index:6}.rolling-ball{width:8vh;height:8vh;border-radius:50%;position:absolute;display:flex;align-items:center;justify-content:center;z-index:7;font-family:"VT323",monospace;font-weight:900;font-size:8vh;letter-spacing:-1px;color:#000;border:2px solid hsla(0,0%,100%,.7);background:radial-gradient(circle at 30% 22%,hsla(0,0%,100%,.95) 0,hsla(0,0%,100%,.65) 18%,hsla(0,0%,100%,.3) 40%,hsla(0,0%,100%,0) 68%),radial-gradient(circle at 55% 72%,rgba(191,232,255,.35) 0,rgba(126,200,255,.3) 48%,rgba(70,150,215,.2) 72%,rgba(0,12,40,.18) 100%);box-shadow:inset 0 10px 18px hsla(0,0%,100%,.38),inset 0 -12px 20px rgba(0,0,0,.28),inset 0 0 10px hsla(0,0%,100%,.12),0 6px 14px rgba(0,0,0,.55),0 0 14px rgba(126,200,255,.22);will-change:left,top,transform;opacity:0}.rolling-ball:before{top:6%;left:10%;width:48%;height:38%;background:radial-gradient(circle at 30% 40%,hsla(0,0%,100%,.95) 0,hsla(0,0%,100%,.75) 35%,hsla(0,0%,100%,.25) 70%,hsla(0,0%,100%,0) 100%);filter:blur(.2vh);opacity:.95}.rolling-ball:after,.rolling-ball:before{content:"";position:absolute;border-radius:50%;pointer-events:none}.rolling-ball:after{inset:1.5px;box-shadow:inset 0 0 8px hsla(0,0%,100%,.22),inset 0 -6px 10px rgba(0,0,0,.18);background:radial-gradient(circle,hsla(0,0%,100%,.18) 0,rgba(191,232,255,.12) 55%,hsla(0,0%,100%,0) 62%)}.panel-right{flex:1.4 1;background:linear-gradient(#081534,#03060f);border:3px solid #4b9cff;border-radius:6px;padding:6px 5px;display:flex;flex-direction:column;grid-gap:3px;gap:3px;font-size:2vh;min-width:180px}.top-buttons{display:flex;justify-content:space-between;grid-gap:4px;gap:4px;margin-bottom:3px}.btn-small{flex:1 1;background:#263f8c;border:2px solid #fff;border-radius:4px;padding:4px 3px;font-weight:900;font-size:2vh;color:#fff;text-align:center;line-height:1.2;text-shadow:1px 1px 0 #000;cursor:pointer;-webkit-user-select:none;user-select:none}.money-panel{display:grid;grid-template-columns:1.4fr 1fr;grid-row-gap:3px;row-gap:3px;grid-column-gap:5px;column-gap:5px;align-items:center;margin-bottom:2px}.label-dinero{font-weight:900;text-align:left;letter-spacing:.4px;text-shadow:1px 1px 2px #000;font-size:2vh}.label-dinero.dnro{color:#ff5722}.label-dinero.apst{color:#00e5ff}.label-dinero.gana,.money-value{color:#00ff6a}.money-value{text-align:right;padding:2px 4px;background:#000;border-radius:3px;border:1px solid #4b9cff;font-weight:900;font-size:2vh;min-width:40px;text-shadow:1px 1px 2px #000}.jackpot-panel{margin-top:2px;padding:4px 4px 3px;border-radius:6px;background:radial-gradient(circle at top,#ffeb3b 0,#c77b00 40%,#5a2500 100%);box-shadow:0 0 6px rgba(0,0,0,.8),inset 0 1px 2px hsla(0,0%,100%,.6);text-align:center}.jackpot-label{font-size:4vh;font-weight:900;color:#300;text-shadow:1px 1px 2px #ffeb3b;letter-spacing:1px}.jackpot-value{font-size:4vh;font-weight:900;color:#fff;text-shadow:0 0 4px #000,0 0 6px red}.select-buttons{margin-top:3px;display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:.3vw;gap:.3vw;align-items:center}.btn-option{height:8vh;width:15vh;background:#304ffe;border-radius:4px;border:2px solid #fff;padding-top:2vh;text-align:center;font-weight:800;font-size:2vh;text-shadow:1px 1px 0 #000;color:#fff;line-height:1.2;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle}.arrows{flex-direction:column;grid-gap:2px;gap:2px;font-size:4vh}.arrow-box,.arrows{display:flex;align-items:center}.arrow-box{width:12vh;height:4vh;border-radius:3px;border:1px solid #fff;justify-content:center;font-weight:900;background:#263f8c;line-height:1;color:#fff;text-shadow:1px 1px 0 #000;cursor:pointer;-webkit-user-select:none;user-select:none}.spots{margin-top:4px;font-size:2vh;text-shadow:1px 1px 2px #000}.spots span{font-weight:900;color:#ffeb3b}.selected-list{margin-top:2px;font-size:2vh;color:#9cfffd;min-height:12px;word-spacing:2px}.paytable{margin-top:4px;border-top:1px solid #666;padding-top:3px;font-size:2vh}.paytable-header{display:flex;justify-content:space-between;margin-bottom:2px;font-weight:900;color:#ffeb3b;text-shadow:1px 1px 2px #000}.paytable-rows{max-height:28vh;overflow-y:auto}.paytable-row{display:flex;justify-content:space-between;padding:2px 0;color:#00ff6a;text-shadow:1px 1px 2px #000}.paytable-row .hits{color:#fff}.bet-base{margin-top:4px;font-size:2vh;white-space:nowrap}.bet-base,.btn-start{font-weight:900;text-align:center;text-shadow:1px 1px 2px #000}.btn-start{margin-top:auto;padding:6px 3px;background:#04f;border-radius:4px;border:3px solid #fff;font-size:4vh;color:#fff;line-height:1.3;cursor:pointer;-webkit-user-select:none;user-select:none}@media screen and (max-width:1024px) and (orientation:landscape){body{overflow-y:auto;overflow-x:hidden}.keno-wrapper{padding:2px;grid-gap:2px;gap:2px;height:auto;min-height:100vh}.board{grid-auto-rows:6vh}.board-middle-label{height:14vh;font-size:2.6vh}.panel-left{padding:4px;border-width:2px;margin-top:2vh}.message-bar{font-size:1.3vh;padding:2px 4px}.cell{width:8vh;height:6vh;font-size:3.2vh;border-width:4px}.panel-balls{width:14vh;padding:4vh 2vh}.draw-ball,.rolling-ball{width:6vh;height:6vh;font-size:5.2vh}.brick-row{height:3vh}.panel-right{padding:4px 3px;min-width:150px}.bet-base,.btn-small,.label-dinero,.money-value,.panel-right,.paytable,.paytable-row,.spots{font-size:1.6vh}.money-value{min-width:0;padding:1px 3px}.btn-option{height:8vh;width:16vh;padding-top:2vh;font-size:2.4vh}.arrows{font-size:2.8vh}.arrow-box{width:10vh;height:3.4vh}.btn-start{padding:4px 2px}.btn-start,.jackpot-label{font-size:2.8vh}.jackpot-value{font-size:3vh}}.orientation-warning{position:fixed;inset:0;background:radial-gradient(circle at top,#10152a,#000);display:none;align-items:center;justify-content:center;flex-direction:column;color:#fff;font-family:"Trebuchet MS",Arial,sans-serif;text-align:center;padding:20px;z-index:9999}.orientation-warning h1{font-size:22px;margin-bottom:10px;text-shadow:2px 2px 4px #000}.orientation-warning p{font-size:14px;max-width:260px;line-height:1.4;text-shadow:1px 1px 2px #000}.orientation-icon{margin-bottom:10px;font-size:40px}@keyframes landBounce{0%{transform:translateY(0)}35%{transform:translateY(-.8vh)}70%{transform:translateY(.35vh)}to{transform:translateY(0)}}.draw-bounce{animation:landBounce .35s ease-out 1}@media screen and (max-width:800px) and (max-height:420px) and (orientation:landscape){body{overflow-x:hidden;overflow-y:hidden}.keno-wrapper{height:100vh;padding:2px;grid-gap:2px;gap:2px}.panel-left{padding:3px;border-width:2px;margin-top:1vh}.superball-text{font-size:18px}.superball-balls .superball-ball{width:18px;height:18px}.board{grid-auto-rows:8vh}.board-middle-label{height:8vh;font-size:4vh}.message-bar{font-size:1.1vh;padding:2px 3px}.cell{width:5.5vw;height:8vh;font-size:4.4vh;border-width:3px}.panel-balls{width:20vh;padding:3vh 1.5vh;border-width:2px}.draw-ball,.rolling-ball{width:8.5vh;height:8.5vh;font-size:8.4vh}.brick-row{height:2.5vh}.panel-right{font-size:1.4vh;min-width:130px;border-width:2px;position:relative;overflow-y:auto;padding:3px 2px 9vh}.top-buttons{grid-gap:2px;gap:2px;margin-bottom:2px}.btn-small{font-size:2vh;padding:2px 1px}.money-panel{grid-column-gap:3px;column-gap:3px;grid-row-gap:2px;row-gap:2px}.label-dinero,.money-value{font-size:2.4vh}.money-value{padding:1px 2px;min-width:20vw}.jackpot-panel{padding:2px}.jackpot-label{font-size:3vh}.jackpot-value{font-size:4.4vh}.select-buttons{display:grid;align-items:center;grid-gap:2px;gap:2px;grid-template-columns:1fr 1fr 1fr}.btn-option{flex:1 1;height:10vh;width:10vw;padding-top:2.2vh;font-size:3vh}.arrows{font-size:4vh}.arrow-box{width:10vh;height:5vh}.bet-base,.paytable,.paytable-row,.spots{font-size:2.5vh}.paytable-rows{max-height:25vh;overflow-y:auto}.btn-start{position:absolute;left:3px;right:3px;bottom:3px;margin-top:0;font-size:2.4vh;padding:4px 2px}}.fill{padding:0;margin:0}.fill,.fill>img{width:50vw;height:50vh}.fill>img{object-fit:contain}.dashboard-container{min-height:100vh;display:flex;flex-direction:column;background:#020915;color:#f5f5f5;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.dashboard-footer,.dashboard-header{padding:12px 24px;background:#050f24;display:flex;align-items:center;justify-content:space-between}.dashboard-footer{text-align:center;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}.dashboard-logo{font-weight:700;font-size:1.1rem}.dashboard-user{text-align:right;font-size:.9rem}.dashboard-user span{display:block;font-size:3vh;font-weight:700}.dashboard-main{flex:1 1;display:flex;flex-wrap:wrap;justify-content:center;align-content:flex-start;grid-gap:16px;gap:16px;padding:24px}.dashboard-game-button{height:40vh;width:40vw;border-radius:14px;border:2px solid #1de9b6;background:radial-gradient(circle at top,#123b5a 0,#050f24 60%,#020713 100%);display:flex;align-items:center;justify-content:center;text-align:center;padding:8px;box-sizing:border-box;font-weight:700;font-size:.9rem;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .1s ease-out,box-shadow .1s ease-out,border-color .1s ease-out,background .1s ease-out}.dashboard-game-button:hover{transform:translateY(-3px);box-shadow:0 6px 14px rgba(0,0,0,.6);border-color:#00e5ff}.dashboard-game-button:active{transform:translateY(0);box-shadow:0 2px 6px rgba(0,0,0,.8)}@media (max-width:768px){.dashboard-main{padding:16px;grid-gap:12px;gap:12px}.dashboard-game-button{flex-grow:0;flex-shrink:0;flex-basis:calc(50% - 12px);height:100px;font-size:.8rem}}.admin-player,.admin-player th{overflow:auto;color:#fff;font-size:2vw}:root{--bg-dark:#010a06;--bg-card:#022619;--accent:gold;--accent-soft:#fff9c4;--accent-strong:#00e676;--danger:#ff5252;--success:#00e676;--text-main:#f4fff7;--text-soft:#c8f7dc;--border-soft:#036636;--radius-lg:16px;--radius-md:10px;--radius-sm:6px;--shadow-soft:0 12px 30px rgba(0,0,0,0.6)}*{box-sizing:border-box}body,html{height:100%;width:100vw;overflow-x:hidden}body{margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:1vh;background:radial-gradient(circle at top,#064b2a 0,#022619 35%,#010a06 80%);color:var(--text-main);justify-content:center;align-items:stretch}.app,body{display:flex}.app{width:100vw;max-width:100vw;padding:8px 10px;height:100vh;flex-direction:column;background-color:#004d40}header{background:linear-gradient(135deg,rgba(27,94,32,.8),rgba(0,51,30,.96));border-radius:var(--radius-lg);padding:10px 12px;margin-bottom:8px;box-shadow:var(--shadow-soft);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;grid-gap:8px;gap:8px;border:1px solid hsla(0,0%,100%,.2)}header .title-block{display:flex;flex-direction:column;grid-gap:2px;gap:2px}header h1{margin:0;font-size:4vh;letter-spacing:.06em;text-transform:uppercase;font-weight:800;text-shadow:0 0 10px hsla(0,0%,100%,.9)}header small{color:var(--text-soft);font-size:1.2rem}header .status-block{flex-wrap:wrap}.pill,header .status-block{display:flex;grid-gap:8px;gap:8px;align-items:center}.pill{padding:5px 9px;border-radius:999px;border:1px solid hsla(0,0%,100%,.35);background:radial-gradient(circle at top,#388e3c 0,#004d40 70%);font-size:4vh;box-shadow:0 4px 12px rgba(0,0,0,.4)}.pill-label{color:var(--text-soft)}.pill-value{font-weight:700;color:var(--accent-soft)}.pill-jackpot .pill-value{color:var(--accent-strong);text-shadow:0 0 12px rgba(207,230,0,.9)}.main-layout{flex:1 1;min-height:0;display:grid;grid-template-columns:60% 15% 25%;grid-gap:8px;gap:8px;overflow:hidden}.card{background:radial-gradient(circle at top,#0b3d1c 0,#022619 60%);border-radius:var(--radius-lg);padding:8px;box-shadow:var(--shadow-soft);border:1px solid var(--border-soft);min-height:0;display:flex;flex-direction:column}.card h2{margin:0 0 4px;font-size:2vh;letter-spacing:.05em;text-transform:uppercase;color:#e8f5e9;font-weight:800;text-shadow:0 0 6px hsla(0,0%,100%,.7)}.card-subtitle{margin:0 0 6px;color:var(--text-soft);font-size:1.6vh}.left-panel{grid-gap:6px;gap:6px}.keypad{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));grid-template-rows:repeat(10,minmax(0,1fr));grid-auto-flow:column;grid-gap:2px;gap:2px;margin-top:4px}.key{border-radius:var(--radius-md);border:1px solid rgba(0,0,0,.35);background:radial-gradient(circle at 30% 20%,#e8f5e9 0,#81c784 40%,#2e7d32 100%);color:#0b3d1c;padding:5px 0;text-align:center;font-size:2.5vh;font-weight:800;cursor:pointer;transition:all .12s ease;-webkit-user-select:none;user-select:none;position:relative;text-shadow:0 0 4px hsla(0,0%,100%,.9)}.key:hover{background:radial-gradient(circle at 30% 20%,#fff 0,#c8e6c9 45%,#43a047 100%);transform:translateY(-1px) scale(1.03);box-shadow:0 0 10px hsla(0,0%,100%,.9)}.key.selected{background:radial-gradient(circle at 30% 20%,#fff 0,gold 50%,#ffb300 100%);color:#3e2723;font-weight:900;border-color:#fff59d;box-shadow:0 0 0 2px rgba(255,245,157,.9),0 0 16px #fff}.key.jackpot-pick{background:radial-gradient(circle at 30% 20%,#bbdefb 0,#1e88e5 50%,#0d47a1 100%);color:#fff;border-color:#bbdefb;box-shadow:0 0 0 2px rgba(187,222,251,.9),0 0 16px rgba(187,222,251,.9)}.key.win-hit{background:radial-gradient(circle at 30% 20%,#ffebee 0,#ef5350 50%,#b71c1c 100%);color:#fff;border-color:#ffcdd2;box-shadow:0 0 0 2px rgba(255,205,210,.9),0 0 18px #ffcdd2}.key.win-miss{background:radial-gradient(circle at 30% 20%,#f3e5f5 0,#ab47bc 50%,#4a148c 100%);color:#fff;border-color:#ce93d8;box-shadow:0 0 0 2px rgba(206,147,216,.9),0 0 18px #ce93d8}.selection-info{margin-top:4px;font-size:.8rem;color:var(--text-soft)}.selection-info span{color:var(--accent-soft);font-weight:600}.bet-controls{margin-top:4px;display:flex;flex-direction:column;grid-gap:6px;gap:6px}.bet-types{display:flex;flex-wrap:wrap}.bet-types,.btn{grid-gap:4px;gap:4px}.btn{border-radius:var(--radius-md);border:1px solid rgba(0,0,0,.4);background:linear-gradient(135deg,#2e7d32,#00695c);color:#e8f5e9;padding:5px 9px;font-size:2vh;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center;min-width:15vh;min-height:7vh;font-weight:700}.btn:hover{background:linear-gradient(135deg,#43a047,#00897b);box-shadow:0 0 8px hsla(0,0%,100%,.9)}.btn-primary{background:linear-gradient(120deg,gold,#ffb300);border-color:#fff59d;color:#3e2723;font-weight:900;text-shadow:0 0 4px hsla(0,0%,100%,.9)}.btn-primary:hover{filter:brightness(1.06);box-shadow:0 0 12px #fff}.btn-type.active{background:radial-gradient(circle at 30% 20%,gold 0,#ffb300 60%);border-color:#fff59d;color:#3e2723;font-weight:900}.amount-control{display:flex;align-items:center;grid-gap:6px;gap:6px;font-size:2vh;flex-wrap:wrap;color:var(--text-soft)}.amount-input-wrapper{display:flex;align-items:stretch;border-radius:var(--radius-md);overflow:hidden;border:1px solid rgba(0,0,0,.45);background:radial-gradient(circle at top,#004d40 0,#00251a 70%)}.amount-input-wrapper input{width:8vh;height:8vh;border:none;outline:none;background:transparent;color:#fff;padding:4px 6px;font-size:4vh;text-align:center;-webkit-appearance:textfield;appearance:textfield;font-weight:800}.amount-input-wrapper input::-webkit-inner-spin-button,.amount-input-wrapper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.amount-btn{background:rgba(0,77,64,.95);border:none;color:#ffeb3b;padding:0 7px;cursor:pointer;font-size:.86rem;display:flex;align-items:center;justify-content:center;font-weight:900}.amount-btn:hover{background:rgba(0,105,92,.95)}.jackpot-status{font-size:.78rem;color:var(--text-soft)}.jackpot-status strong{color:#fff59d}.left-buttons-row{display:flex;grid-gap:4px;gap:4px;margin-top:2px;flex-wrap:wrap}.history-panel{grid-gap:4px;gap:4px;font-size:.78rem}.history-list{margin-top:4px;flex:1 1;overflow:hidden;border-radius:var(--radius-md);border:1px solid rgba(0,0,0,.5);background:rgba(0,30,18,.98);padding:4px}.history-item{padding:4px 6px;border-radius:8px;border:1px solid hsla(0,0%,100%,.16);margin-bottom:4px;background:rgba(27,94,32,.95)}.history-item-jp{background:rgba(0,230,118,.4);border-color:rgba(205,220,57,.9);box-shadow:0 0 10px rgba(205,220,57,.9)}.history-line{display:flex;justify-content:space-between;align-items:center;grid-gap:4px;gap:4px;margin-bottom:2px}.history-index{color:var(--text-soft);font-size:2vh}.history-balls{grid-gap:4px;gap:4px;flex-wrap:wrap}.ball-small,.history-balls{display:flex;align-items:center}.ball-small{width:3vh;height:3vh;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff 0,#ffd54f 55%,#f57f17 100%);justify-content:center;font-weight:800;font-size:2vh;color:#3e2723;box-shadow:0 4px 10px rgba(0,0,0,.7)}.ball-small.jp{background:radial-gradient(circle at 30% 30%,#fff 0,#80deea 55%,#006064 100%);border:1px solid rgba(178,235,242,.9)}.ball-small.jp-win{box-shadow:0 0 16px #fff}.ball-small.jp-lose{opacity:.7}.history-extra{display:flex;justify-content:space-between;grid-gap:4px;gap:4px;flex-wrap:wrap;color:var(--text-soft);font-size:2vh}.history-empty{font-size:.78rem;color:var(--text-soft);padding:6px}.right-panel{grid-gap:6px;gap:6px}.results-wrapper{flex-shrink:0}.results-card{border-radius:var(--radius-md);border:1px solid rgba(0,0,0,.5);padding:6px;background:radial-gradient(circle at top,#00695c 0,#00251a 70%);font-size:1vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);grid-gap:8px;gap:8px;margin-bottom:4px}.draw-numbers{display:flex;flex-direction:column;grid-gap:.1vh;gap:.1vh}.draw-balls{grid-gap:1vh;gap:1vh;background-color:red}.ball,.draw-balls{display:flex;align-items:center}.ball{justify-content:center;font-weight:800;color:#4e342e;box-shadow:0 6px 16px rgba(0,0,0,.8);font-size:3vh}.ball-label{font-size:1vh;color:#fff;text-align:center;font-weight:700}.results-info{display:flex;flex-direction:column;grid-gap:3px;gap:3px;color:#e8f5e9}.results-info span{color:#e8f5e9}.win-amount{color:var(--success);font-weight:800;text-shadow:0 0 10px rgba(0,230,118,.9)}.jackpot-win{color:var(--accent-strong);font-weight:800;text-shadow:0 0 10px #fff}.message{margin-top:2px;font-size:.78rem;color:#e8f5e9}.message.error{color:var(--danger)}.message.success{color:var(--success)}.jackpot-animate{animation:jackpotPulse .8s ease-in-out 4 alternate}@keyframes jackpotPulse{0%{transform:scale(1);text-shadow:0 0 6px hsla(0,0%,100%,.7)}50%{transform:scale(1.2);text-shadow:0 0 28px #fff}to{transform:scale(1);text-shadow:0 0 10px hsla(0,0%,100%,.9)}}.result-display{margin-top:4px;font-size:.8rem;color:#e8f5e9;font-weight:700;text-shadow:0 0 4px rgba(0,0,0,.8)}.canvas-wrapper{border-radius:var(--radius-md);overflow:hidden;border:1px solid rgba(0,0,0,.55);background:#001c11;flex-shrink:0}canvas{display:block;width:100%;height:16vh;background:radial-gradient(circle at top,#fff 0,#022619 60%)}.ticket-section{margin-top:6px;display:flex;flex-direction:column;flex:1 1;min-height:0}.ticket-list{max-height:22em;overflow-y:auto;overflow-x:hidden;margin-top:4px;border-radius:var(--radius-md);border:1px solid rgba(0,0,0,.55);background:rgba(0,30,18,.96)}table{width:100%;border-collapse:collapse;font-size:.8rem}thead{position:-webkit-sticky;position:sticky;top:0;background:rgba(0,77,64,.98);z-index:1}td,th{padding:3px 6px;text-align:left;border-bottom:1px solid hsla(0,0%,100%,.16);color:#e8f5e9}th{font-weight:700;text-transform:uppercase;letter-spacing:.04em}tbody tr:nth-child(2n){background:rgba(0,77,64,.85)}tbody tr{height:2.2em}.ticket-footer{display:flex;justify-content:space-between;align-items:center;margin-top:6px;font-size:.8rem;flex-wrap:wrap;grid-gap:4px;gap:4px;color:#e8f5e9}.ticket-total-value{color:#fff59d;font-weight:800}.ticket-actions{display:flex;grid-gap:4px;gap:4px;flex-wrap:wrap;align-items:center}.btn-danger{background:linear-gradient(135deg,#ff5252,#c62828);border-color:#ff8a80;color:#fff}.btn-danger:hover{background:linear-gradient(135deg,#ff8a80,#e53935);box-shadow:0 0 10px rgba(255,205,210,.9)}.autoplay-label{display:inline-flex;align-items:center;grid-gap:3px;gap:3px;font-size:.78rem;padding:2px 6px;border-radius:999px;border:1px solid hsla(0,0%,100%,.2);background:rgba(0,51,30,.85);cursor:pointer;-webkit-user-select:none;user-select:none}.autoplay-label input{margin:0}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:999}.modal-overlay.hidden{display:none}.modal1{background:radial-gradient(circle at top,#0b3d1c 0,#022619 60%);border-radius:var(--radius-lg);padding:12px;box-shadow:var(--shadow-soft);border:1px solid var(--border-soft);max-width:90vw;width:10vw}.modal-title{font-weight:800;font-size:2vh;margin-bottom:8px;color:#e8f5e9;text-transform:uppercase;letter-spacing:.05em}.modal-body{font-size:1.8vh;color:var(--text-soft)}.modal-body p{margin-top:0;margin-bottom:8px}.modal-body .message{margin-top:4px}.jp-display{text-align:center;font-size:5vh;margin-bottom:8px;font-weight:900;color:var(--accent-soft);text-shadow:0 0 10px hsla(0,0%,100%,.9)}.jp-keypad{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:4px;gap:4px;margin-bottom:8px}.jp-key{border-radius:var(--radius-md);border:1px solid rgba(0,0,0,.6);background:radial-gradient(circle at 30% 20%,#e8f5e9 0,#a5d6a7 40%,#2e7d32 100%);color:#1b5e20;padding:6px 0;text-align:center;font-weight:800;cursor:pointer;font-size:2.4vh;text-shadow:0 0 4px hsla(0,0%,100%,.9)}.jp-key:hover{background:radial-gradient(circle at 30% 20%,#fff 0,#c8e6c9 45%,#43a047 100%);box-shadow:0 0 8px hsla(0,0%,100%,.9)}.jp-actions{display:flex;justify-content:space-between;grid-gap:4px;gap:4px;margin-top:4px}@media (max-width:900px){.app{height:auto;min-height:100vh}body{align-items:flex-start}.main-layout{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;overflow:visible}.right-panel{order:1}.left-panel{order:2}.history-panel{order:3}.card,.history-panel,.left-panel,.right-panel{min-height:auto}}@media (max-width:600px){header h1{font-size:1.1rem}.card{padding:6px}.keypad{grid-template-columns:repeat(10,minmax(0,1fr))}.results-card{grid-template-columns:minmax(0,1fr)}}.roulette-root{min-height:100vh;background:radial-gradient(circle at top,#002014,#000 70%);color:#f5f5f5;padding:16px;box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.roulette-header{display:flex;justify-content:space-between;grid-gap:16px;gap:16px;margin-bottom:16px;flex-wrap:wrap}.roulette-header h1{margin:0 0 4px;font-size:1.4rem;color:gold;text-shadow:0 0 6px rgba(0,0,0,.9)}.result-panel{background:rgba(0,0,0,.35);border-radius:12px;padding:8px 12px;min-width:260px;border:1px solid hsla(0,0%,100%,.1)}.last-result-label{font-size:.8rem;opacity:.8}.last-result-value{margin-top:4px;display:flex;align-items:center;grid-gap:8px;gap:8px;flex-wrap:wrap}.result-badge{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;border-radius:999px;font-weight:700;font-size:1rem;box-shadow:0 0 10px rgba(0,0,0,.9)}.result-red{background:linear-gradient(135deg,#ff4b5c,#8b0b15);color:#fff}.result-black{background:linear-gradient(135deg,#333,#000);color:#fff}.result-green{background:linear-gradient(135deg,#27ae60,#0b5b32);color:#fff}.result-text{font-size:.9rem}.cloth{margin-top:8px;background:radial-gradient(circle at top,#0d5c32,#024120 60%,#01160c);border-radius:20px;border:2px solid #0c7b3c;padding:16px;min-height:60vh;display:flex;grid-gap:20px;gap:20px;box-shadow:0 12px 30px rgba(0,0,0,.7);box-sizing:border-box}.wheel-area{flex:0 0 280px;display:flex;flex-direction:column;align-items:center;grid-gap:12px;gap:12px}.wheel{position:relative;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,#1b1b1b,#000);box-shadow:0 0 0 4px #222,0 0 0 8px #444,0 18px 30px rgba(0,0,0,.8);overflow:hidden}.wheel-rotating{position:absolute;inset:0;transition:transform 2.6s cubic-bezier(.19,1,.22,1)}.wheel-ring{position:absolute;inset:12px;border-radius:50%;background:conic-gradient(#d32f2f 0deg 13deg,#111 13deg 23deg,#d32f2f 23deg 36deg,#111 36deg 46deg,#d32f2f 46deg 59deg,#111 59deg 69deg,#d32f2f 69deg 82deg,#111 82deg 92deg,#d32f2f 92deg 105deg,#111 105deg 115deg,#d32f2f 115deg 128deg,#111 128deg 138deg,#d32f2f 138deg 151deg,#111 151deg 161deg,#d32f2f 161deg 174deg,#111 174deg 184deg,#d32f2f 184deg 197deg,#111 197deg 207deg,#d32f2f 207deg 220deg,#111 220deg 230deg,#d32f2f 230deg 243deg,#111 243deg 253deg,#d32f2f 253deg 266deg,#111 266deg 276deg,#d32f2f 276deg 289deg,#111 289deg 299deg,#d32f2f 299deg 312deg,#111 312deg 322deg,#d32f2f 322deg 335deg,#111 335deg 345deg,#d32f2f 345deg 1turn);box-shadow:inset 0 0 12px rgba(0,0,0,.9)}.ball-orbit{position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:center;pointer-events:none;transform-origin:center center}.ball-orbit-spinning{animation:orbit-spin .4s linear infinite}@keyframes orbit-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ball{margin-top:16px;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,#e0e0e0 40%,#a0a0a0 75%,#5a5a5a 100%);box-shadow:0 4px 6px rgba(0,0,0,.7),inset 0 -2px 3px hsla(0,0%,100%,.5)}.wheel-center{position:absolute;inset:60px;border-radius:50%;background:radial-gradient(circle at top,#333,#000);border:2px solid #777;display:flex;align-items:center;justify-content:center;color:gold;font-weight:700;font-size:1.1rem;text-shadow:0 0 6px rgba(0,0,0,.9)}.spin-button{margin-top:8px;padding:8px 18px;border-radius:999px;border:none;cursor:pointer;font-weight:700;letter-spacing:.03em;background:linear-gradient(135deg,gold,#ffb300);color:#301b00;box-shadow:0 4px 10px rgba(0,0,0,.7);transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.spin-button:hover:not(:disabled){filter:brightness(1.05);box-shadow:0 6px 14px rgba(0,0,0,.8)}.spin-button:active:not(:disabled){transform:translateY(1px) scale(.98);box-shadow:0 3px 8px rgba(0,0,0,.6)}.spin-button:disabled{opacity:.6;cursor:default}.betting-area{flex:1 1;display:flex;flex-direction:column;grid-gap:10px;gap:10px}.betting-title{font-size:1rem;font-weight:600;color:#ffe082;text-shadow:0 0 4px rgba(0,0,0,.9);margin-bottom:4px}.inside-bets{display:flex;grid-gap:6px;gap:6px}.zeros-column{flex-direction:column}.numbers-grid,.zeros-column{display:flex;grid-gap:4px;gap:4px}.numbers-grid{flex-direction:column;flex:1 1}.numbers-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:4px;gap:4px}.bet-cell{position:relative;border-radius:6px;border:1px solid hsla(0,0%,100%,.4);font-weight:700;font-size:.85rem;padding:6px 0;cursor:pointer;text-shadow:0 0 4px rgba(0,0,0,.9);transition:transform .08s ease,box-shadow .08s ease,filter .08s ease}.bet-cell:hover{filter:brightness(1.2);box-shadow:0 0 6px rgba(0,0,0,.8)}.bet-cell:active{transform:scale(.95)}.cell-red{background:linear-gradient(135deg,#ff5252,#b71c1c);color:#fff}.cell-black{background:linear-gradient(135deg,#424242,#000);color:#fff}.cell-green{background:linear-gradient(135deg,#00e676,#00695c);color:#00210e}.zero-cell{min-width:60px}.bet-chip{position:absolute;bottom:4px;right:4px;min-width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,#ffcc80);border:2px solid #fff3e0;box-shadow:0 2px 4px rgba(0,0,0,.7);font-size:.7rem;font-weight:700;color:#4e2a00;display:flex;align-items:center;justify-content:center}.outside-bets{margin-top:8px;display:flex;grid-gap:8px;gap:8px}.outside-cell{flex:1 1;padding:6px 0;border-radius:8px;border:1px solid hsla(0,0%,100%,.4);font-weight:700;font-size:.9rem;cursor:pointer;text-shadow:0 0 4px rgba(0,0,0,.9);transition:transform .08s ease,box-shadow .08s ease,filter .08s ease}.outside-cell:hover{filter:brightness(1.15);box-shadow:0 0 6px rgba(0,0,0,.8)}.outside-cell:active{transform:scale(.96)}.outside-red{background:linear-gradient(135deg,#ff5252,#b71c1c);color:#fff}.outside-black{background:linear-gradient(135deg,#424242,#000);color:#fff}.chips-panel{margin-top:8px;padding:6px 10px;border-radius:10px;background:rgba(0,0,0,.35);display:flex;align-items:center;grid-gap:10px;gap:10px}.chips-label{font-size:.85rem;opacity:.9}.chips-list{display:flex;grid-gap:8px;gap:8px;flex-wrap:wrap}.chip{width:34px;height:34px;border-radius:50%;border:2px solid #fff3e0;background:radial-gradient(circle at 30% 30%,#fff,#ffcc80);box-shadow:0 3px 5px rgba(0,0,0,.7);font-size:.75rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .09s ease,box-shadow .09s ease,filter .09s ease;color:#4e2a00}.chip:hover{filter:brightness(1.08);box-shadow:0 4px 8px rgba(0,0,0,.7)}.chip:active{transform:translateY(1px) scale(.95);box-shadow:0 2px 4px rgba(0,0,0,.6)}.chip-selected{outline:2px solid #ffeb3b;outline-offset:2px}.message-panel{margin-top:6px;padding:6px 10px;border-radius:8px;background:rgba(0,0,0,.55);font-size:.8rem}@media (max-width:900px){.cloth{flex-direction:column;align-items:center}.wheel-area{order:-1}.betting-area{width:100%}}
/*# sourceMappingURL=main.30a79c0b.chunk.css.map */