#app{font-family:Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin:0;padding:0;height:100vh}.login-container[data-v-ffb87b22]{height:100vh;display:flex;justify-content:center;align-items:center;background:url(/img/background.4c7ebefd.jpg) no-repeat 50%;background-size:cover}.login-box[data-v-ffb87b22]{background:hsla(0,0%,100%,.9);padding:2rem;border-radius:8px;box-shadow:0 0 20px rgba(0,0,0,.2);width:300px}.login-box h2[data-v-ffb87b22]{color:#2c3e50;margin-bottom:2rem}.form-group[data-v-ffb87b22]{margin-bottom:1rem}.form-group input[data-v-ffb87b22]{width:100%;padding:.8rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.form-group input[data-v-ffb87b22]:focus{outline:none;border-color:#42b983}.login-btn[data-v-ffb87b22]{width:100%;padding:.8rem;background:#42b983;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background .3s}.login-btn[data-v-ffb87b22]:hover{background:#3aa876}.links[data-v-ffb87b22]{margin-top:1rem}.links a[data-v-ffb87b22]{color:#42b983;text-decoration:none}.links a[data-v-ffb87b22]:hover{text-decoration:underline}.register-container[data-v-71f28e23]{height:100vh;display:flex;justify-content:center;align-items:center;background:url(/img/background.4c7ebefd.jpg) no-repeat 50%;background-size:cover}.register-box[data-v-71f28e23]{background:hsla(0,0%,100%,.9);padding:2rem;border-radius:8px;box-shadow:0 0 20px rgba(0,0,0,.2);width:300px}.game-container[data-v-5547284c]{width:100%;height:100vh;display:flex;flex-direction:column;background-color:#f0f0f0;overflow:hidden}.room-selection[data-v-5547284c]{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}.room-selection h2[data-v-5547284c]{color:#2c3e50;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.room-selection .room-buttons[data-v-5547284c]{display:flex;flex-direction:column;gap:1rem;width:300px}.room-selection button[data-v-5547284c]{padding:.8rem 1.5rem;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:all .3s ease}.room-selection button.create-btn[data-v-5547284c]{background-color:#4caf50;color:#fff}.room-selection button.create-btn[data-v-5547284c]:hover{background-color:#45a049}.room-selection button.join-btn[data-v-5547284c]{background-color:#2196f3;color:#fff}.room-selection button.join-btn[data-v-5547284c]:hover{background-color:#1e88e5}.room-selection .join-room[data-v-5547284c]{display:flex;gap:.5rem}.room-selection .join-room input[data-v-5547284c]{flex:1;padding:.8rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.room-selection .join-room input[data-v-5547284c]:focus{outline:none;border-color:#2196f3}.game-content[data-v-5547284c]{flex:1;display:flex;flex-direction:column;position:relative}.game-header[data-v-5547284c]{padding:.5rem 1rem;display:flex;justify-content:space-between;align-items:center;background-color:rgba(76,175,80,.9);color:#fff;z-index:10}.game-header .room-info[data-v-5547284c]{min-width:200px;display:flex;gap:1rem}.game-header .room-info .timer[data-v-5547284c]{margin-left:1rem}.game-header .player-info[data-v-5547284c]{display:flex;gap:2rem;flex-wrap:nowrap;white-space:nowrap}.logout-btn[data-v-5547284c]{padding:.5rem 1rem;background-color:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.logout-btn[data-v-5547284c]:hover{background-color:#d32f2f}#game-canvas[data-v-5547284c]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}#game-canvas canvas[data-v-5547284c]{width:100%;height:100%}.waiting-screen[data-v-5547284c]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:hsla(0,0%,100%,.9);padding:2rem;border-radius:8px;text-align:center;box-shadow:0 4px 6px rgba(0,0,0,.1)}.waiting-screen h3[data-v-5547284c]{color:#2c3e50;margin-bottom:1rem}.waiting-screen p[data-v-5547284c]{color:#666}.room-list[data-v-5547284c]{margin-bottom:2rem;width:100%;max-width:500px}.room-list .room-item[data-v-5547284c]{display:flex;justify-content:space-between;align-items:center;padding:1rem;margin:.5rem 0;background-color:#fff;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.room-list .room-item button[data-v-5547284c]{padding:.5rem 1rem;background-color:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer}.room-list .room-item button[data-v-5547284c]:disabled{background-color:#ccc;cursor:not-allowed}.role-selection[data-v-5547284c]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:hsla(0,0%,100%,.9);padding:2rem;border-radius:8px;text-align:center;box-shadow:0 4px 6px rgba(0,0,0,.1);z-index:1000}.role-selection button[data-v-5547284c]{margin:1rem;padding:.8rem 1.5rem;font-size:1rem}.room-items[data-v-5547284c]{overflow:scroll;width:500px;height:140px}