@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;600;800&display=swap";body{color:#0f172a;background-color:#f8fafc;margin:0;font-family:Plus Jakarta Sans,sans-serif;overflow:hidden}.roulette-wrapper{height:100vh;display:flex}.registration-panel{z-index:10;background:#fff;border-right:1px solid #e2e8f0;flex-direction:column;width:380px;padding:40px 30px;display:flex;box-shadow:10px 0 30px #00000005}.brand{align-items:center;gap:12px;margin-bottom:30px;display:flex}.brand-icon{font-size:28px}.brand h2{color:#0f172a;margin:0;font-size:24px;font-weight:800}.add-form{flex-direction:column;gap:15px;margin-bottom:35px;display:flex}.input-group input{color:#0f172a;box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;outline:none;width:100%;padding:16px 20px;font-size:16px;font-weight:600;transition:all .2s}.input-group input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.add-btn{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:14px;padding:16px;font-size:16px;font-weight:800;transition:all .2s}.add-btn:hover{background:#1e293b;transform:translateY(-1px)}.players-list-wrapper{flex-direction:column;flex-grow:1;display:flex;overflow:hidden}.list-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.list-header h3{color:#475569;margin:0;font-size:16px;font-weight:800}.badge{color:#0f172a;background:#f1f5f9;border-radius:20px;padding:6px 12px;font-size:13px;font-weight:800}.players-list{flex-grow:1;padding-right:5px;overflow-y:auto}.player-card{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;align-items:center;gap:15px;margin-bottom:8px;padding:14px 18px;transition:all .2s;display:flex}.player-card:hover{background:#fff;border-color:#e2e8f0;box-shadow:0 4px 12px #00000008}.player-ticket{color:#3b82f6;background:#3b82f614;border-radius:6px;padding:4px 8px;font-size:13px;font-weight:800}.player-name{color:#1e293b;font-size:15px;font-weight:600}.lottery-panel{background:#f1f5f9;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;display:flex}.lottery-machine{perspective:1000px;width:420px;height:420px;margin-bottom:50px;position:relative}.drum{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:radial-gradient(circle,#ffffffb3 0%,#f1f5f980 100%);border:12px solid #fff;border-radius:50%;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 20px 50px #0000000d,inset 0 0 40px #fffc,inset 0 10px 30px #00000008}.drum-shine{background:linear-gradient(#fff6 0%,#fff0 100%);border-radius:50%/20%;width:70%;height:30%;position:absolute;top:5%;left:15%;transform:rotate(-10deg)}.small-ball{color:#fff;text-shadow:0 1px 2px #0003;border:2px solid #fff6;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:13px;font-weight:800;display:flex;position:absolute;top:50%;left:50%;box-shadow:inset -4px -4px 10px #0003,0 6px 15px #00000014}.idle .small-ball{animation:3s ease-in-out infinite alternate smoothJiggle}.spinning-fast .small-ball{animation:.4s linear infinite superSpin}.winner-reveal{z-index:20;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.golden-ball{width:260px;height:260px;position:relative}.ball-top,.ball-bottom{background:radial-gradient(circle at 50% 15%,#ffe066,#f59e0b);border-radius:260px 260px 0 0;width:100%;height:50%;transition:all .8s cubic-bezier(.77,0,.175,1);position:absolute;left:0;box-shadow:inset 0 5px 15px #fff9,inset 0 -10px 20px #00000026,0 10px 20px #0000001a}.ball-bottom{background:radial-gradient(circle at 50% 85%,#fbbf24,#d97706);border-radius:0 0 260px 260px;top:50%}.golden-ball .ball-top{animation:1s .8s forwards splitUp}.golden-ball .ball-bottom{animation:1s .8s forwards splitDown}.paper-slip{color:#0f172a;z-index:5;background:#fff;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:240px;height:140px;animation:.8s cubic-bezier(.175,.885,.32,1.275) 1.4s forwards unfoldPaper;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)rotate(45deg);box-shadow:0 30px 60px #0000001f,0 0 0 1px #0000000d}.ticket-win{color:#3b82f6;letter-spacing:1px;font-size:20px;font-weight:800}.name-win{color:#0f172a;text-transform:uppercase;text-align:center;margin-top:12px;padding:0 15px;font-size:22px;font-weight:800}.big-spin-btn{color:#fff;cursor:pointer;z-index:30;background:#3b82f6;border:none;border-radius:20px;padding:22px 60px;font-size:20px;font-weight:800;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 15px 35px #3b82f659,0 4px 10px #3b82f633}.big-spin-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-2px);box-shadow:0 20px 40px #3b82f673,0 4px 10px #3b82f633}.big-spin-btn:active{transform:translateY(1px)}.big-spin-btn:disabled{color:#94a3b8;box-shadow:none;cursor:not-allowed;background:#cbd5e1}@keyframes smoothJiggle{0%{transform:translate(-50%,-50%)translate(-60px,-40px)}33%{transform:translate(-50%,-50%)translate(50px,30px)}66%{transform:translate(-50%,-50%)translate(-20px,60px)}to{transform:translate(-50%,-50%)translate(40px,-50px)}}@keyframes superSpin{0%{transform:translate(-50%,-50%)rotate(0)translate(-120px)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)translate(-120px)rotate(-360deg)}}@keyframes splitUp{to{opacity:0;transform:translateY(-120px)}}@keyframes splitDown{to{opacity:0;transform:translateY(120px)}}@keyframes unfoldPaper{0%{transform:translate(-50%,-50%)scale(0)rotate(-45deg)}to{transform:translate(-50%,-50%)scale(1.15)rotate(0)}}