body{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Inter,Arial,sans-serif;overflow:hidden}canvas{border:2px solid #000;border-radius:15px;box-shadow:0 8px 32px #0000004d;display:block;height:auto;margin:0 auto;max-width:100%}.navbar-container{display:flex;flex-direction:row}.timer{background-color:#00008b;border:1px solid #fff;border-radius:5px;bottom:60px;color:#fff;height:20px;left:82px;padding:1px;position:relative;width:30px}.overlay{animation:timerAnimation 15s linear infinite;height:100%;left:0;opacity:.9;position:absolute;top:0;transition-duration:15s;width:100%}#root,.container{align-items:center;display:flex;flex-direction:column;justify-content:center}.container{margin:0 auto;max-width:800px;min-height:100vh;padding:20px;width:100%}.canvas-container{align-items:center;display:flex;justify-content:center;margin:20px 0}button,input{border:none;box-sizing:border-box;outline:none;padding:0}input{background-color:#0003;border:1px solid #ccc;border-radius:8px;color:#fff;font-size:16px;padding:12px;transition:border-color .3s ease-in-out,background-color .3s ease-in-out;width:100%}input:disabled{background-color:#000;border:1px solid #ddd;color:#999}input:focus{background-color:#fff;border-color:#4a90e2;color:#000}button{background-color:#0006;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:12px 20px;transition:background-color .3s ease-in-out}button:hover{background-color:#000}*{scrollbar-color:#fff #0000001a;scrollbar-width:auto}::-webkit-scrollbar{background:#0000;width:10px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background-color:#fff;border-radius:10px}.landing-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:20px}.landing-container{max-width:800px;text-align:center;width:100%}.landing-header{margin-bottom:40px}.landing-title{font-size:4rem;font-weight:700;margin-bottom:10px;text-shadow:2px 2px 4px #0000004d}.landing-subtitle{font-size:1.5rem;margin-bottom:30px;opacity:.9}.landing-features{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin-bottom:40px}.feature-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;display:flex;flex-direction:column;gap:10px;min-width:150px;padding:20px;transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px)}.feature-icon{font-size:2rem}.feature-title{font-size:1.1rem;font-weight:700;margin:0}.feature-description{font-size:.9rem;margin:0;opacity:.8}.landing-stats{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin-bottom:40px}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;min-width:120px;padding:20px;text-align:center}.stat-number{color:gold;font-size:2rem;font-weight:700;margin-bottom:5px}.stat-label{font-size:.9rem;opacity:.8}.landing-cta{margin-bottom:40px}.start-btn{background:linear-gradient(45deg,#ff6b6b,#ee5a24);border:none;border-radius:50px;box-shadow:0 4px 15px #0003;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;margin-bottom:20px;padding:15px 40px;transition:all .3s ease}.start-btn:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.cta-text{font-size:1rem;margin:0;opacity:.8}.landing-footer{margin-top:40px}.footer-features{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.footer-feature{align-items:center;display:flex;font-size:.9rem;gap:8px;opacity:.8}.footer-icon{font-size:1.1rem}@media (max-width:768px){.landing-title{font-size:3rem}.landing-subtitle{font-size:1.2rem}.landing-features{gap:20px}.feature-card{min-width:120px;padding:15px}.landing-stats{gap:20px}.stat-card{min-width:100px;padding:15px}.footer-features{gap:20px}}@media (max-width:480px){.landing-title{font-size:2.5rem}.landing-subtitle{font-size:1rem}.landing-features{align-items:center;flex-direction:column}.feature-card{max-width:200px;width:100%}.landing-stats{align-items:center;flex-direction:column}.stat-card{max-width:150px;width:100%}.footer-features{align-items:center;flex-direction:column}}.login-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:20px}.login-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 10px 30px #0000004d;max-width:400px;padding:40px;width:100%}.login-header{margin-bottom:30px;text-align:center}.login-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:10px}.login-subtitle{color:#666;font-size:1rem}.login-form-container{margin-bottom:20px}.login-form{gap:20px}.form-field,.login-form{display:flex;flex-direction:column}.form-field{gap:8px}.form-label{color:#333;font-size:.9rem;font-weight:700}.form-input{background:#fff;border:2px solid #e1e5e9;border-radius:10px;font-size:1rem;padding:15px;transition:border-color .3s ease,box-shadow .3s ease}.form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.otp-info{color:#666;font-size:.8rem;margin-top:4px}.error-message{background:#ff6b6b;border-radius:10px;color:#fff;font-size:.9rem;padding:15px;text-align:center}.submit-btn{background:linear-gradient(45deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:15px;transition:all .3s ease}.submit-btn:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.form-actions{display:flex;gap:12px}.back-btn{background:#0000;border:2px solid #667eea;border-radius:10px;color:#667eea;cursor:pointer;flex:1 1;font-size:.9rem;padding:12px;transition:all .3s ease}.back-btn:hover{background:#667eea;color:#fff}.login-footer{margin-top:30px;text-align:center}.footer-text{color:#666;font-size:.9rem;margin:0}@media (max-width:480px){.login-container{padding:30px 20px}.login-title{font-size:2rem}.form-actions{flex-direction:column}}.create-room-page{background:linear-gradient(180deg,#d0ebd5,#fff);min-height:100vh}.create-room-container{margin:0 auto;max-width:1200px;padding:32px 16px}.create-room-content{margin:0 auto;max-width:448px}.create-room-loading{align-items:center;background:linear-gradient(180deg,#d0ebd5,#fff);display:flex;justify-content:center;min-height:100vh}.create-room-header{margin-bottom:32px;text-align:center}.create-room-title{color:#1f2937;font-size:32px;font-weight:700;margin-bottom:16px}.create-room-subtitle{color:#6b7280}.wallet-check-card{background-color:#fff;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a;margin-bottom:24px;padding:24px}.wallet-check-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.wallet-check-icon{color:#10b981;height:32px;width:32px}.wallet-check-title{color:#1f2937;font-size:20px;font-weight:700}.wallet-check-subtitle{color:#6b7280}.wallet-check-display{margin-bottom:16px;text-align:center}.wallet-check-amount{color:#10b981;font-size:36px;font-weight:700;margin-bottom:8px}.wallet-check-status{align-items:center;display:flex;gap:8px;justify-content:center}.status-icon{height:20px;width:20px}.status-icon.ready{color:#10b981}.status-icon.warning{color:#ef4444}.status-text{font-weight:500}.status-text.ready{color:#10b981}.status-text.warning{color:#ef4444}.add-money-btn{padding:12px 16px;width:100%}.game-options-card{background-color:#fff;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a;padding:24px}.game-options-title{color:#1f2937;font-size:18px;font-weight:700;margin-bottom:16px}.game-options-subtitle{color:#6b7280;margin-bottom:16px}.game-options-buttons{display:flex;flex-direction:column;gap:12px}.game-option-btn{border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:12px 16px;transition:background-color .2s;width:100%}.game-option-btn.primary{background-color:#3b82f6;color:#fff}.game-option-btn.primary:hover{background-color:#2563eb}.game-option-btn.secondary{background-color:#10b981;color:#fff}.game-option-btn.secondary:hover{background-color:#059669}@media (max-width:480px){.create-room-container{padding:16px 12px}.create-room-title{font-size:28px}.wallet-check-amount{font-size:32px}}.Dice_container__UoBz2{height:50px;margin-left:20px;margin-right:20px;width:50px}.Dice_container__UoBz2>img{cursor:pointer;height:100%;width:100%}.NameContainer_container__ixQci{align-items:center;border:2px solid #fff;border-radius:5px;color:#fff;display:flex;font-weight:700;justify-content:center;min-height:50px;min-width:100px;position:relative;text-align:center}.ReadyButton_container__ARfMj{align-items:center;background-color:grey;border:2px solid #fff;border-radius:10px;display:flex;flex-direction:column;flex-flow:row-reverse;justify-content:center;margin:10px}.ReadyButton_container__ARfMj>label{color:#fff;margin-left:10px;margin-right:10px;width:100px}.Navbar_navbarContainer__O1DYI{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;margin:0 auto;max-width:600px;width:100%}.Navbar_playerContainer__AU-Co{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:10px;display:flex;flex-direction:row;padding:15px;width:100%}.Navbar_red__BE6eG{grid-column:1;grid-row:1;margin:0}.Navbar_yellow__YGnKs{flex-flow:row-reverse;grid-column:2;grid-row:1;margin:0}.Navbar_blue__BiFAH{grid-column:1;grid-row:2;margin:0}.Navbar_green__5WZqO{flex-flow:row-reverse;grid-column:2;grid-row:2;margin:0}.Overlay_container__qR8Cj{align-items:center;background-color:#00000080;cursor:pointer;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1}.Gameboard_winnerContainer__MwnQ3{background:radial-gradient(circle,#008aff 5%,#090979 81%);border:1px solid #fff;border-radius:8px;color:#fff;cursor:default;display:flex;flex-direction:column;height:250px;justify-content:center;margin:20px;padding:40px;text-align:center;width:300px;z-index:2}.Gameboard_winnerContainer__MwnQ3>button{align-self:center;width:200px}.payment-modal-overlay{align-items:center;background-color:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:50}.payment-modal{background-color:#fff;border-radius:8px;margin:0 16px;max-width:448px;padding:24px;width:100%}.payment-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.payment-modal-title{color:#1f2937;font-size:20px;font-weight:700}.payment-modal-close{color:#6b7280;transition:color .2s}.payment-modal-close:hover{color:#374151}.payment-modal-field{margin-bottom:16px}.payment-modal-label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.payment-modal-input{border:1px solid #d1d5db;border-radius:6px;font-size:16px;padding:8px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.payment-modal-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.payment-modal-subtitle{color:#6b7280;font-size:14px;margin-bottom:8px}.payment-amount-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.payment-amount-btn{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s}.payment-amount-btn:hover{border-color:#10b981}.payment-amount-btn-active{background-color:#10b981;border-color:#10b981;color:#fff}.dummy-payment-info{margin-bottom:16px}.dummy-payment-card{align-items:center;background-color:#f0fdf4;border:1px solid #dcfce7;border-radius:8px;display:flex;gap:12px;padding:16px}.dummy-payment-icon{color:#10b981;height:24px;width:24px}.dummy-payment-title{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 4px}.dummy-payment-description{color:#6b7280;font-size:14px;margin:0}.payment-error{background-color:#fef2f2;border:1px solid #f87171;border-radius:6px;color:#dc2626;margin-bottom:16px;padding:12px}.payment-success{padding:32px 16px;text-align:center}.success-icon{color:#10b981;height:64px;margin:0 auto 16px;width:64px}.success-title{color:#1f2937;font-size:24px;font-weight:700;margin:0 0 8px}.success-message{color:#6b7280;font-size:16px;margin:0}.payment-modal-actions{display:flex;gap:12px}.payment-submit-btn{align-items:center;background-color:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-weight:500;gap:8px;justify-content:center;padding:8px 16px;transition:background-color .2s}.payment-submit-btn:hover:not(:disabled){background-color:#059669}.payment-submit-btn:disabled{cursor:not-allowed;opacity:.5}.payment-cancel-btn{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;padding:8px 16px;transition:background-color .2s}.payment-cancel-btn:hover{background-color:#f9fafb}.payment-loading-spinner{animation:spin 1s linear infinite;border:2px solid #fff;border-radius:50%;border-top-color:#0000;height:16px;width:16px}.wallet-page{background:linear-gradient(180deg,#d0ebd5,#fff);min-height:100vh}.wallet-container{padding:32px 16px}.wallet-container,.wallet-content{margin:0 auto;max-width:1024px}.wallet-header{margin-bottom:32px;text-align:center}.wallet-title{color:#1f2937;font-size:32px;font-weight:700;margin-bottom:16px}.wallet-subtitle{color:#6b7280}.wallet-loading{align-items:center;background:linear-gradient(180deg,#d0ebd5,#fff);display:flex;justify-content:center;min-height:100vh}.wallet-balance-card{background-color:#fff;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a;margin-bottom:24px;padding:24px}.wallet-balance-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.wallet-balance-info{gap:12px}.wallet-icon{color:#10b981;height:32px;width:32px}.wallet-balance-title{color:#1f2937;font-size:20px;font-weight:700}.wallet-balance-subtitle{color:#6b7280}.add-money-btn{align-items:center;background-color:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:8px 16px;transition:background-color .2s}.add-money-btn:hover{background-color:#059669}.wallet-balance-display{text-align:center}.wallet-balance-amount{color:#10b981;font-size:36px;font-weight:700;margin-bottom:8px}.wallet-balance-status{color:#6b7280}.quick-test-section{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;margin-bottom:24px;padding:20px}.quick-test-title{color:#1f2937;font-size:16px;font-weight:600;margin-bottom:12px;text-align:center}.quick-test-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:20px}.quick-test-btn{background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s}.quick-test-btn:hover{background-color:#2563eb}.test-user-section{border-top:1px solid #e5e7eb;padding-top:16px;text-align:center}.test-user-title{color:#1f2937;font-size:14px;font-weight:600;margin-bottom:8px}.create-test-user-btn{background-color:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:8px;padding:8px 16px;transition:background-color .2s}.create-test-user-btn:hover{background-color:#059669}.test-user-info{color:#6b7280;font-size:12px;margin:0}.wallet-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:24px}.stat-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;padding:16px}.stat-content{align-items:center;display:flex;gap:12px}.stat-icon{height:24px;width:24px}.stat-icon.blue{color:#3b82f6}.stat-icon.purple{color:#8b5cf6}.stat-icon.orange{color:#f59e0b}.stat-label{color:#6b7280;font-size:14px}.stat-value{color:#1f2937;font-size:18px;font-weight:700}.transaction-history-card{background-color:#fff;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a;padding:24px}.transaction-history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.transaction-history-title{color:#1f2937;font-size:20px;font-weight:700}.transaction-history-icon{color:#6b7280;height:20px;width:20px}.empty-transactions{padding:32px;text-align:center}.empty-icon{color:#9ca3af;height:48px;margin:0 auto 16px;width:48px}.empty-text{color:#6b7280;margin-bottom:4px}.empty-subtext{color:#9ca3af;font-size:14px}.transactions-list{display:flex;flex-direction:column;gap:12px}.transaction-item{align-items:center;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;padding:12px;transition:background-color .2s}.transaction-item:hover{background-color:#f9fafb}.transaction-info{align-items:center;display:flex;gap:12px}.transaction-icon{height:20px;width:20px}.transaction-icon.credit{color:#10b981}.transaction-icon.debit{color:#ef4444}.transaction-title{color:#1f2937;font-weight:500}.transaction-date{color:#6b7280;font-size:14px}.transaction-amount{text-align:right}.transaction-amount-text{font-weight:700}.transaction-amount-credit{color:#10b981}.transaction-amount-debit{color:#ef4444}@media (max-width:768px){.wallet-stats{grid-template-columns:1fr}.wallet-balance-header{align-items:flex-start;flex-direction:column;gap:16px}.add-money-btn{justify-content:center;width:100%}.quick-test-buttons{flex-direction:column}.quick-test-btn{width:100%}}.game-history-page{background:linear-gradient(180deg,#d0ebd5,#fff);min-height:100vh}.game-history-container{padding:32px 16px}.game-history-container,.game-history-content{margin:0 auto;max-width:1200px}.game-history-loading{align-items:center;background:linear-gradient(180deg,#d0ebd5,#fff);display:flex;justify-content:center;min-height:100vh}.game-history-header{margin-bottom:32px;text-align:center}.game-history-title{color:#1f2937;font-size:32px;font-weight:700;margin-bottom:16px}.game-history-subtitle{color:#6b7280}.game-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.game-stat-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;padding:16px}.game-stat-content{align-items:center;display:flex;gap:12px}.game-stat-icon{height:24px;width:24px}.game-stat-icon.blue{color:#3b82f6}.game-stat-icon.green{color:#10b981}.game-stat-icon.red{color:#ef4444}.game-stat-icon.purple{color:#8b5cf6}.game-stat-label{color:#6b7280;font-size:14px}.game-stat-value{color:#1f2937;font-size:18px;font-weight:700}.game-history-card{background-color:#fff;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a;padding:24px}.game-history-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.game-history-card-title{color:#1f2937;font-size:20px;font-weight:700}.game-history-card-icon{color:#6b7280;height:20px;width:20px}.empty-games{padding:32px;text-align:center}.empty-game-icon{color:#9ca3af;height:48px;margin:0 auto 16px;width:48px}.empty-game-text{color:#6b7280;margin-bottom:4px}.empty-game-subtext{color:#9ca3af;font-size:14px}.games-list{display:flex;flex-direction:column;gap:16px}.game-item{border:1px solid #e5e7eb;border-radius:8px;padding:16px;transition:background-color .2s}.game-item:hover{background-color:#f9fafb}.game-item-content{align-items:center;display:flex;justify-content:space-between}.game-item-info{gap:16px}.game-item-info,.game-status{align-items:center;display:flex}.game-status{gap:8px}.game-status-icon{height:16px;width:16px}.game-status-text{font-weight:500}.game-status-ongoing{color:#3b82f6}.game-status-won{color:#10b981}.game-status-lost{color:#ef4444}.game-bet-info,.game-date{color:#6b7280;font-size:14px}.game-result{text-align:right}.game-earnings{font-weight:700}.game-earnings.positive{color:#10b981}.game-earnings.negative{color:#ef4444}.game-earnings.ongoing{color:#3b82f6}@media (max-width:768px){.game-stats{grid-template-columns:repeat(2,1fr)}.game-item-content{align-items:flex-start;flex-direction:column;gap:12px}.game-item-info{flex-wrap:wrap;gap:8px}.game-result{text-align:left}}@media (max-width:480px){.game-stats{grid-template-columns:1fr}}.withdraw-page{background:linear-gradient(180deg,#d0ebd5,#fff);min-height:100vh}.withdraw-container{padding:32px 16px}.withdraw-container,.withdraw-content{margin:0 auto;max-width:1024px}.withdraw-loading{align-items:center;background:linear-gradient(180deg,#d0ebd5,#fff);display:flex;justify-content:center;min-height:100vh}.withdraw-header{margin-bottom:32px;text-align:center}.withdraw-title{color:#1f2937;font-size:32px;font-weight:700;margin-bottom:16px}.withdraw-subtitle{color:#6b7280}.withdraw-balance-card{background-color:#fff;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a;margin-bottom:24px;padding:24px}.withdraw-balance-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.withdraw-balance-info{align-items:center;display:flex;gap:12px}.withdraw-balance-icon{color:#10b981;height:32px;width:32px}.withdraw-balance-title{color:#1f2937;font-size:20px;font-weight:700}.withdraw-balance-subtitle{color:#6b7280}.withdraw-btn{align-items:center;background-color:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;gap:8px;padding:8px 16px;transition:background-color .2s}.withdraw-btn:hover:not(:disabled){background-color:#059669}.withdraw-btn:disabled{cursor:not-allowed;opacity:.5}.withdraw-balance-display{text-align:center}.withdraw-balance-amount{color:#10b981;font-size:36px;font-weight:700;margin-bottom:8px}.withdraw-balance-status{color:#6b7280}.withdraw-modal-overlay{align-items:center;background-color:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:50}.withdraw-modal{background-color:#fff;border-radius:8px;margin:0 16px;max-width:448px;padding:24px;width:100%}.withdraw-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.withdraw-modal-title{color:#1f2937;font-size:20px;font-weight:700}.withdraw-modal-close{background:none;border:none;color:#6b7280;cursor:pointer;transition:color .2s}.withdraw-modal-close:hover{color:#374151}.withdraw-form-field{margin-bottom:16px}.withdraw-form-label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.withdraw-form-input{border:1px solid #d1d5db;border-radius:6px;font-size:16px;padding:8px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.withdraw-form-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.withdraw-error{background-color:#fef2f2;border:1px solid #f87171;border-radius:6px;color:#dc2626;margin-bottom:16px;padding:12px}.withdraw-form-actions{display:flex;gap:12px}.withdraw-submit-btn{background-color:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-weight:500;padding:8px 16px;transition:background-color .2s}.withdraw-submit-btn:hover:not(:disabled){background-color:#059669}.withdraw-submit-btn:disabled{cursor:not-allowed;opacity:.5}.withdraw-cancel-btn{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;padding:8px 16px;transition:background-color .2s}.withdraw-cancel-btn:hover{background-color:#f9fafb}.withdraw-history-card{background-color:#fff;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a;padding:24px}.withdraw-history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.withdraw-history-title{color:#1f2937;font-size:20px;font-weight:700}.withdraw-history-icon{color:#6b7280;height:20px;width:20px}.empty-withdrawals{padding:32px;text-align:center}.empty-withdrawal-icon{color:#9ca3af;height:48px;margin:0 auto 16px;width:48px}.empty-withdrawal-text{color:#6b7280;margin-bottom:4px}.empty-withdrawal-subtext{color:#9ca3af;font-size:14px}.withdrawals-list{display:flex;flex-direction:column;gap:12px}.withdrawal-item{border:1px solid #e5e7eb;border-radius:8px;padding:16px;transition:background-color .2s}.withdrawal-item:hover{background-color:#f9fafb}.withdrawal-item-content{align-items:center;display:flex;justify-content:space-between}.withdrawal-info{align-items:center;display:flex;gap:16px}.withdrawal-status{align-items:center;display:flex;gap:8px}.status-icon{height:16px;width:16px}.status-icon.pending{color:#f59e0b}.status-icon.approved{color:#10b981}.status-icon.rejected{color:#ef4444}.withdrawal-status-text{font-weight:500;text-transform:capitalize}.status-pending{color:#f59e0b}.status-approved{color:#10b981}.status-rejected{color:#ef4444}.withdrawal-details{display:flex;flex-direction:column;gap:4px}.withdrawal-date,.withdrawal-upi{color:#6b7280;font-size:14px}.withdrawal-amount{color:#1f2937;font-size:18px;font-weight:700}@media (max-width:768px){.withdraw-balance-header{align-items:flex-start;flex-direction:column;gap:16px}.withdraw-btn{justify-content:center;width:100%}.withdrawal-item-content{align-items:flex-start;flex-direction:column;gap:12px}.withdrawal-amount{text-align:left}}.referral-page{background:linear-gradient(180deg,#d0ebd5,#fff);min-height:100vh}.referral-container{padding:32px 16px}.referral-container,.referral-content{margin:0 auto;max-width:1024px}.referral-loading{align-items:center;background:linear-gradient(180deg,#d0ebd5,#fff);display:flex;justify-content:center;min-height:100vh}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #10b981;border-radius:50%;border-top-color:#0000;height:32px;margin:0 auto 16px;width:32px}.loading-text{color:#6b7280}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.referral-header{margin-bottom:32px;text-align:center}.referral-title{color:#1f2937;font-size:32px;font-weight:700;margin-bottom:16px}.referral-subtitle{color:#6b7280}.referral-code-card{background-color:#fff;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a;margin-bottom:24px;padding:24px}.referral-code-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.referral-code-icon{color:#10b981;height:32px;width:32px}.referral-code-title{color:#1f2937;font-size:20px;font-weight:700}.referral-code-subtitle{color:#6b7280}.referral-code-display{background-color:#f9fafb;border-radius:8px;margin-bottom:16px;padding:16px}.referral-code-actions{align-items:center;display:flex;justify-content:space-between}.referral-code-info{align-items:center;display:flex;gap:12px}.referral-code-value{background-color:#10b981;border-radius:6px;color:#fff;font-family:monospace;font-size:18px;padding:4px 12px}.copy-btn{align-items:center;background:none;border:none;color:#10b981;cursor:pointer;display:flex;gap:8px;transition:color .2s}.copy-btn:hover{color:#059669}.share-btn{align-items:center;background-color:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;gap:8px;padding:8px 16px;transition:background-color .2s}.share-btn:hover{background-color:#059669}.referral-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.referral-stat{text-align:center}.referral-stat-value{color:#10b981;font-size:24px;font-weight:700}.referral-stat-label{color:#6b7280;font-size:14px}.how-it-works-card{background-color:#fff;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a;margin-bottom:24px;padding:24px}.how-it-works-title{color:#1f2937;font-size:18px;font-weight:700;margin-bottom:16px}.how-it-works-steps{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.how-it-works-step{text-align:center}.step-number{align-items:center;background-color:#dcfce7;border-radius:50%;color:#10b981;display:flex;font-weight:700;height:48px;justify-content:center;margin:0 auto 12px;width:48px}.step-title{color:#1f2937;font-weight:500;margin-bottom:8px}.step-description{color:#6b7280;font-size:14px}.referral-history-card{background-color:#fff;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a;padding:24px}.referral-history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.referral-history-title{color:#1f2937;font-size:20px;font-weight:700}.referral-history-icon{color:#6b7280;height:20px;width:20px}.empty-referrals{padding:32px;text-align:center}.empty-referral-icon{color:#9ca3af;height:48px;margin:0 auto 16px;width:48px}.empty-referral-text{color:#6b7280;margin-bottom:4px}.empty-referral-subtext{color:#9ca3af;font-size:14px}.referrals-list{display:flex;flex-direction:column;gap:12px}.referral-item{border:1px solid #e5e7eb;border-radius:8px;padding:16px;transition:background-color .2s}.referral-item:hover{background-color:#f9fafb}.referral-item-content{align-items:center;display:flex;justify-content:space-between}.referral-user-info{align-items:center;display:flex;gap:16px}.referral-user-avatar{align-items:center;background-color:#dcfce7;border-radius:50%;display:flex;height:40px;justify-content:center;width:40px}.referral-user-icon{color:#10b981;height:20px;width:20px}.referral-user-name{color:#1f2937;font-weight:500}.referral-date{color:#6b7280;font-size:14px}.referral-earnings{text-align:right}.referral-earnings-amount{color:#10b981;font-weight:700}.referral-status{color:#6b7280;font-size:14px}@media (max-width:768px){.how-it-works-steps,.referral-stats{grid-template-columns:1fr}.referral-code-actions,.referral-item-content{flex-direction:column;gap:12px}.referral-item-content{align-items:flex-start}.referral-earnings{text-align:left}}.game-navigation{background-color:#fff;border-top:1px solid #e5e7eb;bottom:0;left:0;position:fixed;right:0;z-index:50}.navigation-container{margin:0 auto;max-width:1200px;padding:8px 16px}.wallet-balance-display{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px;padding:0 8px}.wallet-balance-info{align-items:center;display:flex;gap:8px}.wallet-balance-icon{color:#10b981;height:20px;width:20px}.wallet-balance-text{color:#374151;font-size:14px;font-weight:500}.wallet-status{border-radius:9999px;font-size:12px;padding:4px 8px}.wallet-status.ready{background-color:#dcfce7;color:#166534}.wallet-status.add-money{background-color:#fee2e2;color:#991b1b}.navigation-items{display:flex;justify-content:space-around}.navigation-item{align-items:center;border-radius:8px;color:#6b7280;display:flex;flex-direction:column;padding:8px 12px;text-decoration:none;transition:all .2s}.navigation-item.active,.navigation-item:hover{background-color:#f0fdf4;color:#10b981}.navigation-icon{height:20px;margin-bottom:4px;width:20px}.navigation-label{font-size:12px;font-weight:500}@media (max-width:480px){.navigation-container{padding:8px 12px}.navigation-item{padding:6px 8px}.navigation-label{font-size:11px}}.app-container{flex-direction:column;overflow-x:hidden}.app-container,.game-loading-container{align-items:center;background:linear-gradient(180deg,#d0ebd5,#fff);display:flex;justify-content:center;min-height:100vh;width:100%}.game-loading-content{align-items:center;display:flex;flex-direction:column;gap:16px;text-align:center}.game-loading-text{color:#6b7280;font-size:16px;font-weight:500}.game-container{flex-direction:column;gap:20px;min-height:100vh;padding:20px}.game-container,.game-controls{align-items:center;display:flex;justify-content:center;width:100%}.game-controls{margin-bottom:20px;max-width:800px}.game-board{align-items:center;display:flex;justify-content:center;width:100%}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}body,html{overflow-x:hidden}#root{min-height:100vh;width:100%}
/*# sourceMappingURL=main.06f69050.css.map*/