*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}#root{width:100vw;height:100vh;overflow:hidden}.app{width:100vw;height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.logo-container{position:absolute;top:20px;right:20px;z-index:10}.logo{width:150px;height:auto}.bottom-right-border{position:absolute;bottom:0;right:0;width:200px;height:auto;pointer-events:none}.screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:60px;z-index:1}.start-screen{gap:80px}.spin-win-text{width:500px;max-width:80vw;height:auto;animation:fadeInScale .6s ease-out}.spin-screen{gap:50px}.wheel-container{position:relative;width:500px;height:500px;max-width:80vw;max-height:80vw;display:flex;align-items:center;justify-content:center}.wheel{width:100%;height:100%;position:absolute;top:0;left:0}.pointer{position:absolute;top:-10px;left:50%;transform:translate(-50%);width:60px;height:auto;z-index:2;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.btn-image{background:none;border:none;cursor:pointer;padding:0;transition:transform .2s,filter .2s}.btn-image:hover{transform:scale(1.05);filter:brightness(1.1)}.btn-image:active{transform:scale(.95)}.btn-image:disabled{cursor:not-allowed;opacity:.6}.btn-image img{width:250px;height:auto;display:block}.spin-button img{width:200px}.btn-text{background:#01aee5;color:#fff;border:none;padding:18px 60px;font-size:24px;font-weight:700;border-radius:10px;cursor:pointer;box-shadow:0 8px 20px #0000004d;transition:transform .2s,box-shadow .2s;letter-spacing:1px}.btn-text:hover{transform:translateY(-2px);box-shadow:0 12px 25px #0006}.btn-text:active{transform:translateY(0);box-shadow:0 6px 15px #0000004d}.result-screen{gap:50px;position:relative}.result-text{width:600px;max-width:85vw;height:auto;animation:fadeInScale .6s ease-out}.prize-text{font-size:48px;font-weight:700;color:#00bcd4;text-shadow:2px 2px 4px rgba(0,0,0,.5);letter-spacing:3px;animation:fadeInScale .6s ease-out .3s backwards;text-align:center;margin-top:-30px}.win-screen{overflow:visible}.confetti{position:absolute;width:10px;height:10px;background:#00bcd4;top:0;opacity:0;animation:confetti-fall 3s linear infinite}.confetti:nth-child(1){left:10%;animation-delay:0s;background:#00bcd4}.confetti:nth-child(2){left:30%;animation-delay:.5s;background:#fff}.confetti:nth-child(3){left:50%;animation-delay:1s;background:silver}.confetti:nth-child(4){left:70%;animation-delay:1.5s;background:#00bcd4}.confetti:nth-child(5){left:90%;animation-delay:2s;background:#fff}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes confetti-fall{0%{top:-10%;opacity:1;transform:translate(0) rotate(0)}to{top:100%;opacity:0;transform:translate(100px) rotate(360deg)}}@media(max-width:768px){.logo{width:120px}.logo-container{top:15px;right:15px}.spin-win-text{width:400px}.result-text{width:500px}.btn-image img{width:200px}.spin-button img{width:160px}.btn-text{padding:15px 50px;font-size:20px}.wheel-container{width:400px;height:400px}.pointer{width:50px}.bottom-right-border{width:150px}.screen{gap:40px}.prize-text{font-size:36px;margin-top:-20px}}@media(max-width:480px){.logo{width:100px}.logo-container{top:10px;right:10px}.spin-win-text{width:300px}.result-text{width:350px}.btn-image img{width:160px}.spin-button img{width:130px}.btn-text{padding:12px 40px;font-size:18px}.wheel-container{width:300px;height:300px}.pointer{width:40px;top:-5px}.bottom-right-border{width:120px}.screen{gap:30px}.prize-text{font-size:28px;margin-top:-15px;letter-spacing:2px}}.admin-container{width:100vw;min-height:100vh;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);display:flex;align-items:center;justify-content:center;padding:20px}.admin-login-box,.admin-panel{background:#fffffff2;border-radius:15px;padding:40px;box-shadow:0 10px 40px #0000004d;max-width:500px;width:100%}.admin-panel{max-width:600px}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #00bcd4}.admin-header h1{color:#333;margin:0;font-size:28px}.admin-login-box h1{color:#333;text-align:center;margin-bottom:30px;font-size:32px}.admin-input{width:100%;padding:12px 15px;border:2px solid #ddd;border-radius:8px;font-size:16px;margin-bottom:15px;transition:border-color .3s}.admin-input:focus{outline:none;border-color:#00bcd4}.chance-input{width:100px;margin-bottom:0;text-align:right}.admin-button{width:100%;padding:12px 20px;background:linear-gradient(180deg,#00bcd4,#0097a7);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-bottom:10px}.admin-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #00bcd466}.admin-button:active{transform:translateY(0)}.admin-button.secondary{background:linear-gradient(180deg,#757575,#616161)}.admin-button.secondary:hover{box-shadow:0 5px 15px #0000004d}.admin-button.small{width:auto;padding:8px 16px;font-size:14px;margin-bottom:0}.prize-list{margin-bottom:30px}.prize-item{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #eee}.prize-item:last-child{border-bottom:none}.prize-label{font-size:18px;font-weight:600;color:#333;flex:1}.prize-input-group{display:flex;align-items:center;gap:8px}.percent-symbol{font-size:18px;font-weight:700;color:#666}.total-section{background:#f5f5f5;padding:15px;border-radius:8px;margin-bottom:20px;text-align:center;font-size:20px}.total-valid{color:#4caf50;font-weight:700}.total-invalid{color:#f44336;font-weight:700}.warning-text{color:#f44336;font-size:14px;margin:5px 0 0}.error-message{color:#f44336;text-align:center;margin:10px 0;font-size:14px}.success-message{color:#4caf50;text-align:center;margin:10px 0;font-size:16px;font-weight:700}.admin-actions{display:flex;flex-direction:column;gap:10px}.admin-content{color:#333}@media(max-width:480px){.admin-login-box,.admin-panel{padding:25px}.admin-header h1{font-size:22px}.prize-label{font-size:16px}.chance-input{width:80px}}