body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#room-code-container{align-items:center;display:flex;justify-content:center;margin-bottom:20px}#room-code{margin-right:10px}body{align-items:center;background-color:#f5f5f5;color:#333;display:flex;font-family:Roboto,sans-serif;height:100vh;justify-content:center;margin:0}#app{max-width:800px;text-align:center;width:100%}h1{color:tomato;font-size:2.5rem;margin-bottom:1rem}.card{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin-bottom:20px;padding:20px}.btn{background-color:tomato;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin:10px;padding:10px 20px;transition:background-color .3s ease}.btn:hover{background-color:#e5533d}#game{align-items:center;display:flex;flex-direction:column}#game-container{align-items:flex-start;display:flex;gap:40px;justify-content:center}#board{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,100px)}#board,.cell{justify-content:center}.cell{align-items:center;border:1px solid #ccc;border-radius:10px;cursor:pointer;display:flex;font-size:2rem;height:100px;transition:background-color .3s ease,transform .3s ease;width:100px}.cell:hover{background-color:#ffebcd;transform:scale(1.05)}.winning-cell.winner{animation:greenFade .5s ease-in-out forwards;background-color:#70ff70!important}.winning-cell.loser{animation:redFade .5s ease-in-out forwards;background-color:#ff7373!important}@keyframes greenFade{0%{background-color:#fff}to{background-color:green}}@keyframes redFade{0%{background-color:#fff}to{background-color:red}}#status{font-size:1.2rem;margin-top:20px}#loading{align-items:center;color:#666;display:flex;font-size:1rem;justify-content:center}#loading .loader{animation:spin .8s infinite;aspect-ratio:1;border-color:tomato #0000;border-radius:50%;border-style:solid;border-width:4px;margin-right:10px;width:17px}@keyframes spin{to{transform:rotate(.5turn)}}#game-stats{align-items:flex-start;display:flex;flex-direction:column;font-size:1.1rem}#exit-room,#game-stats,#room-code{margin-top:20px}@media (max-width:500px){body{align-items:center;background-color:#f0f0f0;display:flex;font-family:Arial,sans-serif;height:100vh;justify-content:center;margin:50;overflow:hidden}#app{margin:auto;max-width:500px;text-align:center;width:100%}h1{margin-bottom:20px}.card{background:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:20px}h1{color:#007bff}.btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin:10px;padding:10px 20px;transition:background-color .3s}.btn:hover{background-color:#0056b3}#game-container{align-items:center;display:flex;flex-direction:column}#board{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin:20px 0}.cell:hover{background:#e9f5ff;transform:scale(1.05)}#game-info{margin-top:20px}#status{font-size:18px;margin-bottom:10px}#game-stats{display:flex;justify-content:space-around;margin-bottom:20px;width:100%}.loader{animation:spin 2s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:20px;width:20px}#loading{color:#007bff}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#room-code,.btn{margin:10px 0}.btn{width:calc(100% - 40px)}#status{font-size:16px}#game-stats{flex-direction:column}#game-stats div{margin-bottom:5px}}.green-text{color:green}.green-text,.red-text{text-decoration:underline}.red-text{color:red}.emoji-selector-button{background:#fff;border-radius:5px;color:tomato;padding:5px 18px}.emoji-selector{display:contents;margin-top:15px}
/*# sourceMappingURL=main.21c535f9.css.map*/