.roulette-section{background:#141414b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #333;padding:30px;margin:40px 0;text-align:center;border-radius:10px}.roulette-header h3{font-size:24px;letter-spacing:3px;margin-bottom:10px;text-transform:uppercase}.roulette-header p{opacity:.8;font-size:14px;margin-bottom:20px}.roulette-container{position:relative;width:300px;height:300px;margin:0 auto 30px}.roulette-wheel{width:100%;height:100%;border-radius:50%;position:relative;overflow:hidden;background:#000;box-shadow:0 0 0 5px #111}.roulette-item{position:absolute;width:50%;height:50%;transform-origin:bottom right;display:flex;align-items:center;justify-content:center;font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:1px;color:#000}.roulette-item.common{background:#aaa;transform:rotate(0) skewY(30deg)}.roulette-item.rare{background:#5bc0de;transform:rotate(51.4deg) skewY(30deg)}.roulette-item.epic{background:#9370db;transform:rotate(102.8deg) skewY(30deg)}.roulette-item.legendary{background:gold;transform:rotate(154.2deg) skewY(30deg)}.roulette-item:nth-child(5){transform:rotate(205.6deg) skewY(30deg)}.roulette-item:nth-child(6){transform:rotate(257deg) skewY(30deg)}.roulette-item:nth-child(7){transform:rotate(308.4deg) skewY(30deg)}.roulette-center{position:absolute;width:30px;height:30px;background:#000;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;border:3px solid #333}.roulette-pointer{position:absolute;top:-10px;left:50%;transform:translate(-50%);width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-top:30px solid #fff;z-index:3}.roulette-btn{background:#000;color:#fff;border:2px solid #fff;padding:12px 40px;font-weight:700;text-transform:uppercase;letter-spacing:2px;cursor:pointer;transition:all .3s ease;margin-bottom:20px}.roulette-btn:hover{background:#fff;color:#000}.roulette-odds{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;font-size:12px;opacity:.8}.roulette-odds div{display:flex;align-items:center;gap:5px}.common-dot{display:inline-block;width:10px;height:10px;background:#aaa;border-radius:50%}.rare-dot{display:inline-block;width:10px;height:10px;background:#5bc0de;border-radius:50%}.epic-dot{display:inline-block;width:10px;height:10px;background:#9370db;border-radius:50%}.legendary-dot{display:inline-block;width:10px;height:10px;background:gold;border-radius:50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(3600deg)}}.spinning{animation:spin 5s cubic-bezier(.17,.67,.12,.99) forwards}