@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;position:relative}body:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:inset 0 0 150px 50px #000000bf;pointer-events:none}#root{width:100%;text-align:center}.status-panel{position:fixed;bottom:20px;right:20px;width:260px;display:flex;flex-direction:column;gap:10px;z-index:1000}.status-panel>*{position:static!important;width:100%!important;margin:0!important;box-sizing:border-box!important}.player-list-container{background-color:#00000080;color:#ddd;border:1px solid #333;border-radius:4px;font-family:Courier New,Courier,monospace;box-shadow:0 4px 10px #00000080;overflow:hidden;transition:max-height .3s ease-in-out;max-height:47px;box-sizing:border-box;display:flex;flex-direction:column-reverse}.player-list-container.expanded{max-height:300px!important}.player-list-header{padding:10px;background-color:transparent;border-top:1px solid #333;font-weight:700;text-align:center;text-transform:uppercase;letter-spacing:1px;box-sizing:border-box;height:45px;line-height:24px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}.player-list-header:hover{background-color:#0003}.player-list-container:not(.expanded) .player-list-header{border-top:1px solid transparent}.player-list-content{padding:0 10px;overflow-y:auto;overflow-x:hidden;max-height:0;opacity:0;box-sizing:border-box;transition:max-height .3s ease-in-out,padding .3s ease-in-out,opacity .3s ease-in-out;text-align:left}.player-list-container.expanded .player-list-content{max-height:250px;padding:10px;opacity:1}.player-list-content>*{position:static!important;background:transparent!important;box-shadow:none!important;border:none!important;margin:0!important;width:100%!important;text-align:left!important;box-sizing:border-box!important}.player-list-content *{overflow:visible!important;height:auto!important;max-height:none!important}.player-list-content h1,.player-list-content h2,.player-list-content h3,.player-list-content h4{display:none!important}.player-list-content::-webkit-scrollbar{width:8px}.player-list-content::-webkit-scrollbar-track{background:#111}.player-list-content::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.auth-buttons-container{position:fixed;top:20px;right:20px;z-index:1000;display:flex;gap:10px}.auth-button{background-color:#00000080;color:#ddd;border:1px solid #333;border-radius:4px;height:47px;padding:0 20px;font-family:inherit;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;box-shadow:0 4px 10px #00000080;transition:background-color .2s;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.auth-button:hover{background-color:#000000b3}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background-color:#000000e6;border:1px solid #333;padding:20px;border-radius:8px;width:300px;color:#ddd;box-shadow:0 4px 10px #00000080;position:relative;font-family:inherit}.modal-header{font-size:1.2em;margin-bottom:20px;text-align:center;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #333;padding-bottom:10px;font-weight:700}.modal-close{position:absolute;top:10px;right:10px;background:none;border:none;color:#888;cursor:pointer;font-size:1.5em;line-height:1}.modal-close:hover{color:#fff}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-size:.9em;color:#aaa}.form-group input,.form-group select{width:100%;padding:10px;background-color:#222;border:1px solid #333;color:#fff;border-radius:4px;box-sizing:border-box}.form-group input:focus,.form-group select:focus{outline:none;border-color:#666}.submit-button{width:100%;padding:10px;background-color:#333;color:#fff;border:none;border-radius:4px;cursor:pointer;text-transform:uppercase;font-weight:700;transition:background-color .2s;margin-top:10px}.submit-button:hover{background-color:#444}.error-message{color:#f44;font-size:.9em;margin-bottom:15px;text-align:center;background-color:#ff00001a;padding:5px;border-radius:4px}@media(max-width:768px){.status-panel{left:10px;right:10px;width:auto}}.user-menu-button{position:fixed;top:20px;left:20px;z-index:1000;background-color:#00000080;color:#ddd;border:1px solid #333;border-radius:4px;padding:10px 15px;font-size:1.2em;cursor:pointer}.user-menu-dropdown{position:fixed;top:60px;left:20px;z-index:1000;background-color:#000000bf;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid #333;border-radius:4px;width:200px}.menu-label{padding:10px 15px;color:#aaa;border-bottom:1px solid #333;font-size:.9em;cursor:default}.menu-item{padding:10px 15px;color:#ddd;cursor:pointer;border-bottom:1px solid #333}.menu-item:last-child{border-bottom:none}.menu-item:hover{background-color:#ffffff1a}.logout-item{color:#f44}.chat-icon{position:fixed;bottom:20px;left:20px;width:50px;height:50px;background-color:#000000b3;border:1px solid #333;border-radius:4px;color:#fff;display:flex;justify-content:center;align-items:center;font-size:24px;cursor:pointer;z-index:1000;box-shadow:0 4px 10px #00000080}.chat-window{position:fixed;bottom:20px;left:20px;width:600px;height:250px;background-color:#000c;border:1px solid #333;border-radius:4px;z-index:1000;display:flex;flex-direction:column;box-shadow:0 4px 10px #00000080}.chat-header{padding:10px;background-color:#000000e6;border-bottom:1px solid #333;font-weight:700;cursor:pointer;color:#00bfff;display:flex;justify-content:space-between;align-items:center}.chat-header div:hover{color:#fff}.online-users-icon{font-size:1.2em}.chat-messages{flex:1;overflow-y:auto;padding:10px;color:#ddd;font-size:.9em;text-align:left}.chat-message{margin-bottom:5px;word-wrap:break-word}.chat-user{font-weight:700;color:#aaa;cursor:pointer}.chat-user:hover{text-decoration:underline;color:#fff}.admin-message .chat-user{color:#f44}.chat-input-form{display:flex;border-top:1px solid #333;position:relative}.chat-input-form input{flex:1;border:none;background:transparent;padding:10px;color:#fff;margin:0}.chat-input-form button{background:#333;border:none;color:#fff;padding:0 15px;cursor:pointer;margin:0}.emoji-btn{position:absolute;bottom:100%;right:0;background:#000c!important;border:1px solid #333!important;border-bottom:none!important;border-radius:4px 4px 0 0;font-size:1.2em;cursor:pointer;padding:2px 15px!important;height:30px}.emoji-picker{position:absolute;bottom:100%;right:0;left:auto;background:#000000e6;border:1px solid #333;border-radius:4px;padding:5px;display:grid;grid-template-columns:repeat(8,1fr);gap:5px;margin-bottom:5px;width:100%;box-sizing:border-box}.emoji-picker span{cursor:pointer;font-size:1.2em;padding:5px;text-align:center}.emoji-picker span:hover{background:#ffffff1a;border-radius:4px}.mention{color:#00bfff;font-weight:700}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track{background:#0000001a}.chat-messages::-webkit-scrollbar-thumb{background-color:#555;border-radius:4px}.chat-icon.unread{background-color:#28a745;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #28a745b3}70%{box-shadow:0 0 0 10px #28a74500}to{box-shadow:0 0 #28a74500}}.chat-message.mentioned{background-color:#28a74533;border-left:3px solid #28a745;padding:2px 5px}.chat-user-list{height:150px;overflow-y:auto;padding:10px;color:#ddd;font-size:.9em;text-align:left;background-color:#0000004d}.chat-user-list-item{padding:5px;cursor:pointer;border-bottom:1px solid #444}.chat-user-list-item:hover{background-color:#ffffff1a}.room-dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%);background-color:#000000e6;border:1px solid #333;border-radius:4px;width:150px;z-index:1001}.room-item{padding:8px;border-bottom:1px solid #444;display:flex;justify-content:space-between}.room-item:hover{background-color:#ffffff1a}.room-highlight{color:#f44!important;font-weight:700}.leave-room-btn{color:#888;cursor:pointer;font-weight:700;padding:0 5px}.room-management-section{margin-bottom:20px;border-bottom:1px solid #444;padding-bottom:15px}.room-management-section h3{margin-top:0;color:#00bfff;font-size:1.1em}.owned-rooms-list{max-height:200px;overflow-y:auto}.owned-room-item{background:#0000004d;padding:10px;margin-bottom:10px;border-radius:4px}.delete-btn{background-color:#d9534f;color:#fff;border:none;padding:2px 8px;border-radius:3px;cursor:pointer;font-size:.8em}.room-user-tag{display:inline-block;background:#444;padding:2px 6px;border-radius:3px;margin-right:5px;margin-bottom:5px;font-size:.9em}.remove-user-x{color:#f44;cursor:pointer;margin-left:5px;font-weight:700}.chat-timestamp{color:#888;font-size:.85em;margin-right:5px}.game-container{padding-top:100px;text-align:center;color:#ddd;font-family:Courier New,Courier,monospace}.game-mode{min-height:100vh}.lobby-view .chat-window{top:50%;left:50%;transform:translate(-50%);width:740px;height:400px;bottom:auto;max-width:95vw;max-height:90vh}.lobby-view .chat-icon{display:none!important}.lobby-view .chat-header{pointer-events:none;cursor:default}.lobby-view .chat-header>*{pointer-events:auto}.player-list-container{position:absolute;top:20px;right:20px;width:250px;max-height:400px;background-color:#1a1a1abf;border:1px solid #c7c7c7;border-radius:8px;box-shadow:0 0 15px #00000080;color:#c7c7c7;font-family:Cinzel,serif;overflow:hidden;display:flex;flex-direction:column}.player-count{font-size:1.2rem;font-weight:700;padding:15px;margin:0;text-align:center;border-bottom:1px solid #c7c7c7;background-color:#0003}.player-list{list-style:none;padding:0;margin:0;overflow-y:auto}.player-item{padding:10px 15px;font-size:1rem;border-bottom:1px solid #444;text-align:center;transition:background-color .3s}.player-item:last-child{border-bottom:none}.player-item:hover{background-color:#ffffff1a}.player-list::-webkit-scrollbar{width:8px}.player-list::-webkit-scrollbar-track{background:#0000001a}.player-list::-webkit-scrollbar-thumb{background-color:#c7c7c7;border-radius:4px}.server-status-container{position:absolute;bottom:20px;right:20px;font-family:Cinzel,serif;font-size:1rem;font-weight:700;color:#c7c7c7;text-shadow:0 0 5px rgba(0,0,0,.7);background-color:#1a1a1abf;padding:10px 15px;border:1px solid #c7c7c7;border-radius:8px}.server-status-container .connected{color:#9fcc9f;text-shadow:0 0 5px #4e9a4e,0 0 10px #4e9a4e;animation:pulse 2s infinite}.server-status-container .disconnected{color:#c99393;text-shadow:0 0 5px #a05a5a,0 0 10px #a05a5a}@keyframes pulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}