.legacy-modal{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background:#0000004d!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:1000!important;animation:fadeIn .3s ease-out!important}.legacy-modal>div{background:#fffffffa!important;padding:30px!important;border-radius:20px!important;box-shadow:0 15px 35px #0000004d!important;width:calc(100% - 40px)!important;max-width:380px!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;transform:scale(1)!important;animation:modalSlideIn .3s ease-out!important;max-height:90vh!important;overflow-y:auto!important;margin:0 20px!important;box-sizing:border-box!important;position:relative!important}.modal-close-x{position:absolute;top:15px;right:15px;width:30px;height:30px;border:none;background:#0000001a;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;color:#6b7280;transition:all .2s ease;z-index:1001}.modal-close-x:hover{background:#0003;color:#374151;transform:scale(1.1)}.modal-close-x:before{content:"×";font-weight:700}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.auth-container{width:100%;display:block}.game-title{text-align:center;margin-bottom:30px}.game-title h1{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:32px;font-weight:700;margin:0;display:flex;align-items:center;justify-content:center;gap:10px}.auth-header{text-align:center;margin-bottom:20px}.auth-header{text-align:center;margin-bottom:24px}.auth-header h1{color:#111827;margin:0 0 6px;font-size:28px;font-weight:800}.auth-header p{color:#374151;font-size:16px}.auth-section h2{margin:0 0 16px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#111827;font-weight:700}.form-group input{width:100%;padding:12px 16px;border:2px solid #d1d5db;border-radius:10px;font-size:16px;outline:none;transition:border-color .2s ease;background:#fff;color:#1f2937;box-sizing:border-box}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input::placeholder{color:#6b7280;opacity:1}.auth-button{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;margin-bottom:15px}.auth-button:hover{transform:translateY(-1px);box-shadow:0 8px 25px #667eea4d}.auth-switch{text-align:center;margin-top:20px}.auth-switch a{color:#4f46e5;text-decoration:none;font-weight:700}.auth-switch a:hover{color:#3730a3;text-decoration:underline}body{background:linear-gradient(135deg,#667eea,#764ba2) fixed}.auth-footer{display:flex;justify-content:center;gap:12px;margin-top:20px}.auth-footer button{padding:10px 20px;border:2px solid #4f46e5;background:transparent;color:#4f46e5;border-radius:8px;cursor:pointer;font-weight:700;transition:all .2s ease;box-sizing:border-box}.auth-footer button:hover{background:#4f46e5;color:#fff;transform:translateY(-1px)}.payment-modal{text-align:center}.payment-modal h2{color:#1f2937;margin-bottom:20px;font-size:24px;display:flex;align-items:center;justify-content:center;gap:10px}.payment-modal h2:before{content:"💳";font-size:20px}.withdraw-modal h2:before{content:"💰";font-size:20px}.game-modal{text-align:center}.game-modal h2{color:#1f2937;margin-bottom:20px;font-size:24px;display:flex;align-items:center;justify-content:center;gap:10px}.game-invitation h2:before{content:"🎯";font-size:20px}.game-choice h2:before{content:"🎲";font-size:20px}.game-result h2:before{content:"🏆";font-size:20px}.game-waiting h2:before{content:"⏳";font-size:20px}.game-button{padding:15px 30px;margin:10px;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease;min-width:120px}.game-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.game-button.primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.game-button.secondary{background:#f8f9fa;color:#495057;border:2px solid #dee2e6}.game-button.secondary:hover{background:#e9ecef;transform:translateY(-1px)}.game-button.success{background:linear-gradient(135deg,#51cf66,#40c057);color:#fff}.game-button.success:hover{transform:translateY(-2px);box-shadow:0 8px 25px #51cf664d}.game-button.danger{background:linear-gradient(135deg,#ff6b6b,#fa5252);color:#fff}.game-button.danger:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff6b6b4d}.payment-input{width:100%;padding:15px;border:2px solid #e1e1e1;border-radius:10px;font-size:16px;margin-bottom:15px;outline:none;transition:border-color .2s ease;background:#f9f9f9}.payment-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.qr-container{background:#fff;padding:20px;border-radius:15px;margin:20px 0;box-shadow:0 4px 15px #0000001a}.qr-container img{max-width:250px;width:100%;height:auto;border-radius:8px}.status-indicator{padding:12px;border-radius:8px;margin:15px 0;font-weight:700;text-align:center}.status-pending{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.status-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.error-message,.success-message{padding:12px;border-radius:8px;display:none;margin-bottom:20px;text-align:center}.error-message{background:#ff6b6b;color:#fff}.success-message{background:#51cf66;color:#fff}@media (max-width: 480px){.legacy-modal>div{width:calc(100% - 20px)!important;max-width:none!important;margin:0 10px!important;padding:20px!important}.form-group input{padding:10px 12px;font-size:16px}.auth-button{padding:12px;font-size:16px}.game-title h1,.auth-header h1{font-size:24px}}html,body,#app{width:100%;height:100%}*,*:before,*:after{box-sizing:border-box}.legacy-modal>div{max-width:420px!important;width:calc(100% - 40px)!important;padding:24px!important;margin:0 20px!important;overflow-x:hidden!important;overflow-y:auto!important}@media (max-width: 480px){.legacy-modal>div{width:calc(100% - 20px)!important;padding:16px!important;margin:0 10px!important}}.auth-container{width:100%;box-sizing:border-box}p,.auth-header p{color:#374151!important}.game-button.secondary{background:#f3f4f6;color:#1f2937;border:2px solid #d1d5db}.game-button.secondary:hover{background:#e5e7eb;color:#111827}