*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#1a1a2e;color:#eee;min-height:100vh}.app{max-width:800px;margin:0 auto;padding:20px}.home{text-align:center;padding-top:40px}.home h1{font-size:3rem;margin-bottom:10px;color:#4ecca3}.tagline{color:#888;margin-bottom:40px}.games-list{text-align:left}.games-list h2{margin-bottom:20px;color:#4ecca3}.game-card{display:block;background:#16213e;padding:20px;border-radius:10px;margin-bottom:15px;text-decoration:none;color:inherit;transition:transform .2s,background .2s}.game-card:hover{background:#1f2b4a;transform:translateY(-2px)}.game-card h3{margin-bottom:8px;color:#4ecca3}.game-card p{color:#aaa}.chat-lobby{padding-top:20px}.back-link{color:#4ecca3;text-decoration:none;display:inline-block;margin-bottom:20px}.back-link:hover{text-decoration:underline}.chat-lobby h1{margin-bottom:30px;color:#4ecca3}.name-input{background:#16213e;padding:20px;border-radius:10px;margin-bottom:20px}.name-input label{display:block;margin-bottom:10px;color:#4ecca3;font-weight:700}.name-input input{width:100%;padding:12px;font-size:1.1rem;background:#1a1a2e;border:2px solid #333;border-radius:8px;color:#fff}.name-input input:focus{outline:none;border-color:#4ecca3}.lobby-options{display:grid;gap:20px}.option-card{background:#16213e;padding:25px;border-radius:10px}.option-card h2{margin-bottom:10px;color:#4ecca3}.option-card p{color:#aaa;margin-bottom:15px}.option-card input{width:100%;padding:12px;font-size:1.5rem;text-align:center;letter-spacing:8px;background:#1a1a2e;border:2px solid #333;border-radius:8px;color:#fff;margin-bottom:15px}.option-card input:focus{outline:none;border-color:#4ecca3}.option-card button{width:100%;padding:12px 24px;font-size:1rem;background:#4ecca3;color:#1a1a2e;border:none;border-radius:8px;cursor:pointer;font-weight:700}.option-card button:hover{background:#3db892}.error{color:#ff6b6b;margin-top:10px}.chat-room{display:flex;flex-direction:column;height:calc(100vh - 40px)}.room-header{padding:15px 0;border-bottom:1px solid #333;margin-bottom:15px}.room-header h1{color:#4ecca3;font-size:1.5rem}.room-header p{color:#888;font-size:.9rem}.messages{flex:1;overflow-y:auto;padding:10px 0}.message{padding:8px 12px;margin-bottom:8px;border-radius:8px;background:#16213e}.message.own{background:#1f4a3a}.message.system{background:transparent;color:#888;font-style:italic;text-align:center}.message .sender{color:#4ecca3;margin-right:8px;font-weight:700}.message-input{display:flex;gap:10px;padding-top:15px}.message-input input{flex:1;padding:12px;font-size:1rem;background:#16213e;border:2px solid #333;border-radius:8px;color:#fff}.message-input input:focus{outline:none;border-color:#4ecca3}.message-input button{padding:12px 24px;background:#4ecca3;color:#1a1a2e;border:none;border-radius:8px;cursor:pointer;font-weight:700}.message-input button:hover{background:#3db892}