*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#fff}#root{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.container{max-width:1200px;width:100%;text-align:center}.room-code{font-size:6rem;font-weight:700;letter-spacing:1rem;margin:2rem 0;text-shadow:0 4px 20px rgba(0,0,0,.3)}.join-url{font-size:1.5rem;opacity:.9;margin-bottom:3rem}.players-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;margin-top:2rem}.player-card{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;padding:1.5rem;transition:transform .2s ease}.player-card:hover{transform:scale(1.05)}.player-name{font-size:1.25rem;font-weight:600}.player-score{font-size:2rem;font-weight:700;margin-top:.5rem}.btn{background:#fff;color:#667eea;border:none;padding:1rem 3rem;font-size:1.25rem;font-weight:600;border-radius:2rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;margin-top:2rem}.btn:hover{transform:scale(1.05);box-shadow:0 10px 30px #0003}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.status{font-size:1.25rem;margin-top:1rem;opacity:.8}