.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.container{max-width:600px;width:100%}h1{font-size:2.5rem;margin-bottom:1rem;text-align:center}h2{font-size:1.5rem;margin-bottom:1rem}.card{background:#ffffff1a;border-radius:12px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}.button-group{display:flex;gap:1rem;margin-top:1.5rem}.room-code{font-size:3rem;font-weight:700;letter-spacing:.5rem;text-align:center;color:gold;margin:1rem 0}.player-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:1.5rem 0}.error{color:#ff6b6b;margin-top:.5rem;font-size:.875rem}.loading{opacity:.7;pointer-events:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}