@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap";@import"https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css";@import"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Strait&display=swap";@import"https://fonts.googleapis.com/css2?family=Rubik+Mono+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{overflow:hidden}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,button,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,input,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}ol,ul{list-style:none}button{cursor:pointer;border:none}@font-face{font-family:Gilroy;src:url(/fonts/Gilroy-BlackItalic.woff2) format("woff2"),url(/fonts/Gilroy-BlackItalic.woff) format("woff");font-weight:900;font-style:italic;font-display:swap}@font-face{font-family:Gilroy;src:url(/fonts/Gilroy-Black.woff2) format("woff2"),url(/fonts/Gilroy-Black.woff) format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Gilroy;src:url(/fonts/Gilroy-Bold.woff2) format("woff2"),url(/fonts/Gilroy-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Gilroy;src:url(/fonts/Gilroy-ExtraBoldItalic.woff2) format("woff2"),url(/fonts/Gilroy-ExtraBoldItalic.woff) format("woff");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Gilroy;src:url(/fonts/Gilroy-ExtraBold.woff2) format("woff2"),url(/fonts/Gilroy-ExtraBold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Gilroy;src:url(/fonts/Gilroy-BoldItalic.woff2) format("woff2"),url(/fonts/Gilroy-BoldItalic.woff) format("woff");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Gilroy;src:url(/fonts/Gilroy-LightItalic.woff2) format("woff2"),url(/fonts/Gilroy-LightItalic.woff) format("woff");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:Gilroy;src:url(/fonts/Gilroy-Medium.woff2) format("woff2"),url(/fonts/Gilroy-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Gilroy;src:url(/fonts/Gilroy-Heavy.woff2) format("woff2"),url(/fonts/Gilroy-Heavy.woff) format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Gilroy;src:url(/fonts/Gilroy-HeavyItalic.woff2) format("woff2"),url(/fonts/Gilroy-HeavyItalic.woff) format("woff");font-weight:900;font-style:italic;font-display:swap}@font-face{font-family:Gilroy;src:url(/fonts/Gilroy-Light.woff2) format("woff2"),url(/fonts/Gilroy-Light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Gilroy;src:url(/fonts/Gilroy-SemiBoldItalic.woff2) format("woff2"),url(/fonts/Gilroy-SemiBoldItalic.woff) format("woff");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:Gilroy-RegularItalic;src:url(/fonts/Gilroy-RegularItalic.woff2) format("woff2"),url(/fonts/Gilroy-RegularItalic.woff) format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Gilroy;src:url(/fonts/Gilroy-SemiBold.woff2) format("woff2"),url(/fonts/Gilroy-SemiBold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Gilroy;src:url(/fonts/Gilroy-MediumItalic.woff2) format("woff2"),url(/fonts/Gilroy-MediumItalic.woff) format("woff");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Gilroy;src:url(/fonts/Gilroy-Regular.woff2) format("woff2"),url(/fonts/Gilroy-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Gilroy;src:url(/fonts/Gilroy-ThinItalic.woff2) format("woff2"),url(/fonts/Gilroy-ThinItalic.woff) format("woff");font-weight:100;font-style:italic;font-display:swap}@font-face{font-family:Gilroy;src:url(/fonts/Gilroy-UltraLightItalic.woff2) format("woff2"),url(/fonts/Gilroy-UltraLightItalic.woff) format("woff");font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:Gilroy;src:url(/fonts/Gilroy-Thin.woff2) format("woff2"),url(/fonts/Gilroy-Thin.woff) format("woff");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:Gilroy;src:url(/fonts/Gilroy-UltraLight.woff2) format("woff2"),url(/fonts/Gilroy-UltraLight.woff) format("woff");font-weight:200;font-style:normal;font-display:swap}:root{--primary-color: #007bff;--secondary-color: #4CAF50;--listening-color: #d93025;--light-gray: #f0f2f5;--bubble-user: #0084ff;--bubble-user-text: #fff;--bubble-gemini: #e4e6eb;--bubble-gemini-text: #050505}body{font-family:Manrope,sans-serif}.aichatarea{width:22%;top:18%;position:fixed;left:16px;display:none;z-index:6546584685}@media (max-width: 768px){.aichatarea{width:92%;top:10%;position:fixed;left:16px;display:none;z-index:6546584685}#messages{height:350px}}.chat-header{display:flex;align-items:center;padding:10px 15px;border-bottom:1px solid #ddd;background:#fff}.chat-header .user-info{flex-grow:1}.chat-header .user-info h3{margin:0;font-size:1.1rem}.chat-header .user-info p{margin:0;font-size:.8rem;color:#65676b}.aimessagearea{list-style-type:none;margin:0;padding:1rem;flex-grow:1;overflow-y:auto;height:500px;background-color:#fff}.aimessagearea li{display:table;padding:.6rem 1rem;margin-bottom:.75rem;border-radius:18px;max-width:80%;line-height:1.4}.user-message{background-color:var(--bubble-user);color:var(--bubble-user-text);margin-left:auto}.gemini-message{background-color:var(--bubble-gemini);color:var(--bubble-gemini-text);margin-right:auto}.close-button{display:flex;right:14px;position:absolute;top:7px;font-family:cursive}.error-message{background:#ffebee;color:#c62828;font-weight:700;margin-right:auto}.chat-controls{background:#fff;padding:1rem;display:flex;align-items:center;justify-content:center;border-top:1px solid #ddd}.mic-btn-enable{width:56px;height:56px;border-radius:50%;border:none;background-color:#65676b!important;pointer-events:none!important;display:flex;align-items:center;justify-content:center;padding:0;transition:all .3s}.mic-btn-enable svg{width:28px;height:28px;fill:#fff}.mic-btn{width:56px;height:56px;border-radius:50%;border:none;background-color:var(--primary-color);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .3s}.mic-btn svg{width:28px;height:28px;fill:#fff}.mic-btn.listening{background-color:var(--listening-color);animation:pulse 1.5s infinite}.mic-btn:disabled{background-color:#aaa;cursor:not-allowed}#start-conversation-btn,#mic-btn{width:56px;height:56px;border-radius:50%;border:none;background-color:var(--primary-color);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .3s}#mic-btn.listening{background-color:var(--listening-color);animation:pulse 1.5s infinite}@keyframes pulse{0%{box-shadow:0 0 #d93025b3}70%{box-shadow:0 0 0 12px #d9302500}to{box-shadow:0 0 #d9302500}}.interim-user-message{opacity:.6;font-style:italic}#start-conversation-btn{width:120px;height:56px;border-radius:20px;border:none;background-color:#4caf50;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .3s;color:#fff}#mic-btn{width:56px;height:56px;border-radius:50%;border:none;background-color:#4caf50;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .3s}#start-conversation-btn svg,#mic-btn svg{width:28px;height:28px;fill:#fff}#start-conversation-btn:disabled,#mic-btn:disabled{background-color:#aaa;cursor:not-allowed}.message-input-wrapper,#chat-message-button,.form,.avatar-img-wrapper,.character-select-title,.name-form,.description,.welcome-title,.progress-wrapper,.preloader-progress,.preloader-wrapper,.preloader-title,.preloader{display:flex;justify-content:center;align-items:center}.preloader{height:100%;width:100%;left:0;top:0;position:absolute}.percent,.preloader-title{font-weight:300;font-size:16px}.hidden{display:none}.preloader{background:#fffefe;z-index:9999999999999;width:100vw;height:100vh;touch-action:none;overflow:hidden}.preloader-title{color:#535353;position:absolute;bottom:14%;width:250px}.preloader-wrapper{flex-direction:column;gap:48px}.preloader-progress{flex-direction:column;position:absolute;bottom:10%}.progress-wrapper{position:absolute;bottom:17%}.preloader-wrapper{padding-bottom:120px;position:relative}.preloader-percentage1{text-align:right}.symbol{position:absolute;right:-11px}.percent{width:16px;color:#535353}.progress-bar-container{width:300px;height:2px;background-color:#c7c7c7;border-radius:7px;position:absolute;top:50%}.progress-bar{width:0%;height:2px;background-color:#1e407c;border-radius:7px}.svgLogo{position:absolute;top:-100%}.fade-in-out{animation:fade-in-out 2s ease-in-out infinite}@keyframes fade-in-out{0%{opacity:.35}50%{opacity:1}to{opacity:.35}}.welcome-title{font-size:48px;opacity:0;color:#36c;font-weight:200;position:absolute;top:35%;left:50%;width:100%;transform:translate(-50%,-50%);letter-spacing:2px}@media (max-width: 514px){.welcome-title{font-size:28px}}.description{font-size:12px;color:#36c;font-weight:300;position:absolute;bottom:30%;width:500px;left:50%;transform:translate(-50%,-50%);letter-spacing:2px}.name-form{position:absolute;top:46%;left:50%;width:500px;opacity:0;transform:translate(-50%,-50%)}#name-input{font-size:18px;border:none;width:400px;color:#36c;border-bottom:1px solid #3366cc;outline:none;background-color:transparent}@media (max-width: 514px){#name-input{width:250px;font-size:16px}}#name-input::placeholder{color:#69f;opacity:.5}#name-input:focus{border-bottom:1px solid #1e407c}#name-input-button{color:#1e407c;outline:1px solid #1e407c;background-color:transparent;position:absolute;width:100px;height:30px;bottom:42%;font-size:14px;text-transform:uppercase;opacity:0;transition:background-color .2s ease-in-out,color .2s ease-in-out,letter-spacing .2s ease-in-out}#name-input-button:hover{background-color:#1e407c;color:#fff;outline:1px solid #1e407c;letter-spacing:2px;transition:background-color .2s ease-in-out,color .2s ease-in-out,letter-spacing .2s ease-in-out}.character-select-title{font-size:48px;opacity:0;color:#36c;font-weight:200;position:absolute;top:15%;left:50%;width:100%;transform:translate(-50%,-50%);letter-spacing:2px;z-index:-99}@media (max-width: 514px){.character-select-title{font-size:28px}}.avatar-img-wrapper{pointer-events:none;gap:64px;position:absolute;top:45%;left:50%;width:500px;opacity:0;transform:translate(-50%,-50%);z-index:-99}.avatar-img{width:auto;height:200px;cursor:pointer;transition:background-color .2s ease-in-out,color .2s ease-in-out}.avatar-img:hover{background-color:#c7c7c7;transition:background-color .2s ease-in-out,color .2s ease-in-out}.customize-character-btn{position:absolute;bottom:30%;opacity:0;background-color:transparent;z-index:-99}.experience-wrapper{position:absolute;height:100vh;width:100vw;z-index:-1;top:0;left:0;overflow:hidden;touch-action:none}.experience-canvas{height:100%;width:100%;touch-action:none;overflow:hidden;cursor:grab}canvas{overflow:hidden}:root{--pixonom-blue: #2A79A7;--pixonom-dark-blue: #004a77;--pixonom-light-blue-bg: #e0f8f4;--pixonom-red: #E63946;--text-dark: #333}h1{text-align:center}.form-group{margin-bottom:15px}input{width:100%;padding:8px;box-sizing:border-box}button{padding:10px;background-color:#4caf50;color:#fff;border:none;width:120px;cursor:pointer;margin-bottom:10px}.card{height:250px;perspective:1000px;border:none}.topbar{display:flex;justify-content:space-between;position:fixed;width:100%;top:0;padding:8px 27px;background-color:#fff;align-items:center}.useraccountt{pointer-events:fill;color:#1a5e8a}.menu-container{position:relative;display:inline-block}.dropdown-menu{display:none;position:absolute;top:100%;left:0;background-color:#f9f9f9;min-width:160px;border:1px solid #ccc;box-shadow:0 8px 16px #0003;z-index:1}.dropdown-menu a{text-decoration:none;padding:4px;color:#1a5e8a;border-radius:4px}.dropdown-menu a:hover{background-color:#f1f1f1}.menu-container:hover .dropdown-menu{display:flex;flex-wrap:wrap;flex-direction:column}#loader-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#282828e6;display:flex;z-index:9999;transition:opacity .7s ease-out;align-items:center;flex-direction:column;justify-content:center}.loader{border:8px solid #f3f3f3;border-top:8px solid #ff8f00;border-radius:50%;width:60px;height:60px;animation:spin 1.5s linear infinite}.loaingspan{padding-top:15px;color:#ff8f00;font-size:18px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.menu-container>a{text-decoration:none;padding:4px;color:#1a5e8a;border-radius:4px}.menu-container>a:hover{background-color:#dadada}.settingsarea{background-color:#fff;position:fixed;right:20px;top:42px;width:100px;padding:5px;display:flex;align-items:center;justify-content:center;color:#1a5e8a;display:none}.logout{color:#1a5e8a;pointer-events:all}.frame{width:100%;height:600px;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;padding:20px;font-size:14px;border:none}.warning{background-color:#df68a2;padding:3px;border-radius:5px;color:#fff}#leave-btn{background-color:#f44336}.callcontainer{background-color:#4f5966;height:80px;width:100%;position:fixed;bottom:0;display:flex;right:0}.participants{margin-top:20px;border:1px solid #ccc;padding:10px}.side-menu{position:fixed;right:-300px;top:0;width:300px;height:100%;background-color:#f8f9fa;box-shadow:-2px 0 5px #0000001a;transition:right .3s ease-in-out;z-index:1000;overflow-y:auto;padding:20px;box-sizing:border-box}.side-menu.active{right:0}.close-btn{position:absolute;top:10px;right:10px;cursor:pointer;background:none;border:none;font-size:24px}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999;display:none}.open-button{padding:10px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px}.open-button:hover{background-color:#45a049}.card-inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.card:hover .card-inner{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;border-radius:.5rem}.card-front{background-color:var(--pixonom-light-blue-bg);border-radius:15px;color:var(--pixonom-blue)}.card-back{border-radius:15px;color:#fff;transform:rotateY(180deg)}.signup-form-container{background-color:var(--pixonom-light-blue-bg);padding:2rem;border-radius:20px;max-width:450px;width:100%}.iletisim-form-container{background-color:var(--pixonom-light-blue-bg);padding:2rem;border-radius:20px;max-width:80%;width:100%}.signup-form-container h3{color:var(--factory-blue)!important;font-weight:700;font-size:1.2rem;margin-bottom:1.5rem;font-family:Roboto Condensed;font-optical-sizing:auto;font-weight:500}.sign-area{background-color:var(--pixonom-light-blue-bg);padding:2rem;border-radius:20px;max-width:100%;width:100%}.sign-area h3{color:var(--factory-blue)!important;font-weight:700;font-size:1.2rem;margin-bottom:1.5rem;font-family:Roboto Condensed;font-optical-sizing:auto;font-weight:500}.form-label{margin-bottom:.5rem;color:var(--factory-blue)!important;font-family:Roboto Condensed;font-optical-sizing:auto;font-weight:500;padding-bottom:5px}.form-control,.form-select{border-radius:8px;border:1px solid #ced4da;background-color:#fff;font-family:Roboto Condensed}.form-control:focus,.form-select:focus{border-color:var(--factory-blue);box-shadow:0 0 0 .25rem #1a5e8a40}.custom-select-wrapper{position:relative}.custom-select-wrapper .icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:24px;height:24px;pointer-events:none}.input-group-text{background-color:#fff;border-right:0;border-radius:8px 0 0 8px;font-weight:500;font-family:Roboto Condensed}.flag-icon{width:20px;margin-right:.5rem}.btn-giris{background-color:var(--factory-blue);color:#fff;font-weight:700;letter-spacing:2px;padding:.75rem;border-radius:8px;border:none;transition:background-color .2s;font-family:Roboto Condensed}.btn-giris:hover{background-color:#144b6f}:root{--factory-blue: #1A5E8A;--factory-text-blue: #2A79A7;--factory-light-bg: #e0f8f4;--factory-red: #E63946}body{font-family:Roboto Condensed,monospace;padding-top:10%;margin:0 auto}main{flex-grow:1}.logo-wrapper{line-height:1}.factory-logo{font-size:2.2rem;font-weight:700;color:var(--factory-text-blue);text-decoration:none;display:block}.factory-logo.dot{color:var(--factory-red)}.factory-text{font-size:1.2rem;font-weight:700;color:var(--factory-text-blue);letter-spacing:4px}.header-contact a{color:var(--factory-text-blue);text-decoration:none;font-weight:500;font-size:.9rem;margin-left:1.5rem}.header-contact i{font-size:1.1rem;vertical-align:middle}.login-card{background-color:var(--factory-light-bg);padding:2.5rem;border-radius:20px}.login-card label{color:var(--factory-text-blue);font-weight:500;font-size:.9rem;margin-bottom:.5rem}.login-card .form-control{border-radius:8px;border:1px solid #ccc;padding:.75rem 1rem}.login-card .btn-giris{background-color:var(--factory-blue);color:#fff;font-weight:700;letter-spacing:2px;padding:.75rem;border-radius:8px;border:none}.login-card .signup-link{color:var(--factory-text-blue);font-weight:500;font-size:.9rem;font-family:Roboto Condensed}.login-card .signup-link a{color:var(--factory-blue);font-weight:700;text-decoration:none;font-family:Roboto Condensed}footer{background-color:var(--factory-blue);padding:1.5rem 0}footer .factory-logo{color:#fff;font-size:2.5rem}.pixonom-logo{width:220px}.pixonom-logo .dot{color:var(--pixonom-red)}.navbar{background-color:transparent!important}.navbar-nav .nav-link{color:var(--pixonom-blue);font-weight:500}.icon-link{color:var(--pixonom-blue);text-decoration:none;font-weight:500;margin-right:1.5rem}.icon-link i{font-size:1.2rem;vertical-align:middle;margin-right:.3rem}.hero-section h1{color:var(--pixonom-blue);font-weight:700;letter-spacing:2px;font-size:2.5rem}.hero-section h2{color:var(--pixonom-blue);font-weight:700;letter-spacing:1.5px;font-size:1.2rem;margin-top:.5rem}.feature-card{background-color:var(--pixonom-light-blue-bg);border-radius:15px;color:var(--pixonom-blue);font-size:2.3rem;display:flex;align-items:flex-start;justify-content:center;text-align:left;min-height:350px;height:100%;padding:1.5rem;border:none;font-family:Roboto Condensed;font-optical-sizing:auto;font-weight:100}.feature-card-back{background-color:var(--pixonom-light-blue-bg);border-radius:15px;color:#fff;font-size:2.3rem;display:flex;align-items:flex-start;justify-content:center;text-align:left;min-height:350px;height:100%;padding:1.5rem;border:none;font-family:Roboto Condensed;font-optical-sizing:auto;font-weight:100}.info-section h3{color:var(--pixonom-blue);font-weight:700;letter-spacing:1.5px}.info-section p{color:var(--pixonom-dark-blue);font-family:Roboto Condensed,sans-serif;font-optical-sizing:auto;font-size:2rem;line-height:1;font-weight:300}footer{background-color:var(--pixonom-dark-blue)}footer .pixonom-logo{color:#fff}footer .icon-link{color:#fff;font-family:Roboto Condensed,sans-serif;font-optical-sizing:auto;line-height:1;font-weight:100}.page-header h1{color:var(--pixonom-blue);font-weight:700;letter-spacing:2px}.value-card{background-color:var(--pixonom-light-blue-bg);border-radius:15px;color:var(--pixonom-blue);font-weight:700;font-size:1.1rem;display:flex;align-items:center;justify-content:center;text-align:center;min-height:120px;height:100%;padding:1.5rem}.about-section h2{color:var(--pixonom-dark-blue);font-weight:700;font-family:Strait,sans-serif;font-size:3.5rem!important;padding-bottom:10px;display:inline-block}.service-icon-wrapper{width:120px;height:120px;background-color:var(--pixonom-light-blue-bg);border-radius:15px;display:flex;align-items:center;justify-content:center}.languagepicker{background-color:#fff;color:var(--pixonom-light-blue-bg);display:inline-block;padding:0;height:40px;overflow:hidden;transition:all .3s ease;vertical-align:top;float:left;margin-top:7px}.langarea{position:absolute;float:right;right:0;top:9px}.languagepicker:hover{height:61px;display:inline-block}.languagepicker a{color:var(--pixonom-dark-blue)!important;text-decoration:none;cursor:pointer}.languagepicker li{display:block;padding:0 20px;line-height:40px;border-top:1px solid #EEE}.languagepicker li:hover{background-color:#eee}.languagepicker a:first-child li{border:none;background:#FFF!important}.languagepicker li img{margin-right:5px}.large:hover{height:170px;display:inline-block}.service-item .icon{font-size:3.5rem;color:var(--pixonom-blue)}.service-item h3{color:var(--pixonom-dark-blue);font-weight:700;font-family:Strait,sans-serif;font-size:2rem!important}@media (max-width: 768px){.languagepicker{background-color:#fff;display:inline-block;padding:0;height:40px;overflow:hidden;transition:all .3s ease;vertical-align:top;float:left;margin-top:70px}.hero-section h1{font-size:2rem}.hero-section h2{font-size:1rem}}#name-input{position:absolute;z-index:99}.chat-box{position:absolute;bottom:48px;left:48px;width:400px;height:200px;background-color:#303030be;color:#fffefe;z-index:50;font-size:14px;word-wrap:break-word}@media (max-width: 768px){.chat-box{display:none}}.chat-container{width:400px;height:200px;word-wrap:break-word;overflow-y:auto}.form{position:absolute;bottom:0px;flex-direction:row}#chat-message-button{width:50px;height:24px;background-color:transparent;color:#fffefe;position:absolute;right:-10px;z-index:50}.message-input-wrapper{position:absolute;bottom:-24px;left:0px;width:400px}#chat-message-input{width:100%;height:24px;background-color:#303030ce;border:none;color:#fffefe;font:inherit}#chat-message-input:focus{background-color:#303030fd;outline:none}.different-color{color:#c2d6ff}.joystick-area{width:140px;height:140px;position:absolute;left:5%;bottom:5%;background:rgba(252,252,252,.7450980392);z-index:40;border-radius:50%}@media (min-width: 768px){.joystick-area{display:none}}.control-overlay{position:fixed;width:100vw;height:100vh;cursor:grab;overflow:hidden;touch-action:none;z-index:25}