body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1a1a2e;color:#fff}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:20px;box-sizing:border-box}.form-container,.lobby-container,.room-container{width:100%;max-width:500px;padding:2rem;background-color:#0003;border-radius:15px;box-shadow:0 8px 32px #1f26875e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.18);text-align:center}h1,h2,h3{letter-spacing:2px;text-transform:uppercase}input[type=text],button{width:100%;padding:15px;margin:10px 0;border-radius:50px;border:1px solid rgba(255,255,255,.2);background-color:#ffffff1a;color:#fff;text-align:center;font-size:1rem;box-sizing:border-box}input[type=text]::placeholder{color:#ffffff80}button{cursor:pointer;background:linear-gradient(90deg,#00c6ff,#0072ff);font-weight:700;border:none;transition:transform .2s ease-in-out}button:hover{transform:scale(1.05)}button:disabled{background:#555;cursor:not-allowed}.divider{width:100%;max-width:400px;display:flex;align-items:center;text-align:center;margin:30px 0;color:#ffffff80}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid rgba(255,255,255,.2)}.divider:not(:empty):before{margin-right:.25em}.divider:not(:empty):after{margin-left:.25em}.liar-selection{margin:20px 0}.liar-selection div{display:flex;justify-content:center;gap:15px}.liar-selection button{width:140px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}.liar-selection button.active{background:linear-gradient(90deg,#00c6ff,#0072ff);border:1px solid #00c6ff}.player-list ul{list-style-type:none;padding:0;max-height:30vh;overflow-y:auto}.player-list li{background-color:#0000004d;padding:10px;margin:5px 0;border-radius:8px;font-weight:500}.question-display{background-color:#0000004d;padding:20px;border-radius:10px;margin-bottom:20px;font-style:italic;font-size:1.1rem}.player-card{background-color:#1e1e3f;padding:15px;margin:8px 0;border-radius:10px;text-align:left}.player-card.voted-out{opacity:.5;text-decoration:line-through}@media (max-width: 600px){.form-container,.lobby-container,.room-container{padding:1.5rem}h1{font-size:1.8rem}h2{font-size:1.5rem}}
