@import url(https://fonts.googleapis.com/css2?family=Spinnaker&family=Roboto:wght@400;700&family=Open+Sans:wght@400;700&family=Lato:wght@400;700&family=Montserrat:wght@400;700&family=Raleway:wght@400;700&family=Oswald:wght@400;700&family=Poppins:wght@400;700&family=Playfair+Display:wght@400;700&family=Bebas+Neue&family=Russo+One&family=Press+Start+2P&family=Orbitron:wght@400;700&family=Audiowide&family=Righteous&family=Inter:wght@400;700&family=Work+Sans:wght@400;700&family=Nunito:wght@400;700&family=Source+Sans+Pro:wght@400;700&family=PT+Sans:wght@400;700&family=Ubuntu:wght@400;700&family=Karla:wght@400;700&display=swap);*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0e27;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{background-color:#0a0e27;color:#fff;min-height:100vh}.app button,.app input,.app select,.app textarea{font-family:inherit}.header{background-color:#1a1f3a;box-shadow:0 2px 10px #0000004d;display:flex;justify-content:space-between;margin:0 auto;max-width:480px;padding:16px;text-align:center}.logo{color:#00d4ff;flex:1 1;font-family:Spinnaker,sans-serif;font-size:24px;font-weight:700;margin:0}.font-controls{align-items:center;display:flex;gap:12px}.font-control-group{align-items:center;display:flex;gap:6px}.font-label{color:#8b92b0;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.bottom-font-control{align-items:center;background:#000c;border:1px solid #0ff;border-radius:8px;bottom:20px;display:flex;gap:10px;left:50%;padding:10px 20px;position:fixed;transform:translateX(-50%);z-index:1000}.font-selector{background-color:#0a0e27;border:2px solid #00d4ff;border-radius:8px;color:#00d4ff;cursor:pointer;font-size:13px;font-weight:600;min-width:120px;outline:none;padding:6px 10px;transition:all .3s ease}.font-selector:hover{background-color:#1a1f3a;border-color:#0ff}.font-selector:focus{box-shadow:0 0 0 3px #00d4ff33}.font-selector option{background-color:#0a0e27;color:#fff;padding:8px}.header-balance{color:#fff;font-size:16px;font-weight:600}.tabs{background-color:#1a1f3a;border-bottom:2px solid #0a0e27;display:flex;margin:0 auto;max-width:480px}.tab{background:#0000;border:none;border-bottom:3px solid #0000;color:#8b92b0;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:12px;transition:all .3s ease}.tab:hover{background-color:#00d4ff1a;color:#fff}.tab.active{border-bottom-color:#00d4ff;color:#00d4ff}.main-content{margin:0 auto;max-width:480px;padding:20px}.game-screen{display:flex;flex-direction:column;gap:0}.wallet-container{background-color:#1a1f3a;border-radius:15px;margin-bottom:15px;padding:16px}.wallet-header{align-items:center;display:flex;justify-content:flex-end}.wallet-connect-button{background-color:initial;border:none;border-radius:5px;color:#00d4ff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 12px;transition:all .3s ease}.wallet-connect-button:hover{background-color:#00d4ff1a}.wallet-item{align-items:center;background-color:#0a0e2799;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .3s ease}.wallet-item:hover{background-color:#0a0e27cc;transform:translateX(2px)}.wallet-icon{background:linear-gradient(135deg,#00d4ff,#09c);border-radius:50%;flex-shrink:0;height:24px;width:24px}.wallet-details{flex:1 1;min-width:0}.wallet-address{color:#fff;font-size:14px;font-weight:600}.wallet-balance{color:#00d4ff;font-size:16px;font-weight:700;text-align:right}.bidding-card,.game-time-card{background-color:#1a1f3a;border-radius:15px;margin-bottom:15px;padding:20px}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.card-title{color:#fff;margin:0}.card-title,.timer-text{font-size:18px;font-weight:700}.timer-text{color:#00d4ff}.timer-circle{align-items:center;display:flex;justify-content:center}.game-info{color:#fff;font-size:14px;margin:0}.last-game-info{border-top:1px solid #8b92b033;color:#fff;font-size:15px;margin:8px 0 0;opacity:1;padding-bottom:4px;padding-top:20px;transition:opacity .3s ease-in-out,color .3s ease-in-out}.bid-amount-control{gap:20px;margin-bottom:20px;margin-top:15px}.bid-amount-control,.bid-control-button{align-items:center;display:flex;justify-content:center}.bid-control-button{background-color:#0a0e27;border:2px solid #00d4ff;border-radius:30px;color:#00d4ff;cursor:pointer;font-size:32px;font-weight:700;height:60px;padding-bottom:5px;transition:all .3s ease;-webkit-user-select:none;user-select:none;width:60px}.bid-control-button:hover:not(:disabled){background-color:#00d4ff1a;transform:scale(1.05)}.bid-control-button:disabled{border-color:#2a3055;color:#2a3055;cursor:not-allowed}.bid-amount-display{background-color:#0a0e27;border-radius:10px;color:#00d4ff;font-size:28px;font-weight:700;padding:15px 30px;text-align:center;width:140px}.place-bid-button{background-color:#00d4ff;border:none;border-radius:8px;color:#0a0e27;cursor:pointer;font-size:16px;font-weight:700;padding:16px;transition:all .3s ease;width:100%}.place-bid-button:hover:not(:disabled){background-color:#00b8e6;box-shadow:0 4px 12px #00d4ff4d;transform:translateY(-2px)}.place-bid-button.success{background-color:#4caf50;color:#0a0e27}.place-bid-button.lost{background-color:#ff9800;color:#0a0e27}.place-bid-button.error{animation:shake .5s;background-color:#f44336;color:#fff}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.place-bid-button.disabled,.place-bid-button:disabled{background-color:#2a3055;color:#8b92b0;cursor:not-allowed;opacity:.5;transform:none}.last-winning-bid{background-color:#0a0e27;border-radius:10px;color:#fff;font-size:14px;font-weight:600;padding:12px}.last-winning-bid,.no-game-card{margin-bottom:15px;text-align:center}.no-game-card{background-color:#00d4ff1a;border:2px solid #00d4ff;border-radius:15px;padding:40px 20px}.no-game-text{color:#00d4ff;font-size:16px;margin:0}.how-to-play-section{background-color:#1a1f3a;border-radius:15px;margin-bottom:20px;overflow:hidden}.how-to-play-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:16px;transition:background-color .3s ease}.how-to-play-header:hover{background-color:#00d4ff0d}.how-to-play-title{color:#8b92b0;font-size:18px;font-weight:700;margin:0}.how-to-play-toggle{color:#00d4ff;font-size:24px;font-weight:700}.how-to-play-content{border-top:1px solid #8b92b033;padding:0 16px 16px}.how-to-play-step{display:flex;margin-top:12px}.step-number{color:#00d4ff;font-size:14px;font-weight:700;margin-right:8px;min-width:20px}.step-text{color:#fff;font-size:14px;line-height:20px}@media (max-width:768px){.main-content{padding:12px}.header{padding:16px}.logo{font-size:20px}.tab{font-size:14px;padding:12px}.card-title,.timer-text{font-size:16px}.bid-amount-display{font-size:28px}.bid-control-button{font-size:28px;height:50px;width:50px}}.pending-deposits-notifications{display:flex;flex-direction:column;gap:12px;margin:16px 0}.deposit-notification{animation:slideIn .3s ease-out;background:linear-gradient(135deg,#1a1f3a,#0f1229);border:2px solid #00d4ff;border-radius:12px;box-shadow:0 4px 20px #00d4ff33;padding:16px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-content{align-items:center;display:flex;gap:12px;margin-bottom:12px}.notification-icon{animation:pulse 2s ease-in-out infinite;font-size:24px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.notification-text{flex:1 1}.notification-text strong{color:#00d4ff;display:block;font-size:16px;margin-bottom:4px}.notification-details{color:#8b92b0;font-size:14px}.confirmation-progress{color:orange;font-weight:600}.confirmation-complete{color:#0f8;font-weight:600}.progress-bar{background-color:#0a0e27;border-radius:3px;height:6px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#00d4ff,#0f8);border-radius:3px;height:100%;transition:width .5s ease-out}.modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#1a1f3a;border-radius:15px;box-shadow:0 10px 40px #00000080;max-width:500px;width:100%}.modal-header{align-items:center;border-bottom:1px solid #8b92b033;display:flex;justify-content:space-between;padding:20px}.modal-title{color:#fff;font-size:24px;font-weight:700;margin:0}.modal-close{align-items:center;background:none;border:none;color:#8b92b0;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;padding:0;transition:color .3s ease;width:32px}.modal-close:hover{color:#fff}.modal-body{padding:20px}.wallet-info{margin-bottom:20px}.info-row{align-items:center;border-bottom:1px solid #8b92b01a;display:flex;justify-content:space-between;padding:12px 0}.info-row:last-child{border-bottom:none}.info-label{color:#8b92b0;font-size:14px}.info-value{color:#fff;font-size:16px;font-weight:600}.info-value.mono{font-family:Courier New,monospace}.wallet-prompt{color:#8b92b0;font-size:16px;margin-bottom:20px;text-align:center}.connect-button,.disconnect-button{border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:700;padding:16px;transition:all .3s ease;width:100%}.connect-button{background-color:#00d4ff;color:#0a0e27}.connect-button:hover{background-color:#00b8e6;box-shadow:0 4px 12px #00d4ff4d;transform:translateY(-2px)}.disconnect-button{background-color:#ff6b6b;color:#fff}.disconnect-button:hover{background-color:#ff5252;box-shadow:0 4px 12px #ff6b6b4d;transform:translateY(-2px)}.wallet-options{margin-bottom:24px}.wallet-options h3{color:#8b92b0;font-size:14px;letter-spacing:.5px;margin-bottom:16px;text-transform:uppercase}.wallet-option-button{align-items:center;background:#0a0e27;border:2px solid #00d4ff33;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-wrap:wrap;font-size:16px;font-weight:600;gap:12px;margin-bottom:12px;padding:16px;transition:all .2s;width:100%}.wallet-option-button:hover:not(:disabled){background:#00d4ff1a;border-color:#00d4ff;transform:translateY(-2px)}.wallet-option-button:disabled{cursor:not-allowed;opacity:.4}.wallet-icon{align-items:center;display:flex;font-size:24px;height:32px;justify-content:center;width:32px}.detected-badge{background:#00d4ff33;border-radius:6px;color:#00d4ff;font-size:12px;font-weight:700;letter-spacing:.5px;margin-left:auto;padding:4px 12px;text-transform:uppercase}.wallet-subtitle{color:#fff9;font-size:13px;font-weight:400;margin-left:44px;margin-top:-8px;width:100%}.error-message{background:#f443361a;border:1px solid #f443364d;border-radius:8px;color:#f44336;font-size:14px;margin-bottom:16px;padding:12px;text-align:center}@media (max-width:768px){.modal-content{max-width:100%}.wallet-option-button{font-size:15px;padding:14px}}.deposit-screen,.transactions-screen,.wallet-screen,.withdrawal-screen{margin:0 auto;max-width:600px}.screen-title{color:#fff;font-size:24px;font-weight:700;margin-bottom:20px}.info-card,.input-card{background-color:#1a1f3a;border-radius:15px;margin-bottom:15px;padding:20px}.balance-row{align-items:center;border-bottom:1px solid #8b92b01a;display:flex;justify-content:space-between;padding:12px 0}.balance-row:last-child{border-bottom:none;padding-bottom:0}.balance-label{color:#8b92b0;font-size:14px}.balance-value{color:#00d4ff;font-size:18px;font-weight:700}.input-label{color:#8b92b0;display:block;font-size:14px;margin-bottom:8px}.input-group{align-items:center;display:flex;gap:10px;margin-bottom:10px}.amount-input{background-color:#0a0e27;border:2px solid #2a2f4a;border-radius:10px;color:#fff;flex:1 1;font-size:18px;outline:none;padding:14px;transition:border-color .3s ease}.amount-input:focus{border-color:#00d4ff}.amount-input::placeholder{color:#8b92b0}.input-currency{color:#8b92b0;font-size:16px;font-weight:600;min-width:60px;text-align:right}.max-button{background-color:initial;border:2px solid #00d4ff;border-radius:8px;color:#00d4ff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s ease}.action-button,.max-button:hover{background-color:#00d4ff;color:#0a0e27}.action-button{border:none;border-radius:12px;cursor:pointer;font-size:18px;font-weight:700;margin-bottom:15px;padding:18px;transition:all .3s ease;width:100%}.action-button:hover:not(:disabled){background-color:#00b8e6;box-shadow:0 4px 12px #00d4ff4d;transform:translateY(-2px)}.action-button:disabled{background-color:#2a2f4a;color:#8b92b0;cursor:not-allowed;transform:none}.mode-toggle{display:flex;gap:10px;margin-bottom:15px}.toggle-button{background-color:#1a1f3a;border:2px solid #2a2f4a;border-radius:12px;color:#8b92b0;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:12px;transition:all .3s ease}.toggle-button.active,.toggle-button:hover{border-color:#00d4ff;color:#00d4ff}.toggle-button.active{background-color:#00d4ff1a}.tx-success{background-color:#00ff881a;border:2px solid #0f8;border-radius:12px;margin-bottom:15px;padding:15px;text-align:center}.tx-success p{color:#0f8;font-weight:600;margin:0 0 10px}.tx-link{color:#00d4ff;font-size:14px;text-decoration:none;transition:color .3s ease}.tx-link:hover{color:#00b8e6;text-decoration:underline}.info-text{background-color:#1a1f3a;border-radius:12px;color:#8b92b0;font-size:14px;padding:15px}.info-text p{margin:5px 0}.info-card-title{color:#fff;font-size:16px;font-weight:700;margin-bottom:15px;margin-top:0}.network-info-value{font-size:14px}.network-info{background-color:#1a1f3a;margin-top:20px}.contract-address{font-family:Courier New,monospace;font-size:14px;word-break:break-all}.warning-card{background-color:#ffc1071a;border:2px solid #ffc1074d;border-radius:15px;margin-bottom:20px;padding:20px}.warning-title{color:#ffc107;font-size:16px;font-weight:700;margin:0 0 15px}.warning-list{color:#ffc107;margin:0;padding-left:20px}.warning-list li{font-size:14px;line-height:1.6;margin-bottom:8px}.status-message{border-radius:12px;font-size:14px;font-weight:500;line-height:1.5;margin-top:15px;padding:15px}.status-success{background-color:#00ff881a;border:2px solid #0f8;color:#0f8}.status-error{background-color:#ff6b6b1a;border:2px solid #ff6b6b;color:#ff6b6b}.status-info{background-color:#00d4ff1a;border:2px solid #00d4ff;color:#00d4ff}.transaction-list{display:flex;flex-direction:column;gap:12px}.transaction-item{border-bottom:1px solid #8b92b01a;display:flex;flex-direction:column;gap:4px;padding:12px 0}.transaction-item:last-child{border-bottom:none}.transaction-header{align-items:center;display:flex;justify-content:space-between}.transaction-type{color:#fff;font-size:16px;font-weight:600}.transaction-type.deposit{color:#0f8}.transaction-type.withdrawal{color:#ff6b6b}.transaction-type.bid{color:#00d4ff}.transaction-amount{color:#00d4ff;font-size:16px;font-weight:700}.transaction-details{color:#8b92b0;display:flex;flex-direction:column;font-size:14px;gap:4px}.transaction-date{color:#8b92b0;font-size:12px;margin-left:8px}.wallet-info{color:#fff}.game-reference,.wallet-info{font-size:12px;margin-left:8px}.game-reference{color:#8b92b0}.lowest-winning-bid{color:#fff;font-size:12px;margin-left:8px}.no-transactions{background-color:#1a1f3a;border-radius:12px;color:#8b92b0;padding:40px 20px;text-align:center}.transactions-inline,.transactions-inline .transaction-list{margin-top:0}.transactions-inline .no-transactions{margin:0;padding:20px}.pending-deposits-section{background-color:#1a1f3a;border-radius:12px;margin-bottom:20px;padding:20px}.pending-deposits-section .section-title{color:#fff;font-size:18px;font-weight:700;margin-bottom:15px}.pending-deposit-item{background-color:#0a0e27;border-radius:10px;margin-bottom:12px;padding:15px}.pending-deposit-item:last-child{margin-bottom:0}.deposit-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.pending-deposit-item .deposit-amount{color:#0f8;font-size:18px;font-weight:700}.deposit-status{color:#8b92b0;font-size:14px}.progress-bar-container{background-color:#00d4ff1a;border-radius:4px;height:8px;margin-bottom:10px;overflow:hidden;width:100%}.progress-bar-fill{background:linear-gradient(90deg,#00d4ff,#0f8);border-radius:4px;height:100%;transition:width .5s ease}.deposit-tx-hash{color:#8b92b0;font-size:12px}.deposit-tx-hash a{color:#00d4ff;text-decoration:none}.deposit-tx-hash a:hover{text-decoration:underline}.pending-withdrawals-card{background-color:#1a1f3a;border-radius:12px;margin-bottom:15px;padding:20px}.card-subtitle{color:#fff;font-size:18px;font-weight:700;margin-bottom:15px}.withdrawal-item{background-color:#0a0e27;border-radius:10px;margin-bottom:10px;padding:15px}.withdrawal-item:last-child{margin-bottom:0}.withdrawal-status-steps{display:flex;flex-direction:column;gap:8px;margin:12px 0}.status-step{align-items:center;color:#8b92b0;display:flex;font-size:13px;gap:8px;transition:color .3s ease}.status-step.active{color:#00d4ff}.status-step.completed{color:#4caf50}.step-indicator{font-size:14px;min-width:20px;text-align:center}.step-text{flex:1 1}.acknowledge-button{background-color:#00d4ff;border:none;border-radius:8px;color:#0a0e27;cursor:pointer;font-size:16px;font-weight:700;margin-top:12px;padding:12px;transition:opacity .2s;width:100%}.acknowledge-button:hover{opacity:.9}.acknowledge-button:active{opacity:.8}.withdrawal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.withdrawal-amount{color:#fff;font-size:18px;font-weight:700}.withdrawal-status{font-size:12px;font-weight:700}.withdrawal-details{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}.withdrawal-info{font-family:monospace}.withdrawal-info,.withdrawal-time{color:#8b92b0;font-size:12px}.message-card{border-radius:12px;margin-bottom:15px;padding:15px 20px;text-align:center}.message-card p{font-size:14px;font-weight:600;margin:0 0 10px}.message-card .tx-link{display:inline-block;margin-top:5px}.message-success{background-color:#00ff881a;border:2px solid #0f8;color:#0f8}.message-error{background-color:#ff44441a;border:2px solid #f44;color:#f44}.withdraw-amount-input{background-color:initial;border:none;color:#fff;font-size:18px;font-weight:700;outline:none;padding:0;text-align:right;width:120px}.withdraw-amount-input::placeholder{color:#00d4ff80}.withdraw-amount-input::-webkit-inner-spin-button,.withdraw-amount-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.withdraw-amount-input[type=number]{-moz-appearance:textfield}@media (max-width:768px){.screen-title{font-size:20px}.info-card,.input-card{padding:16px}.amount-input{font-size:16px}.action-button{font-size:16px;padding:16px}}
/*# sourceMappingURL=main.b508d264.css.map*/