body,html{margin:0;min-height:100vh;padding:0;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}.App,body{display:flex;padding:0}.App{align-items:center;flex:1 1;flex-direction:column;overflow-x:hidden;width:100%}.App-header{margin-bottom:10px;padding:10px}.App-header h1{font-size:1.5rem}.keno-game{background:#0000;box-shadow:none;gap:8px;margin:0;max-width:100%;padding:10px;width:100%}.number-grid{grid-gap:2px;aspect-ratio:1;background:linear-gradient(145deg,#1a1a2e,#16213e);border-radius:8px;display:grid;gap:2px;grid-template-columns:repeat(10,1fr);margin:0;padding:8px;width:100%}.number-cell{align-items:center;aspect-ratio:1;background:linear-gradient(145deg,#fff,#e6e9f0);border:none;border-radius:8px;box-shadow:3px 3px 6px #0000001a,-3px -3px 6px #fffc;color:#2c3e50;cursor:pointer;display:flex;font-weight:600;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease}.number-cell .number{position:relative;z-index:1}.number-cell .overlay{align-items:center;animation:fadeIn .5s ease-in-out;background:#0000001a;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.number-cell:hover{background:#e9ecef}.number-cell.selected{background:linear-gradient(145deg,#3498db,#2980b9);box-shadow:inset 2px 2px 5px #0003;color:#fff;transform:scale(.95)}.number-cell.drawn{animation:drawPulse .5s ease-out;background:linear-gradient(145deg,#2ecc71,#27ae60);color:#fff}.number-cell.last-drawn{animation:highlight 1s ease-in-out;box-shadow:0 0 15px #28a745cc;transform:scale(1.1);z-index:2}.number-cell.matched{animation:matchGlow 1s infinite;background:linear-gradient(145deg,#f1c40f,#f39c12);border:2px solid #ff9800;color:#000}.number-cell.matched .overlay{background:#ff980033}.game-info{background:linear-gradient(145deg,#fff,#f5f5f5);border-radius:12px;box-shadow:0 4px 15px #0000000d;display:flex;font-size:1rem;justify-content:space-around;margin-bottom:15px;padding:12px 20px}.info-item{align-items:center;display:flex;flex-direction:column;gap:5px}.info-item label{color:#666;font-size:.8rem;letter-spacing:.5px;text-transform:uppercase}.info-item span{color:#2c3e50;font-size:1.2rem;font-weight:600}.info-item.timer span{color:#e74c3c;font-family:monospace}.betting-panel{background:linear-gradient(145deg,#fff,#f8f9fa);border-radius:12px;box-shadow:0 4px 15px #0000000d;flex-wrap:wrap;gap:15px;justify-content:space-between;padding:15px 20px}.bet-controls,.betting-panel{align-items:center;display:flex}.bet-controls{gap:10px}.bet-controls input{border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:8px 12px;transition:all .3s ease;width:100px}.bet-controls input:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db33;outline:none}.place-bet-button{background:linear-gradient(145deg,#3498db,#2980b9);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.5px;padding:10px 20px;text-transform:uppercase;transition:all .3s ease}.place-bet-button:not(:disabled):hover{box-shadow:0 4px 15px #3498db4d;transform:translateY(-2px)}.place-bet-button:disabled{background:linear-gradient(145deg,#bdc3c7,#95a5a6);cursor:not-allowed;transform:none}.results-panel{background:#fff;border:2px solid #ddd;border-radius:8px;bottom:0;box-shadow:0 2px 4px #0000001a;font-size:.9rem;margin-top:10px;padding:15px;position:sticky;z-index:100}.results-panel.winner{background:#f8fff9;border-color:#28a745}.results-panel.previous-round{border-style:dashed;opacity:.8}.hit-details,.win-details{color:#666;font-size:.9rem;margin:5px 0}.hits{font-weight:700;margin-left:5px;padding:2px 6px}.hits,.win-message{background:#e8ffe9;border-radius:4px;color:#28a745}.win-message{margin:10px 0;padding:10px;text-align:center}.win-message h3{font-size:1.2rem;margin:0 0 10px}.no-win-message{color:#666;padding:10px;text-align:center}.winnings{color:#28a745;font-size:1.3rem;font-weight:700;margin:10px 0}.balance-update{border-top:1px solid #ddd;font-weight:700;margin-top:10px;padding-top:10px;text-align:right}.drawn-numbers{display:none}.number-grid-legend{background:linear-gradient(145deg,#fff,#f8f9fa);border-radius:12px;box-shadow:0 4px 15px #0000000d;display:flex;font-size:.9rem;gap:20px;justify-content:center;margin-bottom:15px;padding:12px}.legend-item{align-items:center;background:#00000008;border-radius:20px;display:flex;gap:8px;padding:5px 10px}.legend-color{border-radius:50%;box-shadow:inset 1px 1px 3px #0003;height:18px;width:18px}.legend-color.selected{background:linear-gradient(145deg,#3498db,#2980b9)}.legend-color.drawn{background:linear-gradient(145deg,#2ecc71,#27ae60)}.legend-color.matched{background:linear-gradient(145deg,#f1c40f,#f39c12)}@keyframes fadeIn{0%{opacity:0;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%{box-shadow:0 0 0 0 #ffc107b3;transform:scale(1)}50%{box-shadow:0 0 0 10px #ffc10700;transform:scale(1.1)}to{box-shadow:0 0 0 0 #ffc10700;transform:scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes highlight{0%{box-shadow:0 0 0 0 #28a745cc;transform:scale(1)}50%{box-shadow:0 0 20px #28a745cc;transform:scale(1.2)}to{box-shadow:0 0 15px #28a745cc;transform:scale(1.1)}}@keyframes matchPulse{0%{box-shadow:0 0 0 0 #ffc107cc;transform:scale(1)}50%{box-shadow:0 0 20px #ffc107cc;transform:scale(1.2)}to{box-shadow:0 0 0 #ffc10700;transform:scale(1)}}@keyframes drawPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes matchGlow{0%{box-shadow:0 0 5px #f1c40f80}50%{box-shadow:0 0 20px #f1c40fcc}to{box-shadow:0 0 5px #f1c40f80}}@media (max-width:800px){.keno-game{margin:0;max-width:100%;padding:10px;width:100%}.number-grid{aspect-ratio:1;max-height:60vh;width:100%}}@media (max-width:600px){body{background:#f5f7fa}.App{padding:0}.keno-game{background:#0000;box-shadow:none;padding:5px}.number-grid{grid-gap:2px;aspect-ratio:1;display:grid;gap:2px;grid-template-columns:repeat(10,1fr);max-height:70vh;padding:5px;width:100%}.number-cell{aspect-ratio:1;min-height:0;min-width:0}.bet-controls input,.place-bet-button{min-height:44px}.game-info{grid-gap:5px;border-radius:8px;display:grid;gap:5px;grid-template-columns:repeat(3,1fr);margin:0;padding:8px}.info-item{padding:4px}.info-item label{font-size:.7rem}.info-item span{font-size:1rem}.betting-panel{border-radius:8px;gap:8px;padding:8px}.bet-controls{grid-gap:8px;display:grid;gap:8px;grid-template-columns:auto 1fr;width:100%}.bet-controls label{align-self:center;font-size:.9rem}.bet-controls input{border-radius:6px;font-size:1rem;height:40px;padding:8px;width:100%}.place-bet-button{border-radius:6px;font-size:.9rem;height:44px;width:100%}.number-grid-legend{grid-gap:4px;border-radius:8px;display:grid;gap:4px;grid-template-columns:repeat(3,1fr);padding:6px}.legend-item{font-size:.7rem;justify-content:center;padding:4px}.legend-color{height:12px;width:12px}}@media (max-width:400px){.keno-game{padding:2px}.number-grid{max-height:45vh}.number-cell{border-radius:3px;box-shadow:1px 1px 2px #0000001a;font-size:.7rem}.number-cell.drawn,.number-cell.matched,.number-cell.selected{animation:none;transform:none}.betting-panel{padding:8px}.bet-controls{gap:3px}.number-grid-legend{gap:5px;padding:5px}.legend-item{min-width:0;min-width:auto;padding:2px 4px}.legend-color{height:12px;width:12px}}@media (max-height:500px) and (orientation:landscape){.keno-game{grid-gap:5px;display:grid;gap:5px;grid-template-columns:1fr 300px;grid-template-rows:auto auto 1fr;height:100vh;margin:0;max-width:100%;padding:5px;width:100%}.number-grid{aspect-ratio:1;height:100%;max-height:none}.game-info{grid-column:2;grid-row:1;margin:0}.betting-panel{grid-column:2;grid-row:2;margin:0}.number-grid-legend{grid-column:2;grid-row:3;margin:0}.results-panel{bottom:0;left:0;margin:0;position:fixed;right:0}}@supports (padding:max(0px)){.keno-game{padding-bottom:max(10px,env(safe-area-inset-bottom));padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}}@media (max-width:400px){.keno-game{margin:0;padding:5px}.number-grid{gap:2px;padding:5px}.number-cell{border-radius:4px;font-size:.7rem}.info-item{flex:1 1 45%}.bet-controls{align-items:stretch;flex-direction:column;gap:5px}.bet-controls input{width:100%}.legend-item{margin:2px;min-width:70px}}@media (max-height:600px) and (orientation:landscape){.keno-game{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 300px;max-width:95%;padding:10px}.number-grid{grid-row:span 3}.betting-panel,.game-info,.number-grid-legend{margin:0}.results-panel{grid-column:span 2}}.number-cell:not(:disabled){cursor:pointer}.number-cell:disabled{cursor:default;opacity:.8}.number-cell:not(:disabled):hover{background:#e9ecef}.number-grid{position:relative}.number-cell:nth-child(10n):after{background:#ffffff1a;content:"";height:100%;position:absolute;right:-3px;top:0;width:2px}.number-cell:nth-child(n+71):nth-child(-n+80){border-bottom:none}@media (max-width:600px) and (orientation:portrait){.number-grid{max-height:50vh}}@media (max-height:450px) and (orientation:landscape){.keno-game{grid-gap:5px;display:grid;gap:5px;grid-template-areas:"grid info" "grid betting" "grid legend";grid-template-columns:1fr auto;height:100vh;padding:5px}.number-grid{aspect-ratio:1;grid-area:grid;height:calc(100vh - 20px);max-height:none}.game-info{grid-area:info;width:200px}.betting-panel{grid-area:betting;width:200px}.number-grid-legend{grid-area:legend;width:200px}}@media (max-width:380px){.number-grid{gap:1px;padding:3px}}@media (max-height:450px) and (orientation:landscape){.number-grid{aspect-ratio:1;height:calc(100vh - 20px);max-height:none}}.drawn-numbers-container{height:300px;left:0;pointer-events:none;position:absolute;top:0;width:100%}.lottery-sphere{background:#0000;height:100%;width:100%}.drawn-numbers-list{grid-gap:10px;background:#0000001a;border-radius:10px;bottom:20px;display:grid;gap:10px;grid-template-columns:repeat(5,1fr);justify-items:center;padding:20px;position:absolute;width:100%}.drawn-number{align-items:center;animation:popIn .3s ease-out;background:radial-gradient(circle at 30% 30%,#fff,gold);border-radius:50%;box-shadow:2px 2px 5px #0000004d;display:flex;font-weight:700;height:40px;justify-content:center;width:40px}@keyframes popIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.App{background-color:#f0f2f5;min-height:100vh;text-align:center}.App-header{background-color:#282c34;color:#fff;margin-bottom:20px;padding:20px}.App-header h1{font-size:2em;margin:0}main{padding:0 20px}
/*# sourceMappingURL=main.8e9fa685.css.map*/