#spinning-wheel-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgb(0 0 0 / .7);display:flex;align-items:center;justify-content:center;z-index:9999;flex-direction:column;margin:0;padding:0}.title{color:#000;font-size:3rem;font-weight:700;margin-bottom:30px;text-shadow:2px 2px 4px rgb(0 0 0 / .5);letter-spacing:2px}.wheel-container{position:relative;display:inline-block}.wheel{width:400px;height:400px;border-radius:50%;background:conic-gradient(from 0deg,#ffffff 0deg 90deg,#000000 90deg 180deg,#ffffff 180deg 270deg,#000000 270deg 360deg);border:8px solid #333;position:relative;transition:transform 3s cubic-bezier(.25,.1,.25,1);box-shadow:0 0 30px rgb(0 0 0 / .5);cursor:pointer}.wheel-section{position:absolute;width:200px;height:200px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;text-transform:uppercase;letter-spacing:1px;text-align:center;line-height:1.2}.section-1{top:25px;right:25px;color:#000}.section-2{bottom:25px;right:25px;color:#fff}.section-3{bottom:25px;left:25px;color:#000}.section-4{top:25px;left:25px;color:#fff}.center-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;background:linear-gradient(45deg,#e8e8e8,#f5f5f5);border-radius:50%;border:3px solid #ddd;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 2px 10px rgb(0 0 0 / .1);z-index:10}.chain-image{width:60px;height:60px;background:linear-gradient(45deg,#ffd700,#ffed4e);border-radius:20px;position:relative;margin-bottom:5px;box-shadow:0 2px 8px rgb(0 0 0 / .2)}.chain-image::before{content:'';position:absolute;top:10px;left:10px;right:10px;bottom:10px;background:repeating-linear-gradient(45deg,#ffd700,#ffd700 2px,#ffed4e 2px,#ffed4e 4px);border-radius:10px}.center-text{font-size:12px;font-weight:700;color:#333;text-transform:uppercase;letter-spacing:1px}.pointer{position:absolute;top:-15px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:15px solid #fff0;border-right:15px solid #fff0;border-top:30px solid #fff;z-index:20;filter:drop-shadow(0 2px 4px rgb(0 0 0 / .3))}.spin-button{margin-top:40px;padding:15px 40px;background:linear-gradient(45deg,#ff6b6b,#ee5a24);color:#000;border:none;border-radius:50px;font-size:18px;font-weight:700;cursor:pointer;transition:all 0.3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px rgb(238 90 36 / .4)}.spin-button:hover{background:linear-gradient(45deg,#ee5a24,#ff6b6b);transform:translateY(-2px);box-shadow:0 6px 20px rgb(238 90 36 / .6)}.spin-button:disabled{background:#666;cursor:not-allowed;transform:none;box-shadow:none}.result{margin-top:30px;padding:20px;background:rgb(255 255 255 / .9);border-radius:15px;color:#333;font-size:24px;font-weight:700;min-height:60px;display:none;align-items:center;justify-content:center;border:2px solid #ddd;box-shadow:0 4px 15px rgb(0 0 0 / .1)}@keyframes celebration{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.celebrating{animation:celebration 0.5s ease-in-out 3}.sparkle{position:absolute;width:6px;height:6px;background:gold;border-radius:50%;animation:sparkle 1s ease-in-out infinite}@keyframes sparkle{0%,100%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}body{margin:0;padding:0;overflow:hidden}html{margin:0;padding:0}