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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}.app-container{align-items:center;background:linear-gradient(180deg,#fff,#fff2e0);display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;padding:20px}.logo-image{height:100%;object-fit:contain;width:300px}.app-title{color:#ff5400;font-size:2.5rem;margin-bottom:20px;text-align:center;text-shadow:2px 2px 4px #0000004d}.action-buttons{display:flex;gap:15px;margin-bottom:20px}.history-button,.ranking-button{background-color:#2ecc71}.history-button,.logout-btn,.ranking-button{border:none;border-radius:5px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-weight:700;padding:10px 20px;transition:all .3s ease}.logout-btn{background-color:#c01916}.history-button:hover,.ranking-button:hover{background-color:#27ae60;box-shadow:0 6px 8px #00000026;transform:translateY(-2px)}.wheel-glow{animation:glow 1.5s infinite alternate;box-shadow:0 0 30px 10px #ffd700b3;left:0;top:0}@keyframes glow{0%{box-shadow:0 0 20px 10px #ffd70080}to{box-shadow:0 0 40px 20px #ffd700cc}}.wheel-option-content{align-items:center;display:flex;flex-direction:column;padding:2px;text-align:center}.wheel-image-circle{align-items:center;background-color:#fff;border:2px solid #fc0;border-radius:50%;box-shadow:0 0 10px #fffc;display:flex;height:40px;justify-content:center;margin-bottom:5px;overflow:hidden;width:40px}.wheel-option-image{height:80%;object-fit:contain;width:80%}.wheel-option-text{border:1px solid #000;color:#fff;font-size:12px;font-weight:700;line-height:1.2;margin-top:4px;max-width:50px;width:30px;word-break:break-word}.truncate-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;border:1px solid #000;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.modal{border-radius:10px;box-shadow:0 5px 15px #0000004d;padding:20px;position:relative}.modal h2{color:#2c3e50;margin-bottom:20px;text-align:center}.modal-close-button{background-color:#ff5400;border-radius:5px;display:block;margin-left:auto;margin-right:auto;padding:8px 20px;transition:background-color .3s}.modal-close-button:hover{background-color:#2980b9}.history-table,.ranking-table{margin-bottom:20px}.history-table th,.ranking-table th{background-color:#f2f2f2;padding:10px}.history-table td,.ranking-table td{padding:10px}.history-table tr:hover,.ranking-table tr:hover{background-color:#f5f5f5}.prize-modal{animation:fadeInScale .5s ease-out;box-shadow:0 5px 15px #0000004d;max-width:400px;padding:20px}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.prize-modal h2{color:#2c3e50}.prize-content,.prize-modal h2{margin-bottom:20px}.prize-name{color:#e74c3c;font-size:1.5rem}.prize-image-circle{align-items:center;background-color:#fff;border:4px solid #fc0;box-shadow:0 0 20px #fc09;display:flex;justify-content:center}.prize-image{height:80%;object-fit:contain;width:80%}@media (max-width:768px){.app-title{font-size:2rem}.wheel-container{padding:10px}.spin-button{font-size:1rem;padding:12px 30px}.wheel-image-circle{height:30px;width:30px}}.wheel-container{max-width:500px;padding:20px}.wheel-container,.wheel-wrapper{flex-direction:column}.spin-button{align-items:center;border:none;box-shadow:0 4px 8px #0003,0 0 0 4px #fff9;display:flex;font-size:1rem;justify-content:center;left:50%;padding:15px 0;text-align:center;text-transform:uppercase;top:50%;transform:translate(-50%,-50%)}.spin-button.disabled{background-color:#95a5a6;cursor:not-allowed}@keyframes pulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}@media (max-width:768px){.spin-button{font-size:.9rem;height:70px;padding:10px 0;width:70px}}.player-info{background-color:#ffffffe6;border-radius:10px;box-shadow:0 4px 8px #0000001a;display:flex;justify-content:space-between;margin:15px auto;max-width:500px;padding:5px 20px;width:80%}.player-name,.turns-left{color:#333;font-size:18px;font-weight:500}.turns-left{color:#05b752}.wheel-container{margin-top:20px}.wheel-container,.wheel-wrapper{align-items:center;display:flex;justify-content:center;position:relative;width:100%}.wheel-wrapper{max-width:500px}.spin-button{background-color:#e24a2b;border:5px solid #fff;border-radius:50%;box-shadow:0 4px 8px #0003;color:#fff;cursor:pointer;font-size:18px;font-weight:700;height:80px;position:absolute;transition:all .3s ease;width:80px;z-index:10}.wheel-glow{animation:glowing 1.5s infinite alternate;background:#0000;border-radius:50%;box-shadow:0 0 50px 10px #05b752b3;height:100%;position:absolute;width:100%;z-index:-1}@keyframes glowing{0%{box-shadow:0 0 20px 5px #05b75280}to{box-shadow:0 0 50px 15px #05b752cc}}.modal{background-color:#fff;border-radius:15px;box-shadow:0 10px 30px #0003;max-height:80vh;max-width:600px;overflow-y:auto;padding:25px;width:90%}.modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.prize-modal{background-color:#fff;border-radius:15px;box-shadow:0 10px 30px #0003;max-width:500px;padding:30px;text-align:center;width:90%}.prize-content{align-items:center;display:flex;flex-direction:column;margin:20px 0}.prize-name{color:#05b752;font-size:24px;margin-bottom:15px}.prize-image-circle{border:5px solid #f5f5f5;border-radius:50%;box-shadow:0 4px 8px #0000001a;height:150px;margin:10px auto;overflow:hidden;width:150px}.prize-image{height:100%;object-fit:cover;width:100%}.prize-value{color:#333;font-size:18px;font-weight:700;margin-top:15px}.modal-close-button{background-color:#05b752;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:16px;margin-top:20px;padding:10px 25px;transition:all .3s ease}.modal-close-button:hover{background-color:#048f41}.history-table,.ranking-table{border-collapse:collapse;margin:20px 0;width:100%}.history-table th,.ranking-table th{background-color:#f5f5f5;border-bottom:2px solid #ddd;padding:12px;text-align:left}.history-table td,.ranking-table td{border-bottom:1px solid #ddd;padding:12px}.history-table tr:nth-child(2n),.ranking-table tr:nth-child(2n){background-color:#f9f9f9}.history-table tr:hover,.ranking-table tr:hover{background-color:#f1f1f1}@media (max-width:768px){.player-info{flex-direction:column;text-align:center}.player-name,.turns-left{margin:15px 0}.action-buttons{flex-direction:column}.history-button,.ranking-button{margin:5px 0}}.spinner-overlay{align-items:center;background-color:#fffc;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.spinner{animation:spin 1s linear infinite;height:80px;width:80px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-modal{animation:fadeInScale .4s ease-out;background-color:#fff;border-radius:15px;box-shadow:0 10px 30px #0003;max-width:450px;padding:30px;position:relative;text-align:center;width:90%}.login-modal-content{align-items:center;display:flex;flex-direction:column}.login-logo-container{margin-bottom:20px;width:200px}.login-logo{height:auto;width:100%}.login-modal h2{color:#05b752;font-size:24px;margin-bottom:10px}.login-subtitle{color:#666;font-size:16px;margin-bottom:25px}.login-form{text-align:left;width:100%}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-weight:500;margin-bottom:8px}.form-control{border:1px solid #ddd;border-radius:8px;font-size:16px;padding:12px 15px;transition:border-color .3s;width:100%}.form-control:focus{border-color:#05b752;box-shadow:0 0 0 2px #05b75233;outline:none}.form-control.error{border-color:#e74c3c}.error-message{margin-top:5px}.error-message,.login-error{color:#e74c3c;font-size:14px}.login-error{background-color:#ffeaea;border-radius:8px;margin-bottom:20px;padding:10px;width:100%}.login-button{background-color:#05b752;border:none;border-radius:25px;box-shadow:0 4px 6px #05b75233;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:10px;padding:12px 0;transition:all .3s ease;width:100%}.login-button:hover{background-color:#048f41;box-shadow:0 6px 8px #05b7524d;transform:translateY(-2px)}.login-button:disabled{background-color:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.login-note{color:#888;font-size:12px;margin-top:20px;text-align:center}@media (max-width:480px){.login-modal{padding:20px}.login-logo-container{width:150px}.login-modal h2{font-size:20px}.form-control{padding:10px}}.gTLZXx{left:50%!important;position:absolute;right:6px;rotate:180deg;top:15px;top:50%!important;transform:translate(35%,60%);width:75px!important;z-index:5}@media (max-width:400px){.gTLZXx{width:65px!important}.spin-button{height:70px;width:70px}}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.logout-button{align-items:center;background-color:#ff5400;border:none;border-radius:25px;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 15px;transition:all .3s ease}.logout-button:hover{background-color:#e84c00;box-shadow:0 4px 6px #00000040;transform:translateY(-2px)}.logout-icon{font-size:16px}.logout-confirm-modal{background-color:#fff;border-radius:15px;box-shadow:0 10px 30px #0003;max-width:400px;padding:25px;text-align:center;width:90%}.logout-confirm-modal h2{color:#333;margin-bottom:15px}.logout-confirm-modal p{color:#555;font-size:16px;margin-bottom:25px}.logout-confirm-buttons{display:flex;gap:15px;justify-content:center}.cancel-button{background-color:#95a5a6;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:15px;padding:10px 20px;transition:all .3s ease}.cancel-button:hover{background-color:#7f8c8d}.confirm-logout-button{background-color:#e74c3c;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:10px 20px;transition:all .3s ease}.confirm-logout-button:hover{background-color:#c0392b}@media (max-width:768px){.player-info{flex-direction:column;gap:15px;padding:15px;text-align:center}.logout-button{align-self:center}}@media (max-width:480px){.player-info{padding:4px;width:95%}.player-name,.player-phone,.turns-left{font-size:14px}.logout-button{font-size:13px;padding:6px 12px}.logout-icon{font-size:18px}}
/*# sourceMappingURL=main.311130bc.css.map*/