:root{--primary-blue:#1e3c72;--secondary-blue:#2a5298;--gold:gold;--orange:orange;--success:#4caf50;--success-dark:#45a049;--coral:#ff6b6b;--teal:#4ecdc4;--white:#fff;--dark-gray:#333;--light-gray:#666;--shadow-card:0 8px 25px #0000004d;--shadow-button:0 6px 20px #4caf5080;--shadow-winner:0 0 20px #4caf5080;--gradient-primary:linear-gradient(135deg,var(--primary-blue) 0%,var(--secondary-blue) 100%);--gradient-gold:linear-gradient(45deg,var(--gold),var(--orange));--gradient-success:linear-gradient(45deg,var(--success),var(--success-dark));--gradient-accent:linear-gradient(45deg,var(--coral),var(--teal))}body{background:linear-gradient(135deg,#1e3c72,#2a5298);background:var(--gradient-primary);color:#fff;color:var(--white);font-family:Arial,sans-serif;line-height:1.6;margin:0;min-height:100vh}.bingo-hall{padding:20px;text-align:center}.header{background:#0000004d;border-radius:10px;margin-bottom:30px;padding:20px}.header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,gold,orange);background:var(--gradient-gold);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;letter-spacing:.05em;margin:0;text-shadow:2px 2px 4px #00000080}.header p{font-size:1.2rem;font-weight:300;margin:10px 0 20px;opacity:.9}.game-info{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.info-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:10px;padding:20px}.buy-card-section{margin-bottom:30px}.buy-button{background:linear-gradient(45deg,#4caf50,#45a049);background:var(--gradient-success);border:none;border-radius:25px;box-shadow:0 4px 15px #4caf504d;color:#fff;color:var(--white);cursor:pointer;font-size:1.2rem;font-weight:600;min-width:200px;padding:15px 30px;transition:all .3s ease}.buy-button:hover:not(:disabled){box-shadow:0 6px 20px #4caf5080;box-shadow:var(--shadow-button);transform:translateY(-2px)}.buy-button:disabled{background:#666;background:var(--light-gray);box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.bingo-card{background:#fff;background:var(--white);border:3px solid #333;border:3px solid var(--dark-gray);border-radius:10px;box-shadow:0 8px 25px #0000004d;box-shadow:var(--shadow-card);color:#333;color:var(--dark-gray);display:inline-block;margin:10px;max-width:300px;padding:15px;transition:all .3s ease}.bingo-card:hover{box-shadow:0 12px 35px #0006;transform:translateY(-5px)}.card-header{background:linear-gradient(45deg,gold,orange);background:var(--gradient-gold);border-radius:5px;color:#333;color:var(--dark-gray);font-size:1.5rem;font-weight:700;letter-spacing:.2em;margin-bottom:10px;padding:10px;text-align:center;text-shadow:1px 1px 2px #0000001a}.bingo-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(5,1fr);margin:10px 0}.bingo-cell{align-items:center;border:1px solid #333;display:flex;font-size:.9rem;font-weight:700;height:40px;justify-content:center;transition:all .2s ease;width:40px}.bingo-cell.header-cell{background:linear-gradient(45deg,#ff6b6b,#4ecdc4);background:var(--gradient-accent);color:#fff;color:var(--white);font-size:1rem;font-weight:700}.bingo-cell.number-cell{background:#fff;background:var(--white);border:1px solid #ddd;color:#333;color:var(--dark-gray)}.bingo-cell.marked{background:linear-gradient(45deg,gold,orange);background:var(--gradient-gold);box-shadow:inset 0 2px 4px #0003;color:#333;color:var(--dark-gray);font-weight:700;transform:scale(.95)}.bingo-cell.free-space{background:linear-gradient(45deg,#4caf50,#45a049);background:var(--gradient-success);color:#fff;color:var(--white);font-size:.7rem;font-weight:700}.card-info{background:#0000001a;border-radius:5px;font-size:.8rem;margin-top:10px;padding:10px;text-align:center}.my-cards{margin-top:30px}.cards-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:20px}.connect-button{background:linear-gradient(45deg,#ff6b6b,#4ecdc4);background:var(--gradient-accent);border:none;border-radius:20px;color:#fff;color:var(--white);cursor:pointer;font-size:1rem;font-weight:600;margin:10px;min-width:140px;padding:12px 25px;transition:all .3s ease}.connect-button:hover{box-shadow:0 5px 15px #ff6b6b66;transform:translateY(-2px)}.error-message{background:#f003;border:1px solid #f44;border-radius:5px;margin:10px 0;padding:10px}.success-message{background:#0f03;border:1px solid #4f4;border-radius:5px;margin:10px 0;padding:10px}.loading{opacity:.8;pointer-events:none}.spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;border-top:2px solid var(--white);display:inline-block;height:16px;margin-right:8px;width:16px}.warning-message{background:#fa03;border:1px solid #fa0;border-radius:5px;color:#fa0;font-weight:500;margin:10px 0;padding:10px}.card-benefits{background:#ffffff1a;border-radius:10px;margin-left:auto;margin-right:auto;margin-top:20px;max-width:400px;padding:15px;text-align:left}.card-benefits ul{list-style:none;margin:10px 0;padding-left:0}.card-benefits li{margin:5px 0;padding-left:0}.transaction-receipt{background:linear-gradient(45deg,#4caf50,#45a049);background:var(--gradient-success);border-radius:10px;box-shadow:0 8px 25px #0000004d;box-shadow:var(--shadow-card);color:#fff;color:var(--white);margin:20px 0;padding:20px}.game-tabs{border-bottom:2px solid var(--border-color);display:flex;gap:10px;margin:20px 0;padding-bottom:10px}.tab-button{background:#0000;border:2px solid var(--border-color);border-radius:25px;color:var(--text-primary);cursor:pointer;font-weight:500;padding:12px 24px;transition:all .3s ease}.tab-button:hover{background:var(--accent-color);box-shadow:0 4px 15px #007bff4d;color:#fff;transform:translateY(-2px)}.tab-button.active{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 4px 15px #dc35454d;color:#fff}.live-rounds-section{margin:30px 0}.no-rounds{color:var(--text-muted);font-style:italic;padding:40px 20px;text-align:center}.live-rounds-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:20px}.live-round-card{background:linear-gradient(135deg,var(--card-gradient-start),var(--card-gradient-end));border:2px solid var(--border-color);border-radius:15px;box-shadow:var(--shadow-medium);padding:20px;transition:transform .3s ease}.live-round-card:hover{box-shadow:var(--shadow-heavy);transform:translateY(-5px)}.round-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.round-header h3{color:var(--text-primary);margin:0}.round-type{background:var(--success-color);border-radius:15px;color:#fff;font-size:.8rem;font-weight:700;padding:4px 12px}.round-info{margin:15px 0}.round-info p{color:var(--text-secondary);margin:8px 0}.join-button{background:var(--success-color);border-radius:25px;margin-top:15px;padding:12px 24px}.join-button:hover:not(:disabled){background:#45a049;box-shadow:0 6px 20px #4caf5066}.join-button:disabled{background:var(--text-muted)}.create-round-section{margin:30px auto;max-width:600px}.create-round-form{background:linear-gradient(135deg,var(--card-gradient-start),var(--card-gradient-end));border:2px solid var(--border-color);border-radius:15px;box-shadow:var(--shadow-medium);padding:30px}.form-group{margin-bottom:20px}.form-group label{color:var(--text-primary);display:block;font-weight:700;margin-bottom:8px}.form-group input{background:#ffffffe6;border:2px solid var(--border-color);border-radius:10px;font-size:1rem;padding:12px 16px;transition:border-color .3s ease;width:100%}.form-group input:focus{border-color:var(--primary-color);box-shadow:0 0 10px #dc354533;outline:none}.form-info{background:#ffffff1a;border-left:4px solid var(--info-color);border-radius:10px;margin:20px 0;padding:15px}.form-info p{color:var(--text-primary);font-size:.9rem;margin:5px 0}.create-button{background:var(--primary-color);border:none;border-radius:25px;box-shadow:0 4px 15px #dc35454d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:15px 30px;transition:all .3s ease;width:100%}.create-button:hover:not(:disabled){background:#c82333;box-shadow:0 6px 20px #dc354566;transform:translateY(-2px)}.create-button:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.header h1{font-size:2rem}.bingo-card{max-width:250px}.bingo-cell{font-size:.8rem;height:30px;width:30px}}.onboarding-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.onboarding-modal{animation:slideIn .3s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.onboarding-header{align-items:center;display:flex;justify-content:space-between;padding:30px 30px 0}.onboarding-header h2{color:#fff;font-size:28px;font-weight:700;margin:0}.close-btn{background:#fff3;color:#fff;transition:background-color .2s}.close-btn:hover{background:#ffffff4d}.progress-bar{background:#fff3;border-radius:3px;height:6px;margin:20px 30px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#4caf50,#45a049);border-radius:3px;height:100%;transition:width .3s ease}.onboarding-content{min-height:300px;padding:0 30px}.onboarding-step{color:#fff;text-align:center}.step-icon{animation:bounce 2s infinite;display:block;font-size:60px;margin-bottom:20px}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.onboarding-step h3{font-size:24px;font-weight:600;margin:20px 0}.onboarding-step p{font-size:16px;line-height:1.6;margin-bottom:25px;opacity:.9}.feature-list{list-style:none;margin:0 auto;max-width:400px;padding:0;text-align:left}.feature-list li{align-items:center;display:flex;font-size:16px;padding:8px 0}.wallet-options{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);margin:25px auto;max-width:400px}.wallet-option{align-items:center;background:#ffffff1a;border-radius:12px;display:flex;gap:10px;padding:15px;transition:background-color .2s}.wallet-option:hover{background:#fff3}.wallet-option img{border-radius:50%;height:32px;width:32px}.wallet-option span{font-weight:500}.buy-near-options{display:flex;flex-direction:column;gap:15px;margin:25px auto;max-width:400px}.buy-option{align-items:center;background:#ffffff1a;border-radius:12px;color:#fff;display:flex;gap:15px;padding:15px 20px;text-decoration:none;transition:all .2s}.buy-option:hover{background:#fff3;color:#fff;transform:translateY(-2px)}.exchange-logo{background:#ffffff1a;border-radius:50%;font-size:32px;height:50px;width:50px}.buy-option div:last-child{display:flex;flex-direction:column;gap:4px}.buy-option strong{font-size:16px;font-weight:600}.buy-option span{font-size:14px;opacity:.8}.tip-box{background:#ffffff1a;border-left:4px solid #4caf50;border-radius:12px;margin-top:20px;padding:15px}.game-flow{margin:0 auto 25px;max-width:400px;padding-left:20px;text-align:left}.game-flow li{font-size:16px;line-height:1.5;padding:8px 0}.current-round-info{background:#ffffff26;border:2px solid #fff3;border-radius:12px;margin-top:20px;padding:15px}.onboarding-footer{align-items:center;border-top:1px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;padding:30px}.step-indicator{color:#fffc;font-size:14px;font-weight:500}.onboarding-buttons{display:flex;flex-wrap:wrap;gap:10px}.onboarding-buttons button{border:none;border-radius:8px;cursor:pointer;font-weight:600;min-width:80px;padding:12px 24px;transition:all .2s}.btn-primary{background:#4caf50;color:#fff}.btn-primary:hover{background:#45a049;transform:translateY(-1px)}.btn-secondary{background:#ffffff1a;border:1px solid #ffffff4d;color:#fff}.btn-secondary:hover{background:#fff3}.btn-skip{background:#0000;border:1px solid #ffffff4d;color:#ffffffb3}.btn-skip:hover{border-color:#ffffff80;color:#fff}@media (max-width:768px){.onboarding-modal{margin:20px;width:95%}.onboarding-content,.onboarding-footer,.onboarding-header{padding-left:20px;padding-right:20px}.onboarding-header h2{font-size:22px}.wallet-options{grid-template-columns:1fr}.onboarding-footer{align-items:stretch;flex-direction:column}.onboarding-buttons{justify-content:center}}.wallet-selector{align-items:center;display:flex;gap:15px}.wallet-selector-loading{align-items:center;color:#666;display:flex;gap:10px;padding:10px 15px}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#4caf50;height:20px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.wallet-connected{background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 12px #00000026;color:#fff;gap:15px;padding:8px 12px}.wallet-connected,.wallet-info{align-items:center;display:flex}.wallet-info{gap:10px}.wallet-avatar{align-items:center;background:#fff3;border-radius:50%;display:flex;font-size:18px;height:36px;justify-content:center;width:36px}.wallet-details{display:flex;flex-direction:column;gap:2px}.wallet-address{font-family:Courier New,monospace;font-size:14px;font-weight:600}.wallet-status{color:#4caf50;font-size:12px;font-weight:500;opacity:.8}.wallet-actions{display:flex;gap:8px}.btn-sign-out,.btn-switch-wallet{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .2s;width:32px}.btn-switch-wallet:hover{background:#fff3;transform:rotate(180deg)}.btn-sign-out:hover{background:#ff57574d;border-color:#ff575780}.wallet-disconnected{align-items:center;display:flex;flex-direction:column;gap:10px}.btn-connect-wallet{align-items:center;background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:12px;box-shadow:0 4px 12px #4caf504d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;min-width:160px;padding:12px 24px;transition:all .2s}.btn-connect-wallet:hover{box-shadow:0 6px 16px #4caf5066;transform:translateY(-2px)}.btn-connect-wallet:active{transform:translateY(0)}.wallet-icon{font-size:20px}.supported-wallets{align-items:center;color:#666;display:flex;font-size:12px;gap:8px}.wallet-icons{display:flex;gap:4px}.wallet-badge{background:#f0f0f0;border-radius:6px;cursor:help;font-size:12px;padding:4px 6px;transition:background-color .2s}.wallet-badge:hover{background:#e0e0e0}@media (max-width:768px){.wallet-connected{gap:10px;padding:8px 10px}.wallet-address{font-size:12px}.wallet-status{font-size:11px}.btn-connect-wallet{font-size:14px;min-width:140px;padding:10px 20px}.supported-wallets{flex-direction:column;gap:4px;text-align:center}.wallet-icons{justify-content:center}}.app-header .wallet-selector{margin-left:auto}.buy-near-btn{border-radius:8px;padding:8px 16px}.buy-near-btn:hover{box-shadow:0 4px 12px #ff6b6b4d;color:#fff;transform:translateY(-1px)}.buy-near-btn:active{transform:translateY(0)}.wallet-help-text{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;color:#666;font-size:14px;margin:10px 0;padding:12px;text-align:center}.wallet-help-text.warning{background:#fff3cd;border-color:#ffeaa7;color:#856404}.wallet-help-text.info{background:#d1ecf1;border-color:#bee5eb;color:#0c5460}.buy-near-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1001}.buy-near-modal{animation:slideIn .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:700px;overflow-y:auto;width:90%}@keyframes slideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:20px;padding:30px 30px 20px}.modal-header h2{color:#333;font-size:28px;font-weight:700;margin:0}.close-btn{align-items:center;background:#f5f5f5;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;transition:all .2s;width:40px}.close-btn:hover{background:#e0e0e0;color:#333}.modal-content{padding:0 30px}.info-section{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff;margin-bottom:25px;padding:20px}.price-info{text-align:center}.current-price{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:10px}.label{font-size:16px;opacity:.9}.price{font-size:20px;font-weight:700}.conversion-note{background:#ffffff1a;border-radius:8px;font-size:14px;opacity:.8;padding:10px}.region-selector{margin-bottom:25px}.region-selector h3{color:#333;font-size:20px;margin-bottom:15px}.region-tabs{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.region-tab{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;cursor:pointer;padding:15px;text-align:center;transition:all .2s}.region-tab:hover{border-color:#667eea;transform:translateY(-2px)}.region-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.tab-name{font-size:16px;font-weight:600;margin-bottom:4px}.tab-description{font-size:14px;opacity:.8}.exchanges-list{display:flex;flex-direction:column;gap:15px;margin-bottom:25px}.exchange-card{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:15px;color:inherit;cursor:pointer;display:flex;gap:20px;padding:20px;text-decoration:none;transition:all .2s}.exchange-card:hover{border-color:#667eea;box-shadow:0 8px 25px #0000001a;color:inherit;transform:translateY(-2px)}.exchange-logo{align-items:center;background:#f8f9fa;border-radius:15px;display:flex;flex-shrink:0;height:70px;justify-content:center;padding:10px;width:70px}.exchange-info{display:flex;flex:1 1;flex-direction:column;gap:8px}.exchange-name{color:#333;font-size:20px;font-weight:700}.exchange-description{color:#666;font-size:16px}.exchange-details{display:flex;flex-wrap:wrap;gap:20px}.exchange-fees,.exchange-supported{align-items:center;color:#888;display:flex;font-size:14px;gap:5px}.exchange-arrow{color:#667eea;flex-shrink:0;font-size:24px;font-weight:700}.tips-section{background:#f8f9fa;border-radius:15px;margin-bottom:20px;padding:20px}.tips-section h3{color:#333;font-size:20px;margin-bottom:15px}.tips-list{list-style:none;margin:0;padding:0}.tips-list li{border-bottom:1px solid #e9ecef;color:#555;line-height:1.5;padding:8px 0}.tips-list li:last-child{border-bottom:none}.tips-list strong{color:#667eea}.warning-section{background:#fff3cd;border:1px solid #ffeaa7;border-radius:10px;color:#856404;font-size:14px;line-height:1.5;margin-bottom:20px;padding:15px}.modal-footer{border-top:1px solid #eee;padding:20px 30px 30px;text-align:center}.btn-close{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-bottom:10px;padding:12px 24px;transition:all .2s}.btn-close:hover{background:#5a6268;transform:translateY(-1px)}.footer-note{color:#666;font-size:14px;margin-top:10px}@media (max-width:768px){.buy-near-modal{margin:20px;width:95%}.modal-content,.modal-footer,.modal-header{padding-left:20px;padding-right:20px}.modal-header h2{font-size:24px}.region-tabs{grid-template-columns:1fr}.exchange-card{flex-direction:column;gap:15px}.exchange-card,.exchange-info{text-align:center}.exchange-details{gap:15px;justify-content:center}.exchange-arrow{order:-1;transform:rotate(90deg)}.current-price{flex-direction:column;gap:5px}}.App{text-align:center}.bingo-card.winner{animation:winnerGlow 2s infinite;border:3px solid #4caf50;box-shadow:0 0 20px #4caf5080}@keyframes winnerGlow{0%,to{box-shadow:0 0 20px #4caf5080}50%{box-shadow:0 0 30px #4caf50cc}}.drawing-status{overflow:hidden;position:relative}.drawing-waiting{background:linear-gradient(135deg,#2196f3,#1976d2)!important;border-left:4px solid #ffc107}.drawing-active{animation:drawingPulse 2s infinite;background:linear-gradient(135deg,#4caf50,#388e3c)!important;border-left:4px solid #8bc34a}@keyframes drawingPulse{0%,to{box-shadow:0 0 15px #4caf5066}50%{box-shadow:0 0 25px #4caf50b3}}.countdown-display{background:#0003;border-radius:8px;color:gold;font-family:Courier New,monospace;font-size:1.8rem;font-weight:700;letter-spacing:2px;margin:10px 0;padding:10px 15px;text-shadow:2px 2px 4px #00000080}.logo-container{align-items:center;display:flex;flex-direction:column;margin-bottom:10px}.logo{align-items:baseline;display:flex;font-family:Arial Black,Arial,sans-serif;margin-bottom:8px}.logo-text{font-size:3.5rem;font-weight:900;text-shadow:2px 2px 4px #0000004d}.logo-b{color:#ff6b35;margin-right:-2px}.logo-ii{color:#f7931e;letter-spacing:-4px}.logo-ngo{color:#ffcc02;margin-left:-2px}.logo-fun{color:#4a90e2;font-size:2rem;font-weight:700;margin-left:2px}.logo-balls{display:flex;gap:4px;margin-top:-5px}.ball{animation:ballBounce 2s infinite;animation-delay:0s;animation-delay:calc(var(--delay, 0)*.2s);font-size:1.2rem}.ball-1{--delay:0}.ball-2{--delay:1}.ball-3{--delay:2}.ball-4{--delay:3}.ball-5{--delay:4}@keyframes ballBounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}}.header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:20px}.buy-near-btn{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ff8e53);border:none;border-radius:10px;box-shadow:0 4px 12px #ff6b6b4d;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;text-decoration:none;transition:all .2s}.buy-near-btn:hover{box-shadow:0 6px 16px #ff6b6b66;transform:translateY(-2px)}.help-btn{align-items:center;background:#4a90e21a;border:2px solid #4a90e2;border-radius:10px;color:#4a90e2;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:all .2s}.help-btn:hover{background:#4a90e2;color:#fff;transform:translateY(-1px)}.welcome-section{margin:0 auto;max-width:1200px;padding:0 20px}.demo-mode-banner{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 10px 30px #0003;color:#fff;margin:30px 0;padding:30px;text-align:center}.demo-mode-banner h3{font-size:24px;margin:0 0 15px}.demo-mode-banner p{font-size:16px;line-height:1.6;margin:0 0 20px;opacity:.9}.demo-button{background:#fff3;border:2px solid #ffffff80;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s}.demo-button:hover{background:#ffffff4d;transform:translateY(-2px)}@media (max-width:768px){.header-actions{flex-direction:column;gap:10px}.buy-near-btn,.help-btn{justify-content:center;max-width:200px;width:100%}.demo-mode-banner{margin:20px 0;padding:20px}.demo-mode-banner h3{font-size:20px}}.guest-tabs-info{align-items:center;display:flex;flex:1 1;justify-content:center;margin:0 20px}.guest-message{background:#4a90e21a;border:1px solid #4a90e2;border-radius:12px;color:#4a90e2;font-size:14px;padding:12px 20px;text-align:center}@media (max-width:768px){.guest-tabs-info{margin:10px 0}.guest-message{font-size:13px;padding:10px 15px}}.join-button{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:12px;box-shadow:0 4px 15px #4caf5066;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;letter-spacing:1px;margin:15px 0;max-width:200px;padding:15px 30px;text-transform:uppercase;transition:all .3s ease;width:100%}.join-button:hover:not(:disabled){background:linear-gradient(135deg,#45a049,#4caf50);box-shadow:0 6px 20px #4caf5099;transform:translateY(-2px)}.join-button:active{transform:translateY(0)}.join-button:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.my-cards-section{margin:0 auto;max-width:1200px;padding:20px}.cards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:20px}.live-card-container{background:#f8f9fa;border:2px solid #e9ecef;padding:15px}.card-round-info{background:#fff;padding:10px;text-align:left}.card-round-info p{font-size:.9rem}.no-cards-message{background:#f8f9fa;border-radius:12px;margin:20px auto;max-width:500px;padding:40px 20px;text-align:center}.no-cards-message p{color:#6c757d;font-size:1.1rem;margin-bottom:20px}.management-section{margin:0 auto;max-width:800px;padding:20px}.management-header{align-items:center;display:flex;gap:20px;margin-bottom:30px}.back-button{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px}.back-button:hover{background:#5a6268}.game-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:30px}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;padding:20px;text-align:center}.stat-card h3{font-size:1rem;margin:0 0 10px;opacity:.9}.stat-card p{font-size:1.5rem;font-weight:700;margin:0}.players-section{background:#f8f9fa;border-radius:12px;margin-bottom:30px;padding:20px}.players-list{display:flex;flex-direction:column;gap:10px;max-height:300px;overflow-y:auto}.player-item{align-items:center;background:#fff;border-left:4px solid #4ecdc4;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.player-info{align-items:flex-start;display:flex;flex-direction:column}.card-count{color:#6c757d;font-size:.8rem}.you-badge{background:gold;border-radius:12px;color:#333;font-size:.8rem;font-weight:700;padding:4px 8px}.creator-controls{background:#f8f9fa;border-radius:8px;display:flex;flex-direction:column;gap:10px;margin-top:15px;padding:15px}.creator-controls p{color:#4ecdc4;font-weight:700;margin:0}.drawn-numbers-section{background:#f8f9fa;border-radius:12px;padding:20px}.drawn-numbers{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));margin-top:15px}.drawn-number{background:gold;border-radius:50%;color:#333;font-size:.9rem;font-weight:700;padding:8px;text-align:center}.live-card-container{background:#fff;border-radius:12px;box-shadow:0 4px 8px #0000001a;margin-bottom:20px;padding:20px}.card-round-info{background:#f8f9fa;border-radius:8px;margin-bottom:15px;padding:15px}.card-round-info p{color:#333;margin:5px 0}.drawn-numbers-display{background:#e8f5e8;border-radius:8px;margin-bottom:15px;padding:15px}.drawn-numbers-display p{color:#2d5a2d;font-weight:700;margin:0 0 10px}.drawn-numbers-grid{display:flex;flex-wrap:wrap;gap:8px}.drawn-numbers-grid .drawn-number{background:#4caf50;border-radius:20px;color:#fff;font-size:.85rem;min-width:35px;padding:6px 10px}.completed-games-section{margin:0 auto;max-width:1200px;padding:20px}.completed-games-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-top:20px}.completed-game-card{border:2px solid #e0e0e0;box-shadow:0 4px 6px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.completed-game-card:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-2px)}.game-header{border-bottom:1px solid #e0e0e0;margin-bottom:15px;padding-bottom:15px}.game-header h3{color:#2d5a2d;font-size:1.4rem;margin:0 0 5px}.game-type{color:#666;font-size:.9rem;margin:0}.game-details{margin-bottom:15px}.game-details p{color:#333;margin:5px 0}.winners-section{background:#f8f9fa;border-radius:8px;margin-top:15px;padding:15px}.winners-section h4{color:#2d5a2d;margin:0 0 10px}.winner-info{background:#fff;border:1px solid #e0e0e0;border-radius:6px;margin-bottom:10px;padding:10px}.winner-info:last-child{margin-bottom:0}.winner-info p{font-size:.9rem;margin:3px 0}.no-winners{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;color:#856404;margin-top:15px;padding:10px}.no-games-message{color:#666;padding:40px;text-align:center}.feature-note{color:#888;font-size:.9rem;font-style:italic;margin-top:10px}.winner-display{background:linear-gradient(145deg,#fff,#f8f9fa);border:2px solid #4caf50;border-radius:15px;box-shadow:0 4px 12px #4caf5033;margin:15px 0;padding:20px}.winner-info{background:#e8f5e8;border-radius:10px;margin-bottom:15px;padding:15px;text-align:left}.winner-info p{font-size:.95rem;margin:8px 0}.winner-card-container{background:#fff;border:1px solid #ddd;border-radius:10px;padding:15px}.winner-card-container h5{color:#4caf50;font-size:1.1rem;margin-bottom:15px}.card-error,.card-loading{color:#666;font-style:italic;padding:20px;text-align:center}.card-error{color:#f44336}.completed-game-card{background:#fff;border:1px solid #ddd;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:15px 0;padding:20px}.winners-section{border-top:1px solid #eee;margin-top:20px;padding-top:15px}.winner-card-label,.winners-section h4{color:#4caf50;margin-bottom:15px}.winner-card-label{font-size:1.1rem;font-weight:700;text-align:center}button{cursor:pointer;transition:all .2s ease-in-out}button:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.6}.error-boundary{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.error-container{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;max-width:500px;padding:40px;text-align:center;width:100%}.error-container h2{color:#e74c3c;font-size:1.5rem;margin-bottom:20px}.error-container p{color:#666;font-size:1.1rem;line-height:1.6;margin-bottom:30px}.error-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.reload-button,.retry-button{border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .2s ease}.reload-button{background:#3498db;color:#fff}.reload-button:hover{background:#2980b9;transform:translateY(-2px)}.retry-button{background:#2ecc71;color:#fff}.retry-button:hover{background:#27ae60;transform:translateY(-2px)}.error-details{background:#f8f9fa;border-radius:4px;margin-top:20px;padding:15px;text-align:left}.error-details summary{color:#e74c3c;cursor:pointer;font-weight:600;margin-bottom:10px}.error-details pre{color:#666;font-size:.8rem;white-space:pre-wrap;word-break:break-word}
/*# sourceMappingURL=main.ba5453ff.css.map*/