.home-button{animation:slideInLeft .8s forwards;border-radius:30px;font-size:16px;height:auto;letter-spacing:1px;min-height:0;min-height:auto;opacity:0;overflow:hidden;padding:12px;position:relative}.home-button:before{background:linear-gradient(120deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:50%}.home-button:hover:before{left:100%;transition:left .5s}.home-button.existing{animation:slideInRight .8s forwards;animation-delay:.2s}.button-subtitle{font-size:11px;margin-top:2px}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.home-buttons{gap:12px;max-width:220px;width:55%}.App.home-page .home-buttons{display:flex;flex-direction:column;gap:15px;margin:60px auto 0;max-width:250px;width:65%}.App.home-page .home-buttons button:last-child{margin-top:-10px}.App.home-page .home-button{border-radius:35px;box-shadow:0 6px 15px #0006;font-size:16px;gap:2px;letter-spacing:2px;padding:15px}.App.home-page .button-subtitle{color:gold;font-size:13px;font-style:italic;line-height:1.2;margin-top:0;opacity:.9}*{box-sizing:border-box;margin:0;padding:0}.App{align-items:flex-start;background:linear-gradient(135deg,maroon,#4a0404 50%,maroon);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding-top:40px;position:relative}.App:before,.create-profile-page:before,.predict-page:before{background-image:url(/static/media/csy%20bg.306e481e64f8ab7a925d.png);background-position:top;background-size:150% auto;bottom:-20%;content:"";left:0;opacity:.2;pointer-events:none;position:absolute;right:0;top:-10%;z-index:1}.predict-page:before{background-image:url(/static/media/csy%20bg.306e481e64f8ab7a925d.png);opacity:.2}.home-page:before,.predict-page:before{background-position:50%;background-size:cover;bottom:0;height:100%;top:0;width:100%}.home-page:before{background-image:url(/static/media/homepage.c3b52e6fc1d5b305b47f.png);opacity:.15;transform:none}.mobile-container{display:flex;flex-direction:column;gap:10px;max-width:600px;min-height:85vh;padding:10px;position:relative;width:100%;z-index:2}.slot-header{margin-bottom:0;margin-top:20px;padding:5px;text-align:center}.create-profile-page .slot-header h1,.predict-page .slot-header h1,.slot-header h1{color:gold;font-family:Arial Black,sans-serif;font-size:min(8vw,2.5rem);letter-spacing:2px;margin:0;text-shadow:0 0 10px #ffd70080}.home-page .slot-header h1{color:gold;font-family:Arial Black,sans-serif;font-size:min(12vw,3.2rem);letter-spacing:2px;margin:0;text-shadow:0 0 10px #ffd70080}.home-page .subtitle{color:gold;font-size:min(6vw,1.5rem);margin-top:5px;opacity:.8;text-shadow:0 0 5px #ffd7004d}.slot-header h1 span{display:block;line-height:1}.subtitle{color:gold;font-size:min(4vw,1.2rem);margin-top:5px;opacity:.8;text-shadow:0 0 5px #ffd7004d}.slot-display{grid-gap:6px;background:#1a1a1a;border:3px solid gold;border-radius:15px;display:grid;gap:6px;grid-template-columns:repeat(4,1fr);margin:5px auto;max-width:400px;padding:12px;width:95%}.slot-reel{aspect-ratio:3/4;background:linear-gradient(180deg,#fff,#e0e0e0);border:2px solid #b8860b;border-radius:8px;box-shadow:inset 0 0 10px #0003;overflow:hidden;position:relative}.slot-number,.slot-reel{align-items:center;display:flex;justify-content:center}.slot-number{color:#000;font-size:clamp(2rem,8vw,3rem);font-weight:700;height:100%;line-height:1;width:100%}@keyframes slotSpin{0%{transform:translateY(-300%)}to{transform:translateY(300%)}}.slot-number.spinning-1{animation:slotSpin .3s linear infinite}.slot-number.spinning-2{animation:slotSpin .4s linear infinite}.slot-number.spinning-3{animation:slotSpin .5s linear infinite}.slot-number.spinning-4{animation:slotSpin .6s linear infinite}@keyframes slideFromLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideFromRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.message-box{background:#0000;border:3px solid gold;border-radius:15px;color:gold;font-size:min(5vw,1.2rem);height:150px;margin:-5px auto;max-width:400px;min-height:50px;padding:15px;position:relative;text-align:center;width:95%}.message-text{background:linear-gradient(180deg,#fff,#e0e0e0);border:2px solid #b8860b;border-radius:8px;box-sizing:border-box;color:#000;font-size:20px;font-weight:700;height:100%;left:50%;line-height:1.5;max-height:140px;overflow-y:auto;padding:15px;position:absolute;scrollbar-color:#b8860b #0000;scrollbar-width:thin;text-align:left;top:50%;transform:translate(-50%,-50%);width:100%}.message-text::-webkit-scrollbar{width:6px}.message-text::-webkit-scrollbar-track{background:#0000}.message-text::-webkit-scrollbar-thumb{background-color:#b8860b;border-radius:3px}.control-panel{margin-top:-1px;padding:5px 0;position:relative;text-align:center;z-index:10}.spin-button{background:linear-gradient(145deg,gold,#b8860b);border:none;border-radius:25px;box-shadow:0 4px 15px #0000004d;color:#000;cursor:pointer;font-size:min(6vw,1.5rem);font-weight:700;letter-spacing:2px;margin:20px auto;max-width:300px;padding:15px;text-transform:uppercase;transition:all .3s ease;width:80%}.spin-button:hover{background:linear-gradient(145deg,#8b6914,#b8860b);box-shadow:0 6px 18px #0006;transform:translateY(-2px)}.form-group{margin:8px 0;position:relative;z-index:1}.form-group input{background:#0000001a;border:2px solid #daa520;border-radius:8px;color:#fff;font-size:1rem;padding:12px;width:100%}.profile-form{display:flex;flex-direction:column;gap:25px;margin:10px auto;max-width:400px;padding:10px 20px;width:95%}.profile-select{appearance:none;-webkit-appearance:none;background:linear-gradient(145deg,gold,#b8860b);border:none;border-radius:25px;box-shadow:0 4px 15px #0000004d;color:#000;cursor:pointer;direction:ltr;display:block;font-size:min(4vw,1rem);font-weight:700;letter-spacing:2px;margin:5px auto 15px;max-width:200px;padding:10px;text-align:center;text-align-last:center;-moz-text-align-last:center;text-transform:uppercase;width:50%}.profile-select:hover{background:linear-gradient(145deg,#ffe44d,#cfb53b)}.profile-select:focus{border-color:#ffe44d;box-shadow:0 0 20px #ffd7004d;outline:none}.profile-input::placeholder{color:hsla(0,0%,100%,.927)}.profile-form label{color:gold;display:block;font-size:1.1rem;margin-bottom:5px}.profile-input[type=date]{-webkit-appearance:none;appearance:none;background:#0000001a;color:#fff!important;min-height:45px;opacity:1;padding:8px 35px 8px 15px;position:relative;text-align:left}.profile-input[type=date]::-webkit-calendar-picker-indicator{background:#0000;color:#0000;cursor:pointer;height:auto;left:auto;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:20px;z-index:3}.profile-input[type=date]:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;content:"";height:20px;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:20px}.profile-input[type=date]::-webkit-datetime-edit-fields-wrapper{padding:0}.profile-input[type=date]::-webkit-datetime-edit{color:#fff;opacity:1;padding:0}.profile-input,.profile-input[type=date],select.profile-input{appearance:none;-webkit-appearance:none;background:#0000001a;border:2px solid #daa520;border-radius:8px;color:#fff;font-size:1.1rem;height:45px;margin-bottom:-8px;padding:8px 15px;text-align:left;width:100%}.create-profile-button{box-shadow:0 4px 15px #0000004d;transition:all .3s ease}.create-profile-button,.tiny-submit{background:linear-gradient(145deg,gold,#b8860b);border:none;border-radius:22px;color:#000;cursor:pointer;font-size:16px;font-weight:700;height:45px;letter-spacing:.5px;line-height:1;margin:15px auto;max-width:250px;padding:4px 15px;text-transform:uppercase;width:65%}.create-profile-button,.tiny-submit{align-items:center;box-shadow:0 8px 15px #0000004d,inset 0 2px 8px #ffffff4d;display:flex;justify-content:center;transition:all .3s ease-in-out}.create-profile-button:hover,.tiny-submit:hover{background:linear-gradient(145deg,#ffe44d,#daa520);box-shadow:0 15px 25px #00000080,inset 0 2px 15px #ffffff80;filter:brightness(1.1);transform:translateY(-4px) scale(1.02)}.create-profile-button:active,.tiny-submit:active{box-shadow:0 5px 10px #0000004d;filter:brightness(.95);transform:translateY(2px)}.home-buttons{gap:20px;margin:100px auto 0;max-width:320px;width:85%}.home-button,.home-buttons{display:flex;flex-direction:column}.home-button{align-items:center;background:gold;background:linear-gradient(180deg,gold,#daa520);border:none;border-radius:50px;box-shadow:0 6px 12px #0003;color:#000;cursor:pointer;font-size:24px;font-weight:700;letter-spacing:2px;padding:22px;text-transform:uppercase;transition:all .3s ease;width:100%}.home-button.predict-button{background:linear-gradient(180deg,maroon,#4a0404);color:gold}.button-subtitle{color:gold;font-size:14px;font-style:italic;margin-top:5px}.App .home-button{align-items:center;background:linear-gradient(145deg,gold,#daa520);border:none;border-radius:40px;box-shadow:0 10px 20px #0006,inset 0 2px 10px #fff9;color:#000;cursor:pointer;display:flex;flex-direction:column;font-size:min(6vw,1.4rem);font-weight:800;gap:10px;justify-content:center;letter-spacing:3px;padding:25px 20px;position:relative;text-transform:uppercase;transition:all .3s ease-in-out;width:100%}.App .home-button.predict-button{background:linear-gradient(145deg,#8b0000,#4b0000);box-shadow:0 10px 20px #00000080,inset 0 2px 10px #8b000066;color:gold}.App .button-subtitle{color:gold;font-size:.85rem;font-style:italic;font-weight:400;letter-spacing:1.5px;opacity:.9;text-transform:none}.icons-container{justify-content:space-between;left:0;padding:0 20px;right:0;top:5px}.icons-container,.predictions-left{align-items:center;display:flex;position:absolute;z-index:10}.predictions-left{color:gold;font-size:.72rem;font-weight:700;gap:5px;right:20px;text-shadow:0 0 5px #00000080;top:-25px}.coin-icon,.yuanbao-icon{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:contain;display:flex;height:19px;width:19px}.coin-icon{background-image:url(/static/media/gold%20coin.96634289e66946727968.png)}.yuanbao-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='gold'%3E%3Cpath d='M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;filter:drop-shadow(0 0 2px rgba(255,215,0,.5));height:22px;transform:translateY(-25px);width:22px}@keyframes float{0%{opacity:.3;transform:translateY(0) rotate(0deg)}50%{opacity:.6;transform:translateY(-20px) rotate(180deg)}to{opacity:.3;transform:translateY(0) rotate(1turn)}}.floating-icons{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.floating-icon{background-position:50%;background-repeat:no-repeat;background-size:contain;height:24px;position:absolute;width:24px}.floating-coin{background-image:url(/static/media/gold%20coin.96634289e66946727968.png)}.floating-yuanbao{background-image:url(/static/media/yuanbao.7b364803089bcc00b6f3.png)}.yellow-button-container{bottom:20px;position:fixed;right:20px;z-index:10}.yellow-button{height:50px;object-fit:contain;opacity:.7;width:50px}.dialog-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.dialog-content{background:linear-gradient(145deg,gold,#b8860b);border-radius:15px;box-shadow:0 4px 15px #0000004d;color:#000;font-size:.9rem;line-height:1.6;max-height:80vh;max-width:90%;overflow-y:auto;padding:25px 20px;text-align:left;width:100%}.dialog-content p{margin:0 0 15px}.dialog-close{background:maroon;border:none;border-radius:25px;color:gold;cursor:pointer;display:block;font-size:.95rem;font-weight:700;margin:15px auto 0;padding:10px 25px;width:120px}
/*# sourceMappingURL=main.1d1b6a4c.css.map*/