.wallet-connect{position:absolute;top:15px;left:15px;z-index:100}.wallet-connect.inline{position:relative;top:auto;left:auto;display:flex;justify-content:center}.wallet-connected.inline{position:relative;top:auto;left:auto}.connect-wallet-btn.inline-btn{width:100%}.connect-wallet-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea66}.connect-wallet-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.connect-wallet-btn:disabled{opacity:.7;cursor:not-allowed}.wallet-connected{position:absolute;top:15px;left:15px;z-index:100}.wallet-info{display:flex;align-items:center;gap:10px;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.wallet-address{display:flex;align-items:center;gap:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:8px;transition:background .2s}.wallet-address:hover{background:#ffffff1a}.wallet-dot{width:8px;height:8px;background:#2ecc71;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.wallet-balance{color:#aaa;font-size:12px;padding-left:10px;border-left:1px solid rgba(255,255,255,.2)}.wallet-dropdown{position:absolute;top:100%;left:0;margin-top:8px;background:#14141ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(255,255,255,.1);padding:16px;min-width:280px;box-shadow:0 10px 40px #00000080}.wallet-dropdown-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.chain-name{color:#2ecc71;font-size:12px;font-weight:600;background:#2ecc711a;padding:4px 10px;border-radius:6px}.wallet-dropdown-address{color:#888;font-size:11px;word-break:break-all;background:#ffffff0d;padding:10px;border-radius:8px;margin-bottom:16px;font-family:monospace}.wallet-dropdown-section{margin-bottom:16px}.section-title{color:#666;font-size:11px;text-transform:uppercase;letter-spacing:1px;display:block;margin-bottom:8px}.chain-list{display:flex;flex-wrap:wrap;gap:6px}.chain-btn{background:#ffffff0d;color:#ccc;border:1px solid rgba(255,255,255,.1);padding:6px 12px;border-radius:8px;font-size:12px;cursor:pointer;transition:all .2s}.chain-btn:hover{background:#ffffff1a;color:#fff}.chain-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}.disconnect-btn{width:100%;background:#e74c3c1a;color:#e74c3c;border:1px solid rgba(231,76,60,.3);padding:10px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.disconnect-btn:hover{background:#e74c3c33}.wallet-modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000}.wallet-modal{background:linear-gradient(145deg,#1a1a2e,#16213e);border-radius:24px;border:1px solid rgba(255,255,255,.1);width:90%;max-width:400px;overflow:hidden;box-shadow:0 25px 50px #00000080}.wallet-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.wallet-modal-header h3{color:#fff;margin:0;font-size:18px;font-weight:600}.close-btn{background:#ffffff1a;border:none;color:#fff;width:32px;height:32px;border-radius:50%;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-btn:hover{background:#fff3}.wallet-modal-body{padding:16px;display:flex;flex-direction:column;gap:8px}.connector-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:14px;color:#fff;font-size:16px;cursor:pointer;transition:all .2s}.connector-btn:hover{background:#ffffff1a;transform:translate(4px)}.connector-btn:disabled{opacity:.6;cursor:not-allowed}.connector-name{font-weight:500}.connecting-text{font-size:12px;color:#667eea}.wallet-error{margin:16px;padding:12px;background:#e74c3c1a;border:1px solid rgba(231,76,60,.3);border-radius:10px;color:#e74c3c;font-size:13px;text-align:center}.cash-out-btn{position:fixed;bottom:20px;left:50%;transform:translate(-50%);padding:15px 30px;background:linear-gradient(135deg,#f1c40f,#f39c12);color:#333;border:none;border-radius:25px;font-size:18px;font-weight:700;cursor:pointer;z-index:100;box-shadow:0 4px 20px #f1c40f80;transition:all .3s ease}.cash-out-btn:hover{transform:translate(-50%) translateY(-3px);box-shadow:0 6px 25px #f1c40f99}.cash-out-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.cash-out-modal{background:linear-gradient(145deg,#1a1a2e,#16213e);border-radius:20px;padding:30px 40px;text-align:center;max-width:400px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #00000080}.cash-out-modal h3{color:#f1c40f;font-size:28px;margin:0 0 20px}.cash-out-modal p{color:#aaa;margin:10px 0}.cash-out-warning{color:#e74c3c!important;background:#e74c3c1a;padding:15px;border-radius:10px;margin:15px 0!important}.winnings-display{background:#f1c40f1a;border:2px solid #f1c40f;border-radius:15px;padding:20px;margin:20px 0}.winnings-amount{color:#f1c40f;font-size:36px;font-weight:700}.mass-info{color:#666!important;font-size:12px}.cash-out-actions{display:flex;gap:15px;margin-top:25px}.confirm-btn{flex:1;padding:15px 20px;background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.confirm-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #2ecc7166}.cancel-btn{flex:1;padding:15px 20px;background:#ffffff1a;color:#ccc;border:1px solid rgba(255,255,255,.2);border-radius:12px;font-size:16px;cursor:pointer;transition:all .3s ease}.cancel-btn:hover{background:#ffffff26;color:#fff}.cash-out-countdown-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.countdown-container{text-align:center;padding:40px}.countdown-container h2{color:#f1c40f;font-size:32px;margin-bottom:30px;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.countdown-circle{width:150px;height:150px;border-radius:50%;background:linear-gradient(135deg,#e74c3c,#c0392b);display:flex;align-items:center;justify-content:center;margin:0 auto 30px;box-shadow:0 0 50px #e74c3c80;animation:countdown-pulse 1s infinite}@keyframes countdown-pulse{0%,to{box-shadow:0 0 50px #e74c3c80}50%{box-shadow:0 0 80px #e74c3ccc}}.countdown-number{color:#fff;font-size:72px;font-weight:700}.countdown-warning{color:#e74c3c;font-size:20px;margin-bottom:10px}.countdown-winnings{color:#aaa;font-size:16px;margin-bottom:30px}.countdown-winnings strong{color:#f1c40f}.abort-btn{padding:12px 25px;background:#e74c3c33;color:#e74c3c;border:1px solid #e74c3c;border-radius:10px;font-size:14px;cursor:pointer;transition:all .3s ease}.abort-btn:hover{background:#e74c3c4d}.cash-out-success-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000}.success-container{text-align:center;padding:50px;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.success-icon{font-size:80px;margin-bottom:20px;animation:bounce .6s ease}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.success-container h2{color:#2ecc71;font-size:36px;margin-bottom:20px}.success-amount{color:#aaa;font-size:24px}.success-amount strong{color:#f1c40f;font-size:36px}.success-container p:last-child{color:#666;margin-top:30px}*{font-family:sans-serif;font-size:14px}html,body,#root{background-color:#222;overflow:hidden;width:100%;height:100%;margin:0;padding:0}div{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none}input,textarea{-webkit-user-select:text;-moz-user-select:text;-khtml-user-select:text;-ms-user-select:text;user-select:text}#split{position:absolute;bottom:10px;left:10px;width:100px;height:100px;padding:5px;border:none}#feed{position:absolute;bottom:10px;right:10px;width:100px;height:100px;padding:5px;border:none}#status{position:absolute;padding:10px;background:#0006;color:#fff;font-size:16.1px;top:10px;right:10px;font-weight:700;text-align:center}#status .title{font-size:25px}#status .me{color:#f88;font-size:16.1px}.chatbox{position:absolute;width:300px;height:320px;background:#161616b3;bottom:5px;left:5px;border-radius:5px;pointer-events:none}.chatbox .chat-list{padding:5px;margin:0;list-style:none;box-sizing:border-box;height:285px;overflow:hidden}.chatbox .chat-list li{padding:2px;margin:3px}.chatbox .chat-list li.me b{color:#ea6153}.chatbox .chat-list li.friend b{color:#2ecc71}.chatbox .chat-list li.system{color:#9b59b6;font-style:italic}.chatbox .chat-list li.system:before{content:"» "}.chatbox .chat-input{pointer-events:all;box-sizing:border-box;width:100%;padding:8px;background:transparent;border:none;border-top:1px solid #DDD;outline:none}#startMenu{position:relative;margin:100px auto auto;width:350px;padding:20px;border-radius:5px;background-color:#fff;box-sizing:border-box}#startMenu p{padding:0;text-align:center;font-size:x-large;font-weight:700}#playerNameInput{width:100%;text-align:center;padding:10px;border:solid 1px #dcdcdc;transition:box-shadow .3s,border .3s;box-sizing:border-box;border-radius:5px;margin-bottom:10px;outline:none}#playerNameInput:focus,#playerNameInput.focus{border:solid 1px #CCCCCC;box-shadow:0 0 3px 1px #ddd}button{position:relative;margin:10px auto;width:100%;height:40px;box-sizing:border-box;font-size:large;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.25);background:#2ecc71;border:0;border-bottom:2px solid #28be68;cursor:pointer;box-shadow:inset 0 -2px #28be68;border-radius:5px}button:active,button:hover{top:1px;background:#55d88b;outline:none;box-shadow:none}#settings{max-height:0;-webkit-transition:max-height 1s;-moz-transition:max-height 1s;-ms-transition:max-height 1s;-o-transition:max-height 1s;transition:max-height 1s;overflow:hidden}#settings.open{max-height:300px}#startMenu h3{padding-bottom:0;margin-bottom:0}#startMenu ul{margin:0 10px 10px;padding:10px}#startMenu .input-error{color:red;opacity:0;font-size:12px}#startMenu .input-error.visible{opacity:1}#startMenuWrapper{z-index:2;max-height:1000px;-webkit-transition:max-height 1s;-moz-transition:max-height 1s;-ms-transition:max-height 1s;-o-transition:max-height 1s;transition:max-height 1s;overflow:hidden}#startMenuWrapper.hidden{max-height:0px}#gameAreaWrapper{position:absolute!important;top:0;left:0;opacity:0;z-index:1;pointer-events:none}#gameAreaWrapper.active{opacity:1;pointer-events:all}canvas{width:100%;height:100%;background:#0006}@media only screen and (min-width:1224px){#mobile{display:none}}@media only screen and (max-width:1224px){.chatbox{display:none}}input[type=image]:focus{border:none;outline:1px solid transparent;border-style:none}button:focus,input[type=image]:focus{outline:1px solid transparent;border-style:none}input[type=text]:focus{outline:none}.onboarding-section{margin-bottom:20px;text-align:left}.step-indicator{display:flex;align-items:center;gap:10px;padding:12px 15px;background:#0000001a;border-radius:10px;margin-bottom:10px;border-left:3px solid #ddd;transition:all .3s ease}.step-indicator.active{border-left-color:#667eea;background:#667eea1a}.step-indicator.complete{border-left-color:#2ecc71;background:#2ecc711a}.step-indicator.pending{opacity:.5}.step-number{width:24px;height:24px;border-radius:50%;background:#ddd;color:#666;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.step-indicator.active .step-number{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.step-indicator.complete .step-number{background:#2ecc71;color:#fff}.step-label{flex:1;font-size:14px;font-weight:500;color:#333}.step-indicator.active .step-label{color:#667eea}.step-indicator.complete .step-label{color:#2ecc71}.step-check{color:#2ecc71;font-size:16px;font-weight:700}.step-content{padding:0 15px}.step-description{color:#666;font-size:13px;margin-bottom:15px}.wallet-connect-inline{display:flex;justify-content:center}button.disabled,button:disabled{opacity:.5;cursor:not-allowed;background:#ccc!important;border-color:#bbb!important;box-shadow:none!important}button.disabled:hover,button:disabled:hover{transform:none;top:0}.balance-display{background:#0000000d;border-radius:10px;padding:15px;margin:10px 0}.balance-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.balance-row:last-child{margin-bottom:0}.balance-label{color:#666;font-size:13px}.balance-value{font-weight:700;font-size:16px}.balance-value.sufficient{color:#2ecc71}.balance-value.insufficient{color:#e74c3c}.balance-value.fee{color:#f39c12}.refresh-btn{background:none;border:none;color:#667eea;font-size:18px;cursor:pointer;padding:5px;margin-left:10px;transition:transform .3s;width:auto;height:auto}.refresh-btn:hover{transform:rotate(180deg);background:none!important}.balance-warning{color:#e74c3c;font-size:12px;margin-top:10px;padding:8px;background:#e74c3c1a;border-radius:6px}.balance-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:15px;color:#666}.spinner-small{width:20px;height:20px;border:2px solid rgba(102,126,234,.2);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}.spinner-btn{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin-right:8px;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.error-message{background:#e74c3c1a;border:1px solid rgba(231,76,60,.3);color:#e74c3c;padding:12px;border-radius:8px;margin:15px 0;font-size:13px;text-align:center}.hint{color:#888;font-size:11px;margin-top:5px}
