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}body{background-color:#f0f2f5;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}.app-container{margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.room-controls{align-items:center;display:flex;flex-direction:column;gap:20px;height:80vh;justify-content:center;text-align:center}.room-controls h1{color:#333;font-size:3rem;font-weight:700;margin-bottom:10px}.input-group{display:flex;flex-direction:column;gap:15px;max-width:400px;width:100%}.room-input{border:2px solid #ddd;border-radius:8px;font-size:1rem;padding:15px;transition:border-color .3s;width:100%}.room-input:focus{border-color:#4a90e2;outline:none}.button-group{display:flex;gap:10px;width:100%}.create-button,.join-button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:12px 20px;transition:background-color .3s,transform .2s}.create-button{background-color:#4a90e2;color:#fff}.join-button{background-color:#5cb85c;color:#fff}.create-button:hover,.join-button:hover{transform:translateY(-2px)}.create-button:active,.join-button:active{transform:translateY(0)}.connection-status{font-size:.9rem;margin-top:20px}.connected{color:#5cb85c}.disconnected{color:#d9534f}.game-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:250px 1fr 300px;height:calc(100vh - 80px);max-height:800px}.game-info{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;overflow-y:auto;padding:15px}.room-id{border-bottom:1px solid #eee;font-size:1.3rem;margin:0 0 15px;padding-bottom:10px}.players-list{margin-bottom:20px}.players-list h3{font-size:1.2rem;margin:0 0 10px}.players-list ul{list-style-type:none;margin:0;padding:0}.players-list li{align-items:center;background-color:#f8f9fa;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:5px;padding:8px 10px}.current-player{background-color:#e8f4ff!important;font-weight:600}.score{color:#4a90e2;font-size:.95rem;font-weight:600;position:relative}.game-controls{display:flex;flex-direction:column;gap:10px;margin-top:auto}.become-drawer-button,.reset-button{border:none;border-radius:6px;cursor:pointer;font-weight:600;padding:10px 15px;transition:background-color .3s}.become-drawer-button{background-color:#4a90e2;color:#fff}.reset-button{background-color:#f8f9fa;color:#333}.become-drawer-button:hover{background-color:#3a80d2}.reset-button:hover{background-color:#e9ecef}.current-word{background-color:#e8f4ff;border-radius:6px;margin-top:20px;padding:12px;text-align:center}.current-word strong{color:#4a90e2;font-size:1.1rem}.canvas-container{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;overflow:hidden}.drawing-canvas{background-color:#fff;cursor:crosshair;flex:1 1}.drawing-controls{background-color:#f8f9fa;border-top:1px solid #eee;display:flex;gap:10px;padding:10px}.color-picker input{border:2px solid #ddd;border-radius:4px;cursor:pointer;height:40px;padding:0;width:40px}.clear-button{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-left:auto;padding:8px 16px;transition:background-color .2s}.clear-button:hover{background-color:#d32f2f}.chat-container{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;overflow:hidden}.messages{display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding:10px}.message{word-wrap:break-word;border-radius:6px;max-width:90%;padding:8px 12px}.message.system{align-self:center;background-color:#f8f9fa;color:#6c757d;font-size:.9rem;font-style:italic;max-width:100%}.message.guess{align-self:flex-start;background-color:#f0f2f5}.message.correct{align-self:center;animation:highlightMessage 1s ease-in-out;background-color:#d4edda;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#155724;font-weight:600;padding:10px 15px}@keyframes highlightMessage{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.message.correct .message-text{align-items:center;display:flex;justify-content:center}.player-name{font-weight:600;margin-right:6px}.guess-form{background-color:#f8f9fa;border-top:1px solid #eee;display:flex;gap:10px;padding:10px}.guess-form input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:.9rem;padding:10px}.guess-form button{background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:background-color .2s}.guess-form button:hover{background-color:#3a80d2}.guess-form button:disabled{background-color:#ccc;cursor:not-allowed}.error-message,.game-message{animation:fadeInOut 5s ease-in-out;border-radius:8px;box-shadow:0 2px 10px #0003;color:#fff;font-weight:500;left:50%;padding:12px 20px;position:fixed;top:20px;transform:translateX(-50%);z-index:1000}.game-message{background-color:#4a90e2}.error-message{background-color:#f44336}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-20px)}10%{opacity:1;transform:translate(-50%)}90%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-20px)}}@media (max-width:1000px){.game-container{grid-template-columns:200px 1fr 250px}}@media (max-width:850px){.game-container{gap:15px;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;height:auto}.canvas-container{height:0;padding-bottom:75%;position:relative;width:100%}.drawing-canvas{height:100%;left:0;position:absolute;top:0;width:100%}.chat-container{height:300px}}.slack-error{background-color:#fff8dc;border:1px solid #ffe4b5;border-radius:5px;margin-bottom:20px;padding:15px}.slack-error h3{color:#ff6b6b;margin-top:0}.slack-info{background-color:#f0f8ff;border:1px solid #add8e6;border-radius:5px;margin-top:15px;padding:10px}.slack-info p{font-size:14px;margin:5px 0}.admin-info{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;font-size:14px;margin-top:15px;padding:10px}.auth-failed,.session-expired{animation:none;background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Oxygen,Ubuntu,sans-serif;margin:120px auto;max-width:450px;overflow:hidden;padding:0;position:static;text-align:center;transform:none}.auth-failed .error-header,.session-expired .error-header{background-color:#e01e5a;color:#fff;padding:20px;position:relative}.auth-failed .error-header h3,.session-expired .error-header h3{font-size:1.5rem;font-weight:600;margin:0}.auth-failed .error-content,.session-expired .error-content{background-color:#fff;padding:30px 25px}.auth-failed p,.session-expired p{color:#1d1c1d;font-size:1.1rem;line-height:1.5;margin:0 0 20px}.redirect-button{align-items:center;background-color:#4a154b;border:none;border-radius:4px;box-shadow:0 2px 8px #0000001a;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;justify-content:center;margin-top:10px;padding:12px 24px;transition:all .2s ease}.redirect-button:hover{background-color:#611f69;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.redirect-button:active{transform:translateY(0)}.redirect-button:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M6 15a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm0-6a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm6 6a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm0-6a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm6 6a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm0-6a2 2 0 1 1 0-4 2 2 0 0 1 0 4z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;content:"";display:inline-block;height:18px;margin-right:8px;width:18px}@media (max-width:500px){.auth-failed,.session-expired{margin:60px 20px;max-width:none}}.config-panel{background-color:#f5f5f5;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:10px 0;padding:10px}.config-panel h3{color:#333;font-size:18px;margin-bottom:10px;margin-top:0}.config-option{display:flex;flex-direction:column;margin-bottom:10px}.config-option label{font-size:14px;font-weight:700;margin-bottom:5px}.config-option select{background-color:#fff;border:1px solid #ccc;border-radius:4px;font-size:14px;padding:8px}.start-game-button,.update-config-button{border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;margin-top:10px;padding:10px 15px;transition:background-color .3s,transform .2s;width:100%}.update-config-button{background-color:#4a6fa5}.start-game-button{background-color:#5cb85c;font-size:16px}.update-config-button:hover{background-color:#385a8a}.start-game-button:hover{background-color:#4cae4c;transform:translateY(-2px)}.start-game-button:active{transform:translateY(0)}.game-timer{background-color:#f5f5f5;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:10px 0;padding:10px;text-align:center;transition:background-color .3s ease}.game-timer h3{color:#333;font-size:16px;margin-bottom:5px;margin-top:0}.timer-value{color:#333;font-size:28px;font-weight:700;position:relative}.timer-value:after{bottom:3px;content:"s";font-size:16px;margin-left:2px;position:absolute}.game-timer.urgent{animation:pulse 1s infinite alternate;background-color:#ffebee}.game-timer.urgent .timer-value{animation:urgentPulse 1s infinite alternate;color:#d32f2f}@keyframes pulse{0%{background-color:#ffebee}to{background-color:#ffcdd2}}@keyframes urgentPulse{0%{transform:scale(1)}to{transform:scale(1.1)}}.round-info{background-color:#f5f5f5;border-radius:8px;margin:10px 0;padding:10px;text-align:center}.round-info h3{color:#333;font-size:16px;margin-bottom:5px;margin-top:0}.round-info p{font-size:14px;margin:5px 0}.current-player{color:#2196f3;font-weight:700}.become-drawer-button,.reset-button{margin-top:8px;width:100%}.reset-button+.reset-button{margin-top:8px}.slack-only-message{align-items:center;display:flex;flex-direction:column;gap:20px;height:80vh;justify-content:center;text-align:center}.slack-only-message h1{color:#333;font-size:3rem;font-weight:700;margin-bottom:10px}.message-container{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;max-width:500px;padding:30px;width:100%}.message-container h2{color:#333;margin-bottom:15px;margin-top:0}.message-container p{color:#666;line-height:1.5;margin-bottom:20px}
/*# sourceMappingURL=main.99960e6a.css.map*/