.board{display:grid;grid-template-columns:repeat(3,100px);grid-template-rows:repeat(3,100px);gap:5px;justify-content:center;margin:20px auto;position:relative}.cell{background-color:#eee;font-size:2rem;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:6px;transition:background .2s ease-in}.cell:hover{background-color:#ddd}.filled{cursor:default;background-color:#ccc}.turn-note{position:absolute;top:320px;text-align:center;width:100%;font-size:14px;color:#333}.chat-container{margin-top:30px;text-align:left}.chat-box{height:150px;overflow-y:auto;border:1px solid #ccc;padding:10px;background:#fafafa;border-radius:6px;margin-bottom:10px}.chat-message{margin-bottom:5px;font-size:14px}.chat-input{display:flex;gap:10px}.chat-input input{flex:1;padding:8px}.chat-input button{padding:8px 16px;cursor:pointer}.scoreboard{margin:20px auto;text-align:center;background:#fefefe;padding:10px;border:1px solid #ddd;border-radius:6px}.scores{display:flex;justify-content:center;gap:20px;margin-top:10px}.score{font-size:18px;font-weight:700}.app{max-width:600px;margin:40px auto auto;padding:20px;text-align:center;background:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a}.join-screen{display:flex;flex-direction:column;align-items:center;margin-top:100px}.join-screen input{padding:10px;margin:10px;width:200px}.join-screen button{padding:10px 20px;cursor:pointer}body{font-family:Arial,sans-serif;margin:0;padding:0;background:#f4f4f4}