body{font-family:Arial,sans-serif;background:#f5f5f5;margin:0;padding:0}#root{display:flex;justify-content:center;align-items:flex-start;min-height:100vh}input{margin:.5rem;padding:.5rem;border-radius:4px;border:1px solid #ccc}input[type=range]{margin:0!important;padding:0!important;border:none!important;border-radius:0!important;background:none}button{margin:.5rem;padding:.5rem 1rem;border-radius:4px;border:none;background:#007bff;color:#fff;cursor:pointer}button:hover{background:#0056b3}h1,h2,h3{margin-top:0}.player-cards{display:grid;grid-template-columns:repeat(4,90px);gap:8px;width:402px;margin:0 auto;justify-content:center}.player-cards.grid3{grid-template-columns:repeat(3,120px);width:402px;gap:8px;justify-content:center}.player-cards.grid4{grid-template-columns:repeat(4,90px);width:402px;gap:8px;justify-content:center}.player-cards:not(.in-game) .player-card{height:140px!important}.player-cards.grid3:not(.in-game) .player-card{height:170px!important}.player-cards:not(.in-game) .player-card .lobby-bottom-spacer{min-height:0!important;flex:0 0 auto!important}.player-cards.in-game .player-card{height:170px!important}.player-cards.in-game.grid3 .player-card{height:210px!important}.player-cards.in-game .player-card .player-name{margin-top:7px!important}.player-cards.in-game .player-card .first-player-label{margin-top:2px!important}.player-cards.in-game .player-card .suspected-label{margin-top:5px!important}.player-cards.in-game .player-card .first-player-label+.suspected-label{margin-top:2px!important}.player-card{position:relative;width:90px;height:160px;box-sizing:border-box;background:#f8f9fa;border:1.5px solid #dee2e6;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:8px 4px 6px;transition:box-shadow .2s,border .2s}.grid3 .player-card{width:120px;height:200px;padding:10px 5px 8px;display:flex;flex-direction:column}.grid3 .player-card .player-image-container{flex-shrink:0}.grid3 .player-card .player-name{font-size:14px;margin-bottom:0;margin-top:2px;line-height:1.1}.grid3 .player-card .first-player-label,.grid3 .player-card .suspected-label{font-size:10px;height:14px;display:flex;align-items:center;justify-content:center;margin-top:0;flex-shrink:0}.grid3 .player-card .suspected-label{margin-top:-2px}.grid3 .player-card .lobby-bottom-spacer{flex:1 1 auto;min-height:8px}.player-card *{max-width:100%;box-sizing:border-box}.player-card.me{border:2px solid #007bff}.player-card.suspected{border-color:#dee2e6!important;outline:2px solid #000!important;outline-offset:-2px!important;box-shadow:none!important}.player-cards .player-card img{object-fit:cover;margin-bottom:8px;background:#fff;display:block;margin-left:auto;margin-right:auto}.grid3 .player-cards .player-card img{margin-bottom:10px}.player-card .player-name{font-size:12px;font-weight:500;color:#333;text-align:center;margin-bottom:0;margin-top:5px;line-height:1.1}.player-card .player-name .you-label{font-size:10px;color:#007bff;font-weight:500;margin-left:2px}.player-card .player-image-container{margin-bottom:0}.player-card .suspected-label,.player-card .first-player-label{font-size:10px;font-weight:500;margin-top:0;text-align:center;line-height:1.1}.player-card .votes-count{margin-top:2px;font-size:10px;color:#6c757d;text-align:center;line-height:1.1}.player-card .vote-indicator{position:absolute;top:6px;left:6px;width:20px;height:20px;border-radius:50%;background:#6c757d;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;z-index:2}.player-card .vote-indicator.voted{background:#28a745}.vote-btn{background-color:#52b4f3;color:#fff;border:none;padding:2px 4px;border-radius:4px;cursor:pointer;font-size:10px;font-weight:500;min-width:68px;box-sizing:border-box;text-align:center;white-space:nowrap}.vote-btn.active{background-color:#dc3545}.grid3 .vote-btn{padding:4px 6px;font-size:12px;min-width:80px;margin-top:auto}.player-image-container{position:relative;display:flex;align-items:center;justify-content:center;width:66px;height:66px;background:#fff;cursor:pointer}.grid3 .player-image-container{width:88px;height:88px}.player-image-container img{object-fit:cover;margin-top:6px;z-index:1}.grid3 .player-image-container img{margin-top:8px}.player-image-container .red-x-overlay{position:absolute;top:3px;left:0;right:0;width:48px;height:48px;z-index:3;pointer-events:none;background:transparent!important;margin:0 auto}.grid3 .player-image-container .red-x-overlay{width:64px;height:64px}.beach-text-shadow{text-shadow:0 2px 8px rgba(255,255,255,.85),0 1px 2px rgba(0,0,0,.18)}.player-card .lobby-bottom-spacer{flex:1 1 auto;width:100%}.round-over-btn{color:#333;font-weight:500;font-size:14px;border:none;border-radius:4px;padding:8px 16px;transition:background .2s}.vote-btn.active:hover{background-color:#b71c1c}.red-x-animating-back{transition:transform .5s cubic-bezier(.4,.2,.2,1),top .5s,left .5s}