body{background-color:#2c3e50;color:#fff;font-family:Helvetica Neue,Arial,sans-serif;text-align:center;margin:0;padding:20px}h1,h2{margin-bottom:20px}.hidden{display:none!important}#lobby{background:#0003;padding:20px;border-radius:10px;max-width:600px;margin:0 auto}#player-list{list-style:none;padding:0;text-align:left}#player-list li{padding:5px 10px;border-bottom:1px solid rgba(255,255,255,.1)}#controls{margin:20px 0}button{background-color:#e74c3c;color:#fff;border:none;padding:15px 30px;font-size:1.2em;cursor:pointer;border-radius:5px;transition:background .3s}button:hover{background-color:#c0392b}button:disabled{background-color:#7f8c8d;cursor:not-allowed}.formed-groups-panel{width:100%;text-align:left;margin-bottom:20px}.formed-groups-panel h3{margin-bottom:10px;color:#f1c40f}#formed-groups-list{display:flex;flex-wrap:wrap;gap:10px}#formed-groups-list .group-card{min-width:200px}.wheel-container{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin-top:20px}.wheel-wrapper{position:relative;width:300px;height:350px;display:flex;flex-direction:column;align-items:center}canvas{border-radius:50%;box-shadow:0 0 10px #00000080;background:#34495e}.arrow{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:20px solid white;z-index:10}.role-label{margin-bottom:10px;font-weight:700;font-size:1.2em}.result{margin-top:10px;font-size:1.2em;font-weight:700;color:#f1c40f;min-height:1.5em}#results{max-width:800px;margin:0 auto}.group-card{background:#ffffff1a;margin:10px 0;padding:15px;border-radius:8px;text-align:left}.group-card h3{margin-top:0;color:#f1c40f}