:root{--muted:#9aa3b2;--maxw:1100px}body{color:#fff;text-align:center;background:radial-gradient(circle,#181818,#000);font-family:Arial,sans-serif}h1{margin-bottom:10px}.main-container{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:40px;display:flex}canvas{background:#222;border:5px solid #fff;border-radius:50%;display:block}.wheel-section{flex-direction:column;align-items:center;display:flex}.controls-under-wheel{margin-top:15px}.controls-under-wheel button{cursor:pointer;color:#fff;border:none;border-radius:8px;margin:5px;padding:10px 20px;font-size:16px;transition:background .3s}#spinBtn{background:#4caf50}#spinBtn:hover{background:#3e8e41}#resetBtn{background:#2196f3}#resetBtn:hover{background:#1976d2}.side-panel{text-align:left;background:#ffffff0d;border-radius:10px;min-width:250px;padding:20px}.side-panel h3{text-align:center;margin-bottom:10px}.input-row{flex-wrap:wrap;justify-content:space-between;gap:5px;margin-bottom:10px;display:flex}input[type=text]{border:none;border-radius:5px;flex:1;padding:8px;font-size:16px}.option-buttons{flex-wrap:wrap;justify-content:center;gap:5px;display:flex}#addBtn,#clearBtn,#importBtn{cursor:pointer;color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:15px;transition:background .3s}#addBtn{background:#9c27b0}#addBtn:hover{background:#7b1fa2}#clearBtn{background:#f44336}#clearBtn:hover{background:#d32f2f}#importBtn{background:#ff9800}#importBtn:hover{background:#f57c00}ul{margin-top:10px;padding:0;list-style:none;overflow:auto}ul li{text-align:center;background:#ffffff1a;border-radius:4px;justify-content:space-between;align-items:center;gap:6px;margin:4px auto;padding:6px;display:flex}ul li span{cursor:pointer;flex-grow:1}ul li input{border:none;border-radius:5px;flex-grow:1;padding:4px;font-size:15px}.deleteBtn{color:#fff;cursor:pointer;background:#f44336;border:none;border-radius:4px;padding:4px 8px}.deleteBtn:hover{background:#d32f2f}.slider-container{text-align:center;margin-top:15px}input[type=range]{accent-color:#4caf50;width:180px}@media (width<=768px){.main-container{flex-direction:column;align-items:center}.side-panel{width:100%;max-width:300px}}footer{background:linear-gradient(#ffffff03,#ffffff01);border-radius:12px;justify-content:space-between;align-items:center;margin-top:60px;padding:26px;display:flex}.socials a{color:var(--muted);margin-left:10px;text-decoration:none}.wrap{max-width:var(--maxw);margin:36px auto;padding:0 20px}.winner-popup{z-index:9999;background:#000000bf;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.winner-content{color:#fff;text-align:center;background:linear-gradient(135deg,#202020,#333);border:2px solid gold;border-radius:12px;padding:30px 40px;animation:.4s popIn;box-shadow:0 0 20px gold}.winner-content h2{color:gold;margin-top:0;font-size:1.8em}.winner-name{color:gold;text-shadow:0 0 10px #fff;margin:15px 0;font-size:2em;font-weight:700}.winner-content button{color:#000;cursor:pointer;background:gold;border:none;border-radius:8px;padding:10px 20px;font-size:1em;transition:background .2s}.winner-content button:hover{background:#ffe066}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}