*,:after,:before{box-sizing:border-box}*{margin:0}body{-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}#__next,#root{isolation:isolate}.min-h-screen{min-height:100vh}.h-screen{height:100vh}.h-full{height:100%}.w-full{width:100%}.max-w-xs{max-width:20rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.flex{display:flex}.flex-1{flex:1 1}.flex-col{flex-direction:column}.flex-row-reverse{flex-direction:row-reverse}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.m-2{margin:.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-2{margin-top:.5rem}.mt-8{margin-top:2rem}.mx-auto{margin-left:auto;margin-right:auto}.mx-4{margin-left:1rem;margin-right:1rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-y-4>*+*{margin-top:1rem}.bg-white{background-color:#fff}.bg-gray-50{background-color:#f9fafb}.bg-gray-100{background-color:#f3f4f6}.bg-gray-300{background-color:#d1d5db}.bg-red-50{background-color:#fef2f2}.bg-red-100{background-color:#fee2e2}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-800{color:#1f2937}.text-gray-900{color:#111827}.text-white{color:#fff}.text-red-700{color:#b91c1c}.text-blue-600{color:#2563eb}.text-violet-600{color:#7c3aed}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem}.text-lg,.text-xl{line-height:1.75rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-sans{font-family:ui-sans-serif,system-ui}.text-center{text-align:center}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-b{border-bottom-width:1px}.border-l-4{border-left-width:4px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-gray-200{border-color:#e5e7eb}.border-gray-300{border-color:#d1d5db}.border-gray-400{border-color:#9ca3af}.border-red-400{border-color:#f87171}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-full{border-radius:9999px}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.overflow-y-auto{overflow-y:auto}.overflow-wrap{overflow-wrap:break-word}.resize-none{resize:none}.duration-150{transition-duration:.15s}.hover\:bg-gray-50:hover{background-color:#f9fafb}.hover\:bg-red-50:hover{background-color:#fef2f2}.hover\:text-red-600:hover{color:#dc2626}.hover\:border-gray-400:hover{border-color:#9ca3af}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring-2:focus,.focus\:ring-blue-500:focus{box-shadow:0 0 0 2px #3b82f680}.focus\:border-transparent:focus{border-color:#0000}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.fixed{position:fixed}.inset-0{bottom:0;left:0;right:0;top:0}.z-50{z-index:50}.whitespace-pre-wrap{white-space:pre-wrap}.hidden{display:none}@media (min-width:1024px){.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none!important}}.w-2{width:.5rem}.w-4{width:1rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-12{width:3rem}.w-16{width:4rem}.w-80{width:20rem}.h-2{height:.5rem}.h-4{height:1rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-12{height:3rem}.h-16{height:4rem}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;color:#fff;padding:20px}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.chat-container{-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}.message-container{word-wrap:break-word;max-width:100%;overflow-wrap:break-word}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.focus-ring:focus{border-color:#0000;outline:2px solid #3794aa;outline-offset:2px}.rating-button:hover,.timing-button:hover{transform:scale(1.05)}img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.critical-image{font-display:swap}picture img{transition:opacity .3s ease-in-out}img[loading=lazy]{animation:fadeIn .3s ease-in-out forwards;opacity:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.typing-indicator{animation:fadeInOut .5s ease-in-out}.typing-dots{align-items:center;display:flex;gap:4px}.typing-dot{animation:bounce 1.4s ease-in-out infinite both;background-color:#9ca3af;border-radius:50%;height:8px;width:8px}.typing-indicator .flex-row-reverse .typing-dot{background-color:#3794aa}.typing-dot:first-child{animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}.typing-dot:nth-child(3){animation-delay:0s}@keyframes bounce{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}@keyframes fadeInOut{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.role-modal-enter{animation:modalSlideIn .4s ease-out}@media (max-width:1023px){.mobile-chat-container{height:100vh;height:100dvh;position:relative}.message-input-textarea{font-size:16px;max-height:100px;resize:none}.mobile-messages-area{-webkit-overflow-scrolling:touch;flex:1 1;margin-bottom:env(keyboard-inset-height,0);min-height:0;overflow-y:auto;padding-bottom:env(keyboard-inset-height,0)}.mobile-input-area{background:#fff;border-top:2px solid #e5e7eb;bottom:0;bottom:env(keyboard-inset-height,0);flex-shrink:0;position:sticky;z-index:10}.chat-main-mobile{display:flex;flex-direction:column;height:100%;min-height:0}.mobile-messages-container{padding:1rem 1rem 2rem}.rating-button{box-sizing:border-box;flex-shrink:0;font-size:.7rem!important;height:28px!important;margin:0!important;min-height:28px!important;min-width:28px!important;padding:0!important;width:28px!important}.rating-modal{box-sizing:border-box!important;margin:.5rem!important;max-height:90vh!important;max-width:none!important;overflow-y:auto!important;padding:1rem!important;width:calc(100% - 1rem)!important}.rating-button-container{box-sizing:border-box;flex-wrap:nowrap!important;gap:1px!important;justify-content:space-between;max-width:100%;overflow:hidden;padding:.5rem 0;width:100%}.timing-button{font-size:.7rem!important;min-height:40px!important;padding:.5rem .75rem!important}.modal-overlay{align-items:center!important;padding:1rem .5rem!important}.rating-modal textarea{font-size:16px!important;max-height:120px!important;min-height:80px!important}.sidebar-container{display:none!important}.chat-main-mobile{flex:1 1!important;width:100%!important}.mobile-world-dropdown{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;border:2px solid #d1d5db!important;border-radius:8px!important;font-size:20px!important;min-width:150px;outline:none;padding-right:32px!important;transition:border-color .15s ease-in-out}.mobile-world-dropdown:focus{border-color:#3794aa!important;box-shadow:0 0 0 3px #3794aa1a!important}.mobile-world-dropdown:disabled{cursor:not-allowed;opacity:.6}.desktop-room-title{display:none!important}}@media (min-width:1024px){.mobile-hamburger-btn{display:none!important;left:-9999px!important;position:absolute!important;visibility:hidden!important}.desktop-room-title{display:block!important}.lg\\:hidden{display:none!important;left:-9999px!important;position:absolute!important;visibility:hidden!important;z-index:-1!important}.rating-modal{box-sizing:border-box!important;margin:1rem!important;max-height:85vh!important;max-width:600px!important;overflow-y:auto!important;padding:2rem!important;width:auto!important}.rating-button{box-sizing:border-box;flex-shrink:0;font-size:.875rem!important;font-weight:600!important;height:32px!important;min-height:32px!important;min-width:32px!important;width:32px!important}.rating-button-container{box-sizing:border-box;flex-wrap:nowrap!important;gap:2px!important;justify-content:space-between;overflow:hidden;padding:.75rem 0!important}.timing-button{font-size:.875rem!important;min-height:44px!important;padding:.75rem 1.25rem!important}.modal-overlay{align-items:center!important;padding:1rem!important}}@media (min-width:768px) and (max-width:1023px){.rating-modal{box-sizing:border-box!important;margin:1rem!important;max-height:90vh!important;max-width:500px!important;overflow-y:auto!important;padding:1.5rem!important}.rating-button{box-sizing:border-box;flex-shrink:0;font-size:.8125rem!important;font-weight:500!important;height:30px!important;min-height:30px!important;min-width:30px!important;width:30px!important}.rating-button-container{box-sizing:border-box;flex-wrap:nowrap!important;gap:2px!important;justify-content:space-between;overflow:hidden;padding:.625rem 0!important}.timing-button{font-size:.8125rem!important;min-height:42px!important;padding:.625rem 1rem!important}}@media (min-width:1440px){.rating-modal{box-sizing:border-box!important;max-height:85vh!important;max-width:700px!important;overflow-y:auto!important;padding:2.5rem!important}.rating-button{box-sizing:border-box;flex-shrink:0;font-size:.9375rem!important;height:36px!important;min-height:36px!important;min-width:36px!important;width:36px!important}.rating-button-container{box-sizing:border-box;flex-wrap:nowrap!important;gap:3px!important;justify-content:space-between;overflow:hidden;padding:1rem 0!important}.timing-button{font-size:.9375rem!important;min-height:48px!important;padding:1rem 1.5rem!important}}.sidebar-container{backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);background-color:#f8fafc!important}.sidebar-scrollable{background-color:initial;overflow-x:hidden;scrollbar-color:#cbd5e1 #0000;scrollbar-width:thin}.sidebar-scrollable::-webkit-scrollbar{width:6px}.sidebar-scrollable::-webkit-scrollbar-track{background:#0000}.sidebar-scrollable::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:3px}.sidebar-scrollable::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}.password-screen-container{background-color:initial!important;border-radius:.75rem;overflow:hidden}.password-screen-image{border-radius:.75rem;clip-path:inset(0 round .75rem);-webkit-mask:radial-gradient(circle at center,#000 100%,#0000 0);mask:radial-gradient(circle at center,#000 100%,#0000 0);overflow:hidden}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}*,.btn,.btn:hover,.button,.button:hover,.form-control,.form-input,.shadow,.shadow-2xl,.shadow-inner,.shadow-lg,.shadow-md,.shadow-none,.shadow-outline,.shadow-sm,.shadow-xl,.shadow:hover,:active,:after,:before,:focus,:hover,:hover:after,:hover:before,:visited,[class*=btn],[class*=btn]:hover,[class*=button],[class*=shadow],[class*=shadow]:hover,a,button,button:hover,div,input,input:hover,select,select:hover,span,textarea,textarea:hover{box-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;filter:none!important;-webkit-filter:none!important}.btn:focus,.button:focus,.shadow:focus,:focus,:focus:after,:focus:before,[class*=btn]:focus,[class*=shadow]:focus,button:focus,input:focus,select:focus,textarea:focus{box-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;filter:none!important;-webkit-filter:none!important;outline:2px solid #3794aa!important}.MuiButton-root,.MuiTextField-root,.ant-btn,.ant-input,.btn:active,.button:active,.react-select__control,.react-select__control--is-focused,.react-select__control:hover,.rounded,.rounded-lg,.rounded-xl,.shadow:active,:active,:active:after,:active:before,[class*=btn]:active,[class*=shadow],[class*=shadow]:active,[role=button],[style*=box-shadow],[style*=shadow],[type=button],[type=reset],[type=submit],button:active,input:active,select:active,textarea:active{box-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;filter:none!important;-webkit-filter:none!important}.cancel-button,.end-chat-button,.login-button,.logout-button,.rating-button,.send-button,.submit-rating-button,button[type=button],button[type=submit],input[type=button],input[type=submit]{border:1px solid #0000!important;box-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;filter:none!important;-webkit-filter:none!important;outline:none!important}*,:after,:before{text-shadow:none!important}:root{--tw-shadow:none!important;--tw-shadow-colored:none!important;--shadow:none!important;--box-shadow:none!important}.bg-white,.drop-shadow,.drop-shadow-2xl,.drop-shadow-lg,.drop-shadow-md,.drop-shadow-sm,.drop-shadow-xl,.rounded-lg,.rounded-xl,.shadow,.shadow-2xl,.shadow-inner,.shadow-lg,.shadow-md,.shadow-none,.shadow-sm,.shadow-xl,[style*=background],[style*=border],button[class],button[style],html body div div div div div div [role=button],html body div div div div div div button,html body div div div div div div input{box-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;filter:none!important;-webkit-filter:none!important}.duration-150,.font-medium,.px-4,.px-6,.py-2,.py-3,.rounded-lg,.text-white,.transition-all,.w-full,button[style*="background-color: #3794AA"],button[style*=backgroundColor]{border:none!important;box-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;filter:none!important;-webkit-filter:none!important}.form-control,.form-input,input[type=text],select,textarea{border:1px solid #d1d5db!important;box-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important}.form-control:focus,.form-input:focus,input[type=text]:focus,select:focus,textarea:focus{border-color:#3794aa!important;box-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;outline:2px solid #3794aa!important;outline-offset:2px}.login-button:hover:not(:disabled),.send-button:hover:not(:disabled){background-color:#2d7a8a!important;transition:background-color .2s ease!important}.end-chat-button:hover:not(:disabled){background-color:#b12d3a!important;transition:background-color .2s ease!important}.submit-rating-button:hover:not(:disabled){background-color:#2d7a8a!important;transition:background-color .2s ease!important}.role-selector{background:#f3f4f6;border-radius:.5rem;display:flex;gap:.25rem;padding:.25rem}.role-option{background:#0000;border:none;border-radius:.375rem;box-shadow:none!important;color:#6b7280;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.role-option.selected{background:#3794aa!important;box-shadow:none!important;color:#fff!important}.role-option:hover:not(.selected){background:#e5e7eb;color:#374151}.dice-button{align-items:center!important;border-radius:.5rem!important;display:flex!important;font-size:1.25rem!important;height:2.75rem!important;justify-content:center!important;transition:background-color .2s ease!important;width:2.75rem!important}.dice-button:hover{background:#f3f4f6!important}.role-selector-container{margin-bottom:1.5rem}.message-input-textarea{border:1px solid #d1d5db!important;box-shadow:none!important;outline:none!important}.message-input-textarea:focus{border-color:#3794aa!important;box-shadow:none!important;outline:none!important}.player-message{background-color:#fff!important;border:2px solid #3794aa!important}[style*="#3794AA"],[style*="#D13745"],[style*=box-shadow],[style*=boxShadow],[style*=drop-shadow],[style*=filter]{box-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;filter:none!important;-webkit-filter:none!important}.modal-overlay{background-color:#000000bf!important}.rating-modal{border:1px solid #e5e7eb}.rating-button,.rating-modal{box-shadow:none!important}.rating-button-selected{background-color:#3794aa!important;border-color:#3794aa!important;color:#fff!important}
/*# sourceMappingURL=main.b928f974.css.map*/