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{font-family:Arial,Helvetica,sans-serif;margin:0;padding:0}:root{--primary-color:#6200ee;--secondary-color:#03dac5;--text-color:#202124}body{background-color:#6200ee;background-color:var(--primary-color);color:#202124;color:var(--text-color)}a{color:inherit;text-decoration:none}.modal-overlay{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10}.modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 10px #0000004d;max-width:400px;padding:20px;text-align:center;width:90%}.modal-content h2{margin-bottom:20px}.modal-content form div{margin-bottom:15px}.modal-content button{background:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:all .3s ease}.modal-content button:hover{background:#0056b3}. modal-content h3{font-size:1.2rem;margin:20px 0 10px;text-align:center}.google-login{display:flex;justify-content:center;margin-top:20px}.tile{background:#007bff;box-shadow:0 2px 4px #0000001a;font-size:1.2rem;padding:20px;text-align:center;text-decoration:none}.tile:hover{background:#0056b3;transform:translateY(-3px)}.title{font-size:2rem;margin-bottom:20px}.header{margin-bottom:5px}.header,.header-controls{align-items:center;display:flex;flex-direction:column}.header-controls{font-size:1.5vh;gap:.5rem;height:20vh;justify-content:center;width:100%}.header-controls .title{font-size:3vh;margin:2px}.timer{grid-gap:5px 15px;align-items:center;display:grid;gap:5px 15px;grid-template-columns:auto auto;text-align:left}.timer p{margin:0}.timer span{font-weight:700}.title{margin-bottom:10px;text-align:center}.controls{justify-content:center}.controls .button{border-radius:6px;cursor:pointer;font-size:14px;padding:10px 15px}.header-controls .controls{display:flex;gap:10px;margin-top:20px}.header-controls .button{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:700;padding:10px 16px;text-transform:uppercase;transition:background-color .2s ease-in-out}.header-controls .button:hover{background-color:#0056b3}.reset-btn{background-color:#e74c3c}.reset-btn:hover{background-color:#c0392b}.add-time-btn{background-color:#2ecc71}.add-time-btn:hover{background-color:#27ae60}.start-btn{background-color:#34495e}.start-btn:hover{background-color:#2c3e50}.stop-btn{background-color:#f39c12}.stop-btn:hover{background-color:#e67e22}@keyframes pulse{0%{box-shadow:0 0 10px #007bff80;transform:scale(1)}50%{box-shadow:0 0 20px #007bffb3;transform:scale(1.1)}to{box-shadow:0 0 10px #007bff80;transform:scale(1)}}.start-btn.running{animation:pulse 1.5s infinite}@media (max-width:768px){.header-controls{flex-direction:column;gap:20px}.controls .button{font-size:12px;padding:8px 10px}}#chat-interface{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 6px #0000001a;display:flex;flex-direction:column;font-family:Arial,sans-serif;max-width:600px;overflow:hidden;width:100%}#chat-interface h3{background-color:#007bff;color:#fff;font-size:16px;font-weight:700;margin:0;padding:10px 16px;text-align:center}.room-selector{align-items:center;background-color:#f9f9f9;border-bottom:1px solid #e0e0e0;display:flex;padding:10px 16px}.room-selector label{color:#333;font-size:14px;margin-right:8px}.room-selector select{background-color:#fff;border:1px solid #d0d0d0;border-radius:4px;color:#333;flex:1 1;font-size:14px;padding:8px}.chat-messages{background-color:#f1f0f0;flex:1 1;max-height:400px;overflow-y:auto;padding:10px 16px}.chat-message{word-wrap:break-word;align-items:flex-start;background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;color:#333;display:flex;font-size:14px;margin-bottom:10px;padding:8px 12px}.chat-message.me{align-self:flex-end;background-color:#007bff;color:#fff;text-align:right}.chat-message:last-child{margin-bottom:0}.message-input{align-items:center;background-color:#f9f9f9;border-top:1px solid #e0e0e0;display:flex;flex-wrap:wrap;padding:10px 16px}.message-input input{border:1px solid #d0d0d0;border-radius:20px;flex:1 1;font-size:14px;padding:10px 12px}.message-input button{background-color:#007bff;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;margin-left:10px;padding:10px 16px;transition:background-color .2s ease-in-out}.message-input button:hover{background-color:#0056b3}.controls{display:flex;flex-wrap:wrap;gap:10px;justify-content:start;margin-left:10px}.controls button{background-color:#e0e0e0;border:none;border-radius:8px;color:#333;cursor:pointer;flex-shrink:0;font-size:14px;margin:5px 0;padding:8px 12px}.controls button:hover{background-color:#d0d0d0}.flex-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;justify-content:space-between;margin:0;overflow:hidden;padding:0 20px}.flex-container,.header{background-color:#f4f4f4}.header{box-shadow:0 2px 4px #0000001a;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:100}.body-content{padding-top:100px}.hud-page{display:flex;flex-direction:column;gap:2px;height:100vh}.content{display:flex;flex:1 1;gap:10px;width:100%}.content .camera-streams{background-color:#f4f4f4;flex:3 1;overflow:hidden}.content .chat-interface,.content .game-control{background-color:#eaeaea;border-left:2px solid #ccc;flex:1 1;overflow-y:auto;padding:10px}.back-button{margin:10px 0}#camera-frames{background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:0 auto;padding:20px;width:100%}.camera-frame{aspect-ratio:16/9;border-radius:8px;box-shadow:0 2px 5px #0000001a;box-sizing:border-box;flex-basis:calc(33.33% - 40px);flex-grow:1;flex-shrink:1;min-width:600px;overflow:hidden}.camera-frame iframe{border:none;border-radius:8px;height:100%;width:100%}.camera-frame:hover{box-shadow:0 6px 12px #0003;transform:translateY(-5px)}.logout-button{background-color:#ff4d4f;border:none;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:20px;padding:12px 20px;transition:transform .2s ease,background-color .2s ease}.logout-button:hover{background-color:#ff7875;transform:translateY(-2px)}.logout-button:focus{box-shadow:0 0 0 4px #ff4d4f4d;outline:none}.tiles{flex-wrap:wrap;gap:20px;margin-bottom:20px}.tile,.tiles{display:flex;justify-content:center}.tile{align-items:center;background-color:#007bff;border-radius:8px;color:#fff;cursor:pointer;height:100px;transition:all .3s ease;width:150px}.tile:hover{box-shadow:0 4px 10px #0003;transform:translateY(-5px)}#camera-frames{max-height:70vh;overflow-y:auto}@media (max-width:1200px){.camera-frame{align-items:center;flex-basis:calc(50% - 20px);flex-direction:column;flex-grow:1;flex-shrink:1}}@media (max-width:768px){.camera-frame{align-items:center;flex:1 1 100%;flex-direction:column}}
/*# sourceMappingURL=main.1ed4c413.css.map*/