body{margin:0;padding:0;font-family:Arial,sans-serif}:root{--dark-bg-primary: #0a0e27;--dark-bg-secondary: #131829;--dark-bg-tertiary: #1a2035;--dark-bg-hover: #222940;--dark-border: #2a3550;--dark-text-primary: #e8edf5;--dark-text-secondary: #a8b5d1;--dark-text-muted: #6b7a99;--dark-accent-primary: #3b82f6;--dark-accent-secondary: #2563eb;--dark-accent-hover: #1d4ed8;--dark-accent-light: rgba(59, 130, 246, .1);--light-bg-primary: #f8fafc;--light-bg-secondary: #f1f5f9;--light-bg-tertiary: #e2e8f0;--light-bg-hover: #cbd5e1;--light-border: #cbd5e1;--light-text-primary: #0f172a;--light-text-secondary: #334155;--light-text-muted: #64748b;--light-accent-primary: #3b82f6;--light-accent-secondary: #2563eb;--light-accent-hover: #1d4ed8;--light-accent-light: rgba(59, 130, 246, .1);--success: #10b981;--warning: #f59e0b;--error: #ef4444;--info: #3b82f6;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--transition: all .2s cubic-bezier(.4, 0, .2, 1)}._dark_16tyw_55{--bg-primary: var(--dark-bg-primary);--bg-secondary: var(--dark-bg-secondary);--bg-tertiary: var(--dark-bg-tertiary);--bg-hover: var(--dark-bg-hover);--border: var(--dark-border);--text-primary: var(--dark-text-primary);--text-secondary: var(--dark-text-secondary);--text-muted: var(--dark-text-muted);--accent-primary: var(--dark-accent-primary);--accent-secondary: var(--dark-accent-secondary);--accent-hover: var(--dark-accent-hover);--accent-light: var(--dark-accent-light)}._light_16tyw_73{--bg-primary: var(--light-bg-primary);--bg-secondary: var(--light-bg-secondary);--bg-tertiary: var(--light-bg-tertiary);--bg-hover: var(--light-bg-hover);--border: var(--light-border);--text-primary: var(--light-text-primary);--text-secondary: var(--light-text-secondary);--text-muted: var(--light-text-muted);--accent-primary: var(--light-accent-primary);--accent-secondary: var(--light-accent-secondary);--accent-hover: var(--light-accent-hover);--accent-light: var(--light-accent-light)}._themeContainer_16tyw_91{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;transition:var(--transition)}._card_16tyw_98{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;transition:var(--transition)}._cardHover_16tyw_106{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;transition:var(--transition);cursor:pointer}._cardHover_16tyw_106:hover{background-color:var(--bg-tertiary);border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}._button_16tyw_122{background-color:var(--accent-primary);color:#fff;border:none;border-radius:var(--radius-md);padding:.75rem 1.5rem;font-weight:500;cursor:pointer;transition:var(--transition)}._button_16tyw_122:hover{background-color:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}._buttonSecondary_16tyw_139{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-md);padding:.75rem 1.5rem;font-weight:500;cursor:pointer;transition:var(--transition)}._buttonSecondary_16tyw_139:hover{background-color:var(--bg-hover);border-color:var(--accent-primary)}._input_16tyw_155{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-md);padding:.75rem 1rem;width:100%;transition:var(--transition)}._input_16tyw_155:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-light)}._input_16tyw_155::placeholder{color:var(--text-muted)}._dashboard_17klc_1{display:flex;height:100vh;background-color:var(--bg-primary)}._mobileMenuButton_17klc_8{display:none;position:fixed;top:.5rem;left:.5rem;z-index:1000;width:44px;height:44px;background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;align-items:center;justify-content:center;font-size:1.5rem;color:var(--text-primary);transition:var(--transition)}._mobileMenuButton_17klc_8:hover{background-color:var(--bg-tertiary);border-color:var(--accent-primary)}._mobileOverlay_17klc_32{display:none;position:fixed;inset:0;background-color:#00000080;z-index:998;opacity:0;transition:opacity .3s ease}._mobileOverlay_17klc_32._active_17klc_45{opacity:1}._sidebar_17klc_50{width:280px;height:calc(100vh - 65px);background-color:var(--bg-secondary);border-right:1px solid var(--border);padding:2rem 1rem;display:flex;flex-direction:column;gap:2rem;transition:transform .3s ease;position:relative;z-index:999;overflow:hidden}._logo_17klc_65{display:flex;align-items:center;gap:.75rem;padding:0 .5rem}._logoIcon_17klc_72{width:40px;height:40px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff;flex-shrink:0}._logoText_17klc_86{font-size:1.5rem;font-weight:700;color:var(--text-primary);white-space:nowrap}._nav_17klc_93{display:flex;flex-direction:column;gap:.5rem}._navItem_17klc_99{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:var(--radius-md);color:var(--text-secondary);font-weight:500;cursor:pointer;transition:var(--transition);border:none;background:none;width:100%;text-align:left;font-size:1rem;min-height:44px}._navItem_17klc_99:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}._navItem_17klc_99:active{transform:scale(.98)}._navItem_17klc_99._active_17klc_45{background-color:var(--accent-light);color:var(--accent-primary);font-weight:600}._navIcon_17klc_132{font-size:1.25rem;width:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}._navLabel_17klc_141{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._sidebarFooter_17klc_148{margin-top:auto;padding-top:2rem;border-top:1px solid var(--border)}._themeToggle_17klc_154{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;border-radius:var(--radius-md);background-color:var(--bg-tertiary);border:1px solid var(--border);cursor:pointer;transition:var(--transition);min-height:44px}._themeToggle_17klc_154:hover{background-color:var(--bg-hover);border-color:var(--accent-primary)}._themeToggle_17klc_154:active{transform:scale(.98)}._themeLabel_17klc_176{display:flex;align-items:center;gap:.75rem;color:var(--text-secondary);font-weight:500}._themeSwitch_17klc_184{width:48px;height:24px;background-color:var(--bg-hover);border-radius:12px;position:relative;transition:var(--transition);flex-shrink:0}._themeSwitch_17klc_184._active_17klc_45{background-color:var(--accent-primary)}._themeSwitchKnob_17klc_198{width:20px;height:20px;background-color:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:var(--transition);box-shadow:0 2px 4px #0003}._themeSwitch_17klc_184._active_17klc_45 ._themeSwitchKnob_17klc_198{left:26px}._main_17klc_215{flex:1;display:flex;flex-direction:column;min-width:0}._header_17klc_222{padding:0 .5rem;border-bottom:1px solid var(--border);background-color:var(--bg-secondary);display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;position:sticky;top:0;z-index:10}._headerTitle_17klc_236{font-size:1.75rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.75rem}._headerActions_17klc_245{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}._userProfile_17klc_252{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background-color:var(--bg-tertiary);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);min-height:44px}._userProfile_17klc_252:hover{background-color:var(--bg-hover)}._userProfile_17klc_252:active{transform:scale(.98)}._avatar_17klc_272{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;flex-shrink:0}._userName_17klc_285{color:var(--text-primary);font-weight:500;white-space:nowrap}._content_17klc_292{flex:1;overflow-y:auto}._contentPlaceholder_17klc_297{background-color:var(--bg-secondary);border:2px dashed var(--border);border-radius:var(--radius-lg);padding:4rem 2rem;text-align:center;min-height:500px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}._placeholderIcon_17klc_311{font-size:4rem;color:var(--text-muted);margin-bottom:1rem}._placeholderTitle_17klc_317{font-size:1.5rem;font-weight:600;color:var(--text-primary)}._placeholderText_17klc_323{font-size:1rem;color:var(--text-secondary);max-width:500px;line-height:1.6}@media(max-width:1024px){._searchBar_17klc_332{width:240px}._header_17klc_222{padding:1.25rem 1.5rem}}@media(max-width:768px){._mobileMenuButton_17klc_8{display:flex}._mobileOverlay_17klc_32._active_17klc_45{display:block}._sidebar_17klc_50{position:fixed;left:0;top:0;bottom:0;transform:translate(-100%);box-shadow:var(--shadow-xl)}._sidebar_17klc_50._open_17klc_360{transform:translate(0)}._main_17klc_215{width:100%}._header_17klc_222{padding:.1rem .1rem .1rem 5rem}._headerTitle_17klc_236{font-size:1.5rem}._headerActions_17klc_245{top:.1rem}._userProfile_17klc_252{width:100%;justify-content:center;min-height:30px}._contentPlaceholder_17klc_297{padding:3rem 1.5rem;min-height:400px}._placeholderIcon_17klc_311{font-size:3rem}._placeholderTitle_17klc_317{font-size:1.25rem}._placeholderText_17klc_323{font-size:.875rem}}@media(max-width:480px){._sidebar_17klc_50{width:260px}._header_17klc_222{padding:.1rem .75rem .1rem 4rem}._headerTitle_17klc_236{font-size:1.25rem}._contentPlaceholder_17klc_297{padding:2rem 1rem;min-height:300px}._userName_17klc_285{font-size:.875rem}}@media(max-width:768px)and (orientation:landscape){._contentPlaceholder_17klc_297{min-height:250px;padding:2rem 1.5rem}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){._avatar_17klc_272,._logoIcon_17klc_72{image-rendering:-webkit-optimize-contrast}}@media(hover:none)and (pointer:coarse){._navItem_17klc_99,._themeToggle_17klc_154,._mobileMenuButton_17klc_8{min-height:48px}}._roomsContainer_89rui_1{height:100%;display:flex;flex-direction:column;gap:1.5rem;padding:1rem}._searchSection_89rui_10{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}._searchWrapper_89rui_17{position:relative;flex:1;min-width:250px}._searchIcon_89rui_23{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:1.125rem;pointer-events:none}._searchInput_89rui_33{width:calc(100% - 4rem);padding:.875rem 1rem .875rem 2.75rem;background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;transition:var(--transition)}._searchInput_89rui_33:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-light);background-color:var(--bg-tertiary)}._searchInput_89rui_33::placeholder{color:var(--text-muted)}._filterGroup_89rui_55{display:flex;gap:.5rem;align-items:center}._filterButton_89rui_61{padding:.875rem 1.25rem;background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-weight:500;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:.5rem;min-height:44px}._filterButton_89rui_61:hover{background-color:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--text-primary)}._filterButton_89rui_61._active_89rui_82{background-color:var(--accent-light);border-color:var(--accent-primary);color:var(--accent-primary);font-weight:600}._createButton_89rui_89{padding:.875rem 1.5rem;background-color:var(--accent-primary);border:none;border-radius:var(--radius-md);color:#fff;font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:.5rem;white-space:nowrap;min-height:44px}._createButton_89rui_89:hover{background-color:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}._createButton_89rui_89:active{transform:translateY(0)}._roomsGrid_89rui_116{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;margin-bottom:2rem}._roomCard_89rui_123{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;cursor:pointer;transition:var(--transition);display:flex;flex-direction:column;gap:1rem}._roomCard_89rui_123:hover{background-color:var(--bg-tertiary);border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}._roomCard_89rui_123:active{transform:translateY(0)}._roomHeader_89rui_146{display:flex;align-items:flex-start;gap:1rem}._roomAvatar_89rui_152{width:56px;height:56px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.25rem;text-transform:uppercase;flex-shrink:0;box-shadow:var(--shadow-sm)}._roomInfo_89rui_168{flex:1;min-width:0}._roomNameWrapper_89rui_173{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}._roomName_89rui_173{font-size:1.125rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._privateBadge_89rui_189{padding:.25rem .5rem;background-color:var(--accent-light);color:var(--accent-primary);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:.25rem;flex-shrink:0}._roomAdmin_89rui_202{font-size:.875rem;color:var(--text-muted);display:flex;align-items:center;gap:.375rem}._roomAbout_89rui_210{font-size:.9375rem;color:var(--text-secondary);line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}._roomFooter_89rui_222{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;border-top:1px solid var(--border)}._roomId_89rui_230{font-size:.8125rem;color:var(--text-muted);font-family:Monaco,Courier New,monospace}._joinButton_89rui_236{padding:.5rem 1rem;background-color:var(--accent-primary);border:none;border-radius:var(--radius-sm);color:#fff;font-weight:600;font-size:.875rem;cursor:pointer;transition:var(--transition)}._joinButton_89rui_236:hover{background-color:var(--accent-hover);transform:scale(1.05)}._joinButton_89rui_236:active{transform:scale(.98)}._emptyState_89rui_258{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background-color:var(--bg-secondary);border:2px dashed var(--border);border-radius:var(--radius-lg);margin-top:2rem}._emptyIcon_89rui_271{font-size:4rem;margin-bottom:1rem;opacity:.5}._emptyTitle_89rui_277{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}._emptyText_89rui_284{font-size:1rem;color:var(--text-secondary);max-width:400px;line-height:1.6}._loadingState_89rui_292{display:flex;justify-content:center;align-items:center;padding:4rem 2rem}._spinner_89rui_299{width:48px;height:48px;border:4px solid var(--border);border-top-color:var(--accent-primary);border-radius:50%;animation:_spin_89rui_299 .8s linear infinite}@keyframes _spin_89rui_299{to{transform:rotate(360deg)}}._resultsInfo_89rui_315{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;color:var(--text-secondary);font-size:.9375rem}._resultsCount_89rui_324{font-weight:500}._clearSearch_89rui_328{color:var(--accent-primary);cursor:pointer;font-weight:500;transition:var(--transition)}._clearSearch_89rui_328:hover{color:var(--accent-hover);text-decoration:underline}@media(max-width:1024px){._roomsGrid_89rui_116{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}}@media(max-width:768px){._roomsContainer_89rui_1{gap:1rem}._searchSection_89rui_10{flex-direction:column;gap:.75rem}._searchWrapper_89rui_17{width:100%;min-width:unset}._filterGroup_89rui_55{width:100%;overflow-x:auto;padding-bottom:.25rem}._createButton_89rui_89{width:100%;justify-content:center}._roomsGrid_89rui_116{grid-template-columns:1fr;gap:1rem}._roomCard_89rui_123{padding:1.25rem}._roomAvatar_89rui_152{width:48px;height:48px;font-size:1.125rem}._roomName_89rui_173{font-size:1rem}._roomAbout_89rui_210{font-size:.875rem}._emptyState_89rui_258{padding:3rem 1.5rem}._emptyIcon_89rui_271{font-size:3rem}}@media(max-width:480px){._roomCard_89rui_123{padding:1rem}._roomHeader_89rui_146{gap:.75rem}._roomAvatar_89rui_152{width:44px;height:44px;font-size:1rem}}@media(hover:none)and (pointer:coarse){._filterButton_89rui_61,._createButton_89rui_89,._joinButton_89rui_236{min-height:48px}}._chatContainer_1rqh0_1{height:100%;display:flex;flex-direction:column;background-color:var(--bg-primary);overflow:hidden}._chatHeader_1rqh0_10{position:fixed;width:calc(100% - 360px);background-color:var(--bg-secondary);border-bottom:1px solid var(--border);padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;min-height:72px}._roomInfo_1rqh0_24{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}._roomAvatar_1rqh0_32{width:48px;height:48px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.125rem;text-transform:uppercase;flex-shrink:0}._roomDetails_1rqh0_47{flex:1;min-width:0}._roomName_1rqh0_52{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._roomMeta_1rqh0_62{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:var(--text-muted)}._onlineCount_1rqh0_70{display:flex;align-items:center;gap:.375rem}._onlineDot_1rqh0_76{width:8px;height:8px;border-radius:50%;background-color:var(--success);animation:_pulse_1rqh0_1 2s infinite}@keyframes _pulse_1rqh0_1{0%,to{opacity:1}50%{opacity:.5}}._privateBadge_1rqh0_96{padding:.25rem .5rem;background-color:var(--accent-light);color:var(--accent-primary);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:.25rem}._headerActions_1rqh0_108{display:flex;gap:.5rem;align-items:center}._headerButton_1rqh0_114{padding:.625rem 1rem;background-color:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-weight:500;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:.5rem;font-size:.875rem;white-space:nowrap;min-height:40px}._headerButton_1rqh0_114:hover{background-color:var(--bg-hover);border-color:var(--accent-primary);color:var(--accent-primary)}._headerButton_1rqh0_114:active{transform:scale(.98)}._headerButton_1rqh0_114._primary_1rqh0_141{background-color:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}._headerButton_1rqh0_114._primary_1rqh0_141:hover{background-color:var(--accent-hover);color:#fff}._notificationBadge_1rqh0_152{background-color:var(--error);color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;margin-left:.25rem}._messagesWrapper_1rqh0_167{flex:1;overflow-y:auto;padding:1.5rem;padding-top:100px;display:flex;flex-direction:column;gap:1rem;background-color:var(--bg-primary)}._messagesWrapper_1rqh0_167::-webkit-scrollbar{width:8px}._messagesWrapper_1rqh0_167::-webkit-scrollbar-track{background:var(--bg-secondary)}._messagesWrapper_1rqh0_167::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}._messagesWrapper_1rqh0_167::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}._dateLabel_1rqh0_195{text-align:center;color:var(--text-muted);font-size:.8125rem;padding:.5rem 1rem;margin:.5rem 0}._dateLabelText_1rqh0_203{background-color:var(--bg-secondary);padding:.375rem .875rem;border-radius:var(--radius-md);display:inline-block}._messageGroup_1rqh0_211{display:flex;gap:.75rem;align-items:flex-start}._messageGroup_1rqh0_211._own_1rqh0_217{flex-direction:row-reverse}._senderAvatar_1rqh0_221{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.875rem;text-transform:uppercase;flex-shrink:0}._messageContent_1rqh0_236{display:flex;flex-direction:column;gap:.25rem;max-width:70%}._messageGroup_1rqh0_211._own_1rqh0_217 ._messageContent_1rqh0_236{align-items:flex-end}._senderName_1rqh0_247{font-size:.8125rem;font-weight:600;color:var(--text-secondary);padding:0 .75rem}._messageBubble_1rqh0_254{background-color:var(--bg-secondary);border:1px solid var(--border);padding:.75rem 1rem;border-radius:var(--radius-lg);color:var(--text-primary);word-wrap:break-word;line-height:1.5}._messageGroup_1rqh0_211._own_1rqh0_217 ._messageBubble_1rqh0_254{background-color:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}._messageTime_1rqh0_271{font-size:.75rem;color:var(--text-muted);padding:0 .75rem}._messageGroup_1rqh0_211._own_1rqh0_217 ._messageTime_1rqh0_271{text-align:right}._systemMessage_1rqh0_281{text-align:center;padding:.5rem 1rem;margin:.5rem 0}._systemMessageText_1rqh0_287{background-color:var(--bg-secondary);color:var(--text-muted);padding:.5rem 1rem;border-radius:var(--radius-md);display:inline-block;font-size:.875rem}._typingIndicator_1rqh0_297{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background-color:var(--bg-secondary);border-radius:var(--radius-lg);width:fit-content;margin-left:3rem}._typingDots_1rqh0_308{display:flex;gap:.25rem}._typingDot_1rqh0_308{width:6px;height:6px;border-radius:50%;background-color:var(--text-muted);animation:_typing_1rqh0_297 1.4s infinite}._typingDot_1rqh0_308:nth-child(2){animation-delay:.2s}._typingDot_1rqh0_308:nth-child(3){animation-delay:.4s}@keyframes _typing_1rqh0_297{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-8px)}}._inputArea_1rqh0_343{background-color:var(--bg-secondary);border-top:1px solid var(--border);padding:1rem .5rem}._inputWrapper_1rqh0_349{display:flex;gap:.75rem;align-items:flex-end}._inputContainer_1rqh0_355{flex:1;position:relative}._messageInput_1rqh0_360{width:calc(100% - 40px);min-height:48px;max-height:320px;padding:0 1rem;background-color:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;resize:vertical;transition:var(--transition);font-family:inherit}._messageInput_1rqh0_360:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-light);background-color:var(--bg-primary)}._messageInput_1rqh0_360::placeholder{color:var(--text-muted)}._inputActions_1rqh0_386{position:absolute;right:.5rem;bottom:.5rem;display:flex;gap:.25rem}._inputActionButton_1rqh0_394{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:var(--transition);font-size:1.25rem}._inputActionButton_1rqh0_394:hover{background-color:var(--bg-hover);color:var(--accent-primary)}._sendButton_1rqh0_414{padding:.875rem 1.5rem;background-color:var(--accent-primary);border:none;border-radius:var(--radius-md);color:#fff;font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:.5rem;min-height:48px;white-space:nowrap}._sendButton_1rqh0_414:hover:not(:disabled){background-color:var(--accent-hover);transform:translateY(-1px)}._sendButton_1rqh0_414:active:not(:disabled){transform:translateY(0)}._sendButton_1rqh0_414:disabled{opacity:.5;cursor:not-allowed}._emptyState_1rqh0_445{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}._emptyIcon_1rqh0_455{font-size:4rem;margin-bottom:1rem;opacity:.3}._emptyTitle_1rqh0_461{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}._emptyText_1rqh0_468{font-size:1rem;color:var(--text-secondary);max-width:400px;line-height:1.6}._loadingState_1rqh0_476{flex:1;display:flex;justify-content:center;align-items:center}._spinner_1rqh0_483{width:48px;height:48px;border:4px solid var(--border);border-top-color:var(--accent-primary);border-radius:50%;animation:_spin_1rqh0_483 .8s linear infinite}@keyframes _spin_1rqh0_483{to{transform:rotate(360deg)}}._connectionStatus_1rqh0_499{display:flex;align-items:center;gap:.5rem;padding:.3rem 1rem;background-color:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:.875rem}._connectionStatus_1rqh0_499._connected_1rqh0_509{color:var(--success)}._connectionStatus_1rqh0_499._disconnected_1rqh0_513{color:var(--error)}._connectionStatus_1rqh0_499._connecting_1rqh0_517{color:var(--warning)}@media(max-width:1024px){._messageContent_1rqh0_236{max-width:80%}}@media(max-width:768px){._roomMeta_1rqh0_62{vertical-align:middle}._chatHeader_1rqh0_10{padding:0% 0% 0% 60px;width:100%;justify-content:center}._roomInfo_1rqh0_24{flex:unset;width:100%}._onlineCount_1rqh0_70{padding:.3rem 0rem}._roomAvatar_1rqh0_32{width:40px;height:40px;font-size:1rem}._roomName_1rqh0_52{font-size:1rem}._headerActions_1rqh0_108{display:none}._headerButton_1rqh0_114{flex:1;justify-content:center;min-width:-webkit-fill-available}._messagesWrapper_1rqh0_167{padding:1rem}._messageContent_1rqh0_236{max-width:85%}._senderAvatar_1rqh0_221{width:32px;height:32px;font-size:.8125rem}}@media(max-width:480px){._roomMeta_1rqh0_62{align-items:flex-start;gap:.25rem}._headerButton_1rqh0_114 span:not(._notificationBadge_1rqh0_152){display:none}._headerButton_1rqh0_114{padding:.625rem;min-width:40px;justify-content:center}._messageContent_1rqh0_236{max-width:90%}}@media(hover:none)and (pointer:coarse){._headerButton_1rqh0_114,._sendButton_1rqh0_414,._inputActionButton_1rqh0_394{min-height:48px;min-width:48px}}._gamesContainer_1yriu_1{height:100%;display:flex;flex-direction:column;gap:1.5rem;padding:1rem}._gamesHeader_1yriu_10{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}._headerLeft_1yriu_18{flex:1;min-width:0}._pageTitle_1yriu_23{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}._pageSubtitle_1yriu_30{font-size:1rem;color:var(--text-secondary)}._searchWrapper_1yriu_35{position:relative;width:320px;max-width:100%}._searchIcon_1yriu_41{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:1.125rem;pointer-events:none}._searchInput_1yriu_51{padding:.875rem 1rem .875rem 2.75rem;background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;transition:var(--transition)}._searchInput_1yriu_51:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-light)}._searchInput_1yriu_51::placeholder{color:var(--text-muted)}._filterSection_1yriu_72{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}._filterButton_1yriu_79{padding:.75rem 1.25rem;background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-weight:500;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:.5rem;min-height:44px}._filterButton_1yriu_79:hover{background-color:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--text-primary)}._filterButton_1yriu_79._active_1yriu_100{background-color:var(--accent-light);border-color:var(--accent-primary);color:var(--accent-primary);font-weight:600}._gamesGrid_1yriu_108{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}._gameCard_1yriu_115{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:var(--transition);display:flex;flex-direction:column}._gameCard_1yriu_115:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--accent-primary)}._gameCard_1yriu_115:active{transform:translateY(-2px)}._gameImage_1yriu_136{width:100%;height:180px;background:var(--accent-light);display:flex;align-items:center;justify-content:center;font-size:4rem;position:relative;overflow:hidden}._gameImage_1yriu_136:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.1),transparent)}._gameIcon_1yriu_158{position:relative;z-index:1}._playersBadge_1yriu_163{position:absolute;top:.75rem;right:.75rem;background-color:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:.375rem .75rem;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:600;display:flex;align-items:center;gap:.375rem;z-index:2}._gameContent_1yriu_181{padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;flex:1}._gameName_1yriu_189{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}._gameDescription_1yriu_196{font-size:.9375rem;color:var(--text-secondary);line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;flex:1}._gameStats_1yriu_209{display:flex;gap:1rem;padding-top:.75rem;border-top:1px solid var(--border);font-size:.875rem}._gameStat_1yriu_209{display:flex;align-items:center;gap:.375rem;color:var(--text-muted)}._gameFooter_1yriu_224{padding:0 1.25rem 1.25rem}._playButton_1yriu_228{width:100%;padding:.75rem 1.5rem;background-color:var(--accent-primary);border:none;border-radius:var(--radius-md);color:#fff;font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:.5rem}._playButton_1yriu_228:hover{background-color:var(--accent-hover);transform:scale(1.02)}._playButton_1yriu_228:active{transform:scale(.98)}._emptyState_1yriu_254{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background-color:var(--bg-secondary);border:2px dashed var(--border);border-radius:var(--radius-lg)}._emptyIcon_1yriu_266{font-size:4rem;margin-bottom:1rem;opacity:.5}._emptyTitle_1yriu_272{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}._emptyText_1yriu_279{font-size:1rem;color:var(--text-secondary);max-width:400px;line-height:1.6}._resultsInfo_1yriu_287{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;color:var(--text-secondary);font-size:.9375rem}._resultsCount_1yriu_296{font-weight:500}._clearSearch_1yriu_300{color:var(--accent-primary);cursor:pointer;font-weight:500;transition:var(--transition)}._clearSearch_1yriu_300:hover{color:var(--accent-hover);text-decoration:underline}@media(max-width:1024px){._gamesGrid_1yriu_108{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem}._gameImage_1yriu_136{height:160px;font-size:3.5rem}}@media(max-width:768px){._gamesContainer_1yriu_1{gap:1rem}._gamesHeader_1yriu_10{flex-direction:column;align-items:stretch}._searchWrapper_1yriu_35{width:100%}._filterSection_1yriu_72{width:100%;padding-bottom:.25rem}._gamesGrid_1yriu_108{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}._gameImage_1yriu_136{height:140px;font-size:3rem;min-width:100px}._gameContent_1yriu_181{padding:1rem;margin:0}._gameName_1yriu_189{font-size:1rem}._gameDescription_1yriu_196{font-size:.875rem}._gameFooter_1yriu_224{padding:0 1rem 1rem}._playButton_1yriu_228{display:none;margin-top:10px;margin-left:0}}@media(max-width:480px){._gamesGrid_1yriu_108{grid-template-columns:1fr}._gameCard_1yriu_115{display:flex;flex-direction:row}._gameImage_1yriu_136{width:120px;height:auto;font-size:2.5rem}._pageTitle_1yriu_23{font-size:1.5rem}}@media(hover:none)and (pointer:coarse){._filterButton_1yriu_79,._playButton_1yriu_228{min-height:48px}}._gameRoomContainer_1qyy4_1{height:100%;display:flex;flex-direction:column;background-color:var(--bg-primary);overflow:hidden}._gameHeader_1qyy4_10{background-color:var(--bg-secondary);border-bottom:1px solid var(--border);padding:.5rem}._backButton_1qyy4_16{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background-color:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-weight:500;cursor:pointer;transition:var(--transition);font-size:.9375rem}._backButton_1qyy4_16:hover{background-color:var(--bg-hover);color:var(--text-primary);border-color:var(--accent-primary)}._playersSection_1qyy4_37{display:flex;justify-content:space-between;align-items:center;gap:1rem}._playerCard_1qyy4_44{flex:1;display:flex;align-items:center;gap:1rem;padding:.5rem;background-color:var(--bg-tertiary);border:2px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition)}._playerCard_1qyy4_44._active_1qyy4_56{border-color:var(--accent-primary);background-color:var(--accent-light);box-shadow:0 0 20px var(--accent-light)}._playerAvatar_1qyy4_62{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.25rem;text-transform:uppercase;flex-shrink:0;position:relative}._playerAvatar_1qyy4_62._waiting_1qyy4_78{background:linear-gradient(135deg,var(--text-muted),var(--border))}._playerIndicator_1qyy4_82{position:absolute;bottom:-4px;right:-4px;width:18px;height:18px;border-radius:50%;border:2px solid var(--bg-secondary);display:flex;align-items:center;justify-content:center;font-size:.675rem}._playerInfo_1qyy4_96{flex:1;min-width:0}._playerName_1qyy4_101{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._playerStatus_1qyy4_111{font-size:.875rem;color:var(--text-muted);display:flex;align-items:center;gap:.175rem}._playerStatus_1qyy4_111._yourTurn_1qyy4_119{color:var(--accent-primary);font-weight:600}._turnIndicator_1qyy4_124{width:8px;height:8px;border-radius:50%;background-color:var(--accent-primary);animation:_pulse_1qyy4_1 1.5s infinite}@keyframes _pulse_1qyy4_1{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}._vsText_1qyy4_146{font-size:1.5rem;font-weight:700;color:var(--text-muted);flex-shrink:0}._gameInfoBar_1qyy4_154{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background-color:var(--bg-secondary);border-bottom:1px solid var(--border)}._gameTitle_1qyy4_163{font-size:1.25rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}._gameActions_1qyy4_172{display:flex;gap:.75rem;align-items:center}._timer_1qyy4_178{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);font-weight:600;color:var(--text-primary)}._timer_1qyy4_178._warning_1qyy4_190{background-color:#f59e0b1a;border-color:var(--warning);color:var(--warning)}._actionButton_1qyy4_196{padding:.625rem 1.25rem;background-color:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-weight:500;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:.5rem;min-height:40px}._actionButton_1qyy4_196:hover{background-color:var(--bg-hover);border-color:var(--accent-primary)}._actionButton_1qyy4_196._danger_1qyy4_216{color:var(--error)}._actionButton_1qyy4_196._danger_1qyy4_216:hover{background-color:#ef44441a;border-color:var(--error)}._gameArea_1qyy4_226{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;overflow:auto}._gameBoardWrapper_1qyy4_235{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-xl)}._gameBoard_1qyy4_235{max-width:100%}._statusMessage_1qyy4_249{text-align:center;padding:1rem 2rem;background-color:var(--accent-light);border:1px solid var(--accent-primary);border-radius:var(--radius-md);margin-bottom:1.5rem}._statusMessage_1qyy4_249._win_1qyy4_258{background-color:#10b9811a;border-color:var(--success);color:var(--success)}._statusMessage_1qyy4_249._lose_1qyy4_264{background-color:#ef44441a;border-color:var(--error);color:var(--error)}._statusMessage_1qyy4_249._draw_1qyy4_270{background-color:#f59e0b1a;border-color:var(--warning);color:var(--warning)}._statusText_1qyy4_276{font-size:1.125rem;font-weight:600;margin-bottom:.5rem}._statusSubtext_1qyy4_282{font-size:.9375rem;opacity:.8}._waitingState_1qyy4_288{text-align:center;padding:4rem 2rem}._waitingIcon_1qyy4_293{font-size:4rem;margin-bottom:1.5rem;animation:_bounce_1qyy4_1 2s infinite}@keyframes _bounce_1qyy4_1{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}._waitingTitle_1qyy4_311{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}._waitingText_1qyy4_318{font-size:1rem;color:var(--text-secondary);margin-bottom:1.5rem}._shareCode_1qyy4_324{display:inline-flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background-color:var(--bg-secondary);border:2px dashed var(--border);border-radius:var(--radius-md);margin-bottom:1rem}._code_1qyy4_335{font-family:Monaco,Courier New,monospace;font-size:1.25rem;font-weight:700;color:var(--accent-primary);letter-spacing:2px}._copyButton_1qyy4_343{padding:.5rem 1rem;background-color:var(--accent-primary);border:none;border-radius:var(--radius-sm);color:#fff;font-weight:600;cursor:pointer;transition:var(--transition)}._copyButton_1qyy4_343:hover{background-color:var(--accent-hover)}._chatSidebar_1qyy4_359{width:320px;background-color:var(--bg-secondary);border-left:1px solid var(--border);display:flex;flex-direction:column}._chatHeader_1qyy4_367{padding:1rem;border-bottom:1px solid var(--border);font-weight:600;color:var(--text-primary)}._chatMessages_1qyy4_374{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}._chatMessage_1qyy4_374{padding:.75rem;background-color:var(--bg-tertiary);border-radius:var(--radius-md);font-size:.875rem;line-height:1.5}._chatMessage_1qyy4_374._own_1qyy4_391{background-color:var(--accent-light);color:var(--accent-primary);align-self:flex-end}._chatInput_1qyy4_397{padding:1rem;border-top:1px solid var(--border);display:flex;gap:.5rem}._chatInputField_1qyy4_404{flex:1;padding:.75rem;background-color:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem}._chatInputField_1qyy4_404:focus{outline:none;border-color:var(--accent-primary)}._chatSendButton_1qyy4_419{padding:.75rem 1rem;background-color:var(--accent-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:var(--transition)}._chatSendButton_1qyy4_419:hover{background-color:var(--accent-hover)}@media(max-width:1024px){._gameArea_1qyy4_226,._gameBoardWrapper_1qyy4_235{padding:1.5rem}._chatSidebar_1qyy4_359{width:280px}}@media(max-width:768px){._gameHeader_1qyy4_10{padding:1rem}._playersSection_1qyy4_37{gap:1rem}._vsText_1qyy4_146{font-size:1.25rem}._playerCard_1qyy4_44{width:100%}._gameInfoBar_1qyy4_154{padding:.75rem 1rem;flex-wrap:wrap;gap:.75rem}._gameTitle_1qyy4_163{font-size:1.125rem}._gameActions_1qyy4_172{width:100%;justify-content:space-between}._gameArea_1qyy4_226,._gameBoardWrapper_1qyy4_235{padding:1rem}._chatSidebar_1qyy4_359{display:none}._statusMessage_1qyy4_249{padding:.75rem 1rem}._statusText_1qyy4_276{font-size:1rem}}@media(max-width:480px){._playerCard_1qyy4_44{padding:.75rem}._playerAvatar_1qyy4_62{width:48px;height:48px;font-size:1.125rem}._playerName_1qyy4_101{font-size:1rem}._gameArea_1qyy4_226,._gameBoardWrapper_1qyy4_235{padding:.75rem}._waitingState_1qyy4_288{padding:2rem 1rem}._waitingIcon_1qyy4_293{font-size:3rem}._waitingTitle_1qyy4_311{font-size:1.25rem}}@media(hover:none)and (pointer:coarse){._backButton_1qyy4_16,._actionButton_1qyy4_196,._copyButton_1qyy4_343,._chatSendButton_1qyy4_419{min-height:48px}}._ticTacToeContainer_12kjy_1{display:flex;justify-content:center;align-items:center;padding:1rem}._board_12kjy_8{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;background-color:var(--bg-primary);padding:.5rem;border-radius:var(--radius-lg)}._cell_12kjy_17{width:100px;height:100px;background-color:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:3rem;cursor:pointer;transition:var(--transition)}._cell_12kjy_17:hover:not(._filled_12kjy_31):not(:disabled){background-color:var(--bg-tertiary);border-color:var(--accent-primary);transform:scale(1.05)}._cell_12kjy_17:active:not(._filled_12kjy_31):not(:disabled){transform:scale(.95)}._cell_12kjy_17._filled_12kjy_31{cursor:default}._cell_12kjy_17:disabled{cursor:not-allowed}._cell_12kjy_17._clickable_12kjy_49:hover{box-shadow:0 0 20px var(--accent-light)}._x_12kjy_53{color:#3b82f6;font-weight:700;animation:_appear_12kjy_1 .3s ease}._o_12kjy_59{color:#ef4444;font-weight:700;animation:_appear_12kjy_1 .3s ease}@keyframes _appear_12kjy_1{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:768px){._cell_12kjy_17{width:80px;height:80px;font-size:2.5rem}}@media(max-width:480px){._cell_12kjy_17{width:70px;height:70px;font-size:2rem}._board_12kjy_8{gap:.375rem}}._checkersContainer_1gnnp_1{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;gap:1.5rem}._gameInfo_1gnnp_11{text-align:center;padding:1rem;background-color:var(--bg-secondary);border-radius:var(--radius-md);min-width:300px}._pieceCount_1gnnp_19{display:flex;justify-content:center;gap:1rem;margin-top:-1rem;margin-bottom:-1rem;font-size:.9375rem}._count_1gnnp_28{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary)}._countPiece_1gnnp_35{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem}._redPiece_1gnnp_46{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 4px #ef44444d}._blackPiece_1gnnp_52{background:linear-gradient(135deg,#1f2937,#111827);color:#fff;box-shadow:0 2px 4px #0000004d}._board_1gnnp_59{display:grid;grid-template-columns:repeat(8,1fr);gap:0;background-color:var(--bg-primary);padding:1rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border:4px solid var(--border)}._square_1gnnp_70{aspect-ratio:1;width:70px;display:flex;align-items:center;justify-content:center;position:relative;transition:var(--transition);cursor:default}._square_1gnnp_70._light_1gnnp_81{background-color:#f0d9b5}._square_1gnnp_70._dark_1gnnp_85{background-color:#b58863}._square_1gnnp_70._clickable_1gnnp_89{cursor:pointer}._square_1gnnp_70._clickable_1gnnp_89:hover{filter:brightness(1.1)}._square_1gnnp_70._selected_1gnnp_97{background-color:#7fa650!important;box-shadow:inset 0 0 20px #7fa65080}._square_1gnnp_70._validMove_1gnnp_102{background-color:#baca44!important;cursor:pointer}._square_1gnnp_70._validMove_1gnnp_102:after{content:"";width:20px;height:20px;background-color:#7fa65080;border-radius:50%;position:absolute}._square_1gnnp_70._mustCapture_1gnnp_116{animation:_pulse-capture_1gnnp_1 1s infinite}@keyframes _pulse-capture_1gnnp_1{0%,to{box-shadow:inset 0 0 0 2px #ef444480}50%{box-shadow:inset 0 0 0 4px #ef4444cc}}._piece_1gnnp_19{width:55px;height:55px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.5rem;position:relative;transition:transform .2s ease;cursor:pointer;-webkit-user-select:none;user-select:none}._piece_1gnnp_19:hover{transform:scale(1.1)}._piece_1gnnp_19._red_1gnnp_46{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 8px #ef444466,inset 0 -2px 4px #0003}._piece_1gnnp_19._black_1gnnp_52{background:linear-gradient(135deg,#1f2937,#111827);color:#fff;box-shadow:0 4px 8px #0006,inset 0 -2px 4px #0000004d}._piece_1gnnp_19._red_1gnnp_46:before,._piece_1gnnp_19._black_1gnnp_52:before{content:"";position:absolute;top:3px;left:50%;transform:translate(-50%);width:30px;height:10px;background:radial-gradient(ellipse,rgba(255,255,255,.3),transparent);border-radius:50%}._piece_1gnnp_19._king_1gnnp_178{border:3px solid #fbbf24;box-shadow:0 4px 12px #fbbf2480,0 0 20px #fbbf244d}._piece_1gnnp_19._king_1gnnp_178:after{content:"👑";position:absolute;font-size:1.25rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}._piece_1gnnp_19._disabled_1gnnp_190{cursor:not-allowed;opacity:.7}._piece_1gnnp_19._disabled_1gnnp_190:hover{transform:scale(1)}._piece_1gnnp_19._moving_1gnnp_200{animation:_move_1gnnp_239 .3s ease-in-out}@keyframes _move_1gnnp_239{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}._piece_1gnnp_19._captured_1gnnp_217{animation:_capture_1gnnp_217 .5s ease-out forwards}@keyframes _capture_1gnnp_217{0%{transform:scale(1);opacity:1}50%{transform:scale(1.3) rotate(180deg);opacity:.5}to{transform:scale(0) rotate(360deg);opacity:0}}._moveHistory_1gnnp_239{padding:1rem;background-color:var(--bg-secondary);border-radius:var(--radius-md);max-width:300px;max-height:200px;overflow-y:auto}._moveHistory_1gnnp_239::-webkit-scrollbar{width:6px}._moveHistory_1gnnp_239::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}._moveHistory_1gnnp_239::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}._historyTitle_1gnnp_262{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}._moveItem_1gnnp_269{font-size:.875rem;color:var(--text-secondary);padding:.5rem;border-bottom:1px solid var(--border)}._moveItem_1gnnp_269:last-child{border-bottom:none}@media(max-width:1024px){._square_1gnnp_70{width:60px}._piece_1gnnp_19{width:48px;height:48px;font-size:1.25rem}}@media(max-width:768px){._checkersContainer_1gnnp_1{padding:.5rem;gap:1rem}._board_1gnnp_59{padding:.5rem}._square_1gnnp_70{width:45px}._piece_1gnnp_19{width:38px;height:38px;font-size:1rem}._piece_1gnnp_19._king_1gnnp_178:after{font-size:1rem}._gameInfo_1gnnp_11{min-width:unset;width:100%}._pieceCount_1gnnp_19{gap:1rem}}@media(max-width:480px){._square_1gnnp_70{width:38px}._piece_1gnnp_19{width:32px;height:32px;font-size:.875rem}._piece_1gnnp_19._king_1gnnp_178:after{font-size:.875rem}._board_1gnnp_59{padding:.25rem;border-width:2px}._currentPlayer_1gnnp_349{font-size:1rem}._pieceCount_1gnnp_19{font-size:.875rem}._countPiece_1gnnp_35{width:20px;height:20px;font-size:.75rem}}@media(max-width:768px)and (orientation:landscape){._checkersContainer_1gnnp_1{flex-direction:row;align-items:flex-start}._gameInfo_1gnnp_11{order:2;margin-left:1rem}}@media(hover:none)and (pointer:coarse){._piece_1gnnp_19{width:50px;height:50px}._square_1gnnp_70{width:50px}}._connectFourContainer_1cbwq_1{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;gap:1.5rem}._gameInfo_1cbwq_11{text-align:center;padding:1rem;background-color:var(--bg-secondary);border-radius:var(--radius-md);min-width:300px}._currentPlayer_1cbwq_19{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}._playerIndicator_1cbwq_26{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:var(--accent-light);border-radius:var(--radius-sm);color:var(--accent-primary);font-weight:600}._discPreview_1cbwq_37{width:32px;height:32px;border-radius:50%;display:inline-block;box-shadow:0 4px 8px #0000004d}._discPreview_1cbwq_37._red_1cbwq_45{background:linear-gradient(135deg,#ef4444,#dc2626)}._discPreview_1cbwq_37._yellow_1cbwq_49{background:linear-gradient(135deg,#fbbf24,#f59e0b)}._moveCount_1cbwq_53{font-size:.9375rem;color:var(--text-secondary);margin-top:.5rem}._boardWrapper_1cbwq_60{position:relative;background:linear-gradient(135deg,#1e40af,#3b82f6);padding:1.5rem;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl),0 0 40px #3b82f64d}._columnIndicators_1cbwq_69{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem;margin-bottom:1rem}._columnButton_1cbwq_76{aspect-ratio:1;width:60px;background-color:#ffffff1a;border:2px solid transparent;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);font-size:1.5rem;position:relative;overflow:hidden}._columnButton_1cbwq_76:hover:not(:disabled){background-color:#fff3;border-color:#ffffff80;transform:translateY(-4px)}._columnButton_1cbwq_76:active:not(:disabled){transform:translateY(-2px)}._columnButton_1cbwq_76:disabled{cursor:not-allowed;opacity:.4}._columnButton_1cbwq_76:before{content:"↓";color:#fff;font-size:2rem;font-weight:700;opacity:0;transition:var(--transition)}._columnButton_1cbwq_76:hover:not(:disabled):before{opacity:1;animation:_bounce-arrow_1cbwq_1 .6s ease infinite}@keyframes _bounce-arrow_1cbwq_1{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}._board_1cbwq_60{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(6,1fr);gap:.5rem;background-color:#1e40afcc;padding:.75rem;border-radius:var(--radius-lg);position:relative}._cell_1cbwq_145{aspect-ratio:1;width:60px;background:radial-gradient(circle,#ffffffe6,#fffffff2);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:inset 0 2px 8px #0003}._disc_1cbwq_37{width:85%;height:85%;border-radius:50%;position:absolute;display:flex;align-items:center;justify-content:center;animation:_drop_1cbwq_1 .5s cubic-bezier(.34,1.56,.64,1)}@keyframes _drop_1cbwq_1{0%{transform:translateY(-600%) scale(.8);opacity:.5}60%{transform:translateY(0) scale(1.1)}80%{transform:translateY(-10%) scale(.95)}to{transform:translateY(0) scale(1);opacity:1}}._disc_1cbwq_37._red_1cbwq_45{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef444480,inset 0 -3px 6px #0000004d,inset 0 3px 6px #ffffff4d}._disc_1cbwq_37._yellow_1cbwq_49{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 4px 12px #fbbf2480,inset 0 -3px 6px #0000004d,inset 0 3px 6px #fff6}._disc_1cbwq_37:before{content:"";position:absolute;top:15%;left:20%;width:35%;height:35%;background:radial-gradient(circle,rgba(255,255,255,.6),transparent);border-radius:50%;transform:rotate(-45deg)}._disc_1cbwq_37._winning_1cbwq_219{animation:_winning-pulse_1cbwq_1 1s ease-in-out infinite;z-index:10}@keyframes _winning-pulse_1cbwq_1{0%,to{transform:scale(1);box-shadow:0 4px 12px #fbbf2480,0 0 #fbbf24b3}50%{transform:scale(1.15);box-shadow:0 4px 20px #fbbf24cc,0 0 0 8px #fbbf2400}}._disc_1cbwq_37._winning_1cbwq_219._red_1cbwq_45{animation:_winning-pulse-red_1cbwq_1 1s ease-in-out infinite}@keyframes _winning-pulse-red_1cbwq_1{0%,to{transform:scale(1);box-shadow:0 4px 12px #ef444480,0 0 #ef4444b3}50%{transform:scale(1.15);box-shadow:0 4px 20px #ef4444cc,0 0 0 8px #ef444400}}._winMessage_1cbwq_265{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem 3rem;border-radius:var(--radius-lg);text-align:center;z-index:100;animation:_appear_1cbwq_1 .5s ease;box-shadow:0 20px 60px #00000080}@keyframes _appear_1cbwq_1{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}._winMessage_1cbwq_265 h3{font-size:2rem;font-weight:700;color:#fff;margin-bottom:.5rem}._winMessage_1cbwq_265 p{font-size:1.125rem;color:#fffc}._lastMove_1cbwq_306{position:relative}._lastMove_1cbwq_306:after{content:"";position:absolute;inset:-4px;border:3px solid rgba(255,255,255,.8);border-radius:50%;animation:_pulse-border_1cbwq_1 1.5s ease-in-out infinite}@keyframes _pulse-border_1cbwq_1{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}@media(max-width:1024px){._cell_1cbwq_145,._columnButton_1cbwq_76{width:55px}}@media(max-width:768px){._connectFourContainer_1cbwq_1{padding:.5rem;gap:1rem}._boardWrapper_1cbwq_60{padding:1rem}._cell_1cbwq_145,._columnButton_1cbwq_76{width:45px}._columnIndicators_1cbwq_69,._board_1cbwq_60{gap:.375rem}._gameInfo_1cbwq_11{min-width:unset;width:100%}._winMessage_1cbwq_265{padding:1.5rem 2rem}._winMessage_1cbwq_265 h3{font-size:1.5rem}._winMessage_1cbwq_265 p{font-size:1rem}}@media(max-width:480px){._cell_1cbwq_145,._columnButton_1cbwq_76{width:38px}._boardWrapper_1cbwq_60{padding:.75rem}._board_1cbwq_60{padding:.5rem;gap:.25rem}._columnIndicators_1cbwq_69{gap:.25rem}._discPreview_1cbwq_37{width:24px;height:24px}._currentPlayer_1cbwq_19{font-size:1rem}._columnButton_1cbwq_76:before{font-size:1.5rem}}@media(max-width:768px)and (orientation:landscape){._connectFourContainer_1cbwq_1{flex-direction:row;align-items:flex-start}._gameInfo_1cbwq_11{order:2;margin-left:1rem;width:200px}}@media(hover:none)and (pointer:coarse){._columnButton_1cbwq_76{min-width:48px;min-height:48px}}._battleshipContainer_19ixa_1{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1rem;width:100%;margin-top:1000px}._phaseInfo_19ixa_12{text-align:center;padding:1rem 2rem;background-color:var(--bg-secondary);border-radius:var(--radius-md);border:2px solid var(--border);min-width:400px}._phaseTitle_19ixa_21{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}._phaseDescription_19ixa_32{font-size:.9375rem;color:var(--text-secondary);margin-bottom:1rem}._readyButton_19ixa_38{padding:.75rem 2rem;background-color:var(--accent-primary);border:none;border-radius:var(--radius-md);color:#fff;font-weight:600;cursor:pointer;transition:var(--transition);font-size:1rem}._readyButton_19ixa_38:hover:not(:disabled){background-color:var(--accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}._readyButton_19ixa_38:disabled{opacity:.5;cursor:not-allowed}._placementControls_19ixa_62{display:flex;flex-direction:column;gap:1rem;padding:1rem;background-color:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border)}._shipsToPlace_19ixa_72{display:flex;flex-direction:column;gap:.75rem}._shipItem_19ixa_78{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background-color:var(--bg-tertiary);border:2px solid var(--border);border-radius:var(--radius-md);transition:var(--transition)}._shipItem_19ixa_78._selected_19ixa_89{border-color:var(--accent-primary);background-color:var(--accent-light)}._shipItem_19ixa_78._placed_19ixa_94{opacity:.5}._shipInfo_19ixa_98{display:flex;align-items:center;gap:.75rem}._shipIcon_19ixa_104{font-size:1.5rem}._shipDetails_19ixa_108{display:flex;flex-direction:column;gap:.125rem}._shipName_19ixa_114{font-weight:600;color:var(--text-primary);font-size:.9375rem}._shipSize_19ixa_120{font-size:.8125rem;color:var(--text-muted)}._placeButton_19ixa_125{padding:.5rem 1rem;background-color:var(--accent-primary);border:none;border-radius:var(--radius-sm);color:#fff;font-weight:600;cursor:pointer;transition:var(--transition);font-size:.875rem}._placeButton_19ixa_125:hover:not(:disabled){background-color:var(--accent-hover)}._placeButton_19ixa_125:disabled{opacity:.5;cursor:not-allowed}._orientationToggle_19ixa_146{display:flex;gap:.5rem;align-items:center;padding:.75rem 1rem;background-color:var(--bg-tertiary);border-radius:var(--radius-md)}._orientationToggle_19ixa_146 label{font-weight:500;color:var(--text-secondary);font-size:.9375rem}._orientationToggle_19ixa_146 button{padding:.5rem 1rem;background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-weight:500;cursor:pointer;transition:var(--transition)}._orientationToggle_19ixa_146 button._active_19ixa_172{background-color:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}._boardsContainer_19ixa_179{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;width:100%}._boardSection_19ixa_187{display:flex;flex-direction:column;gap:1rem}._boardTitle_19ixa_193{text-align:center;font-size:1.125rem;font-weight:600;color:var(--text-primary);padding:.75rem;background-color:var(--bg-secondary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;gap:.5rem}._boardWrapper_19ixa_207{background:linear-gradient(135deg,#0c4a6e,#0369a1);padding:1rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);position:relative}._grid_19ixa_216{display:grid;grid-template-columns:repeat(10,1fr);gap:2px;background-color:#ffffff1a;padding:2px;border-radius:var(--radius-md)}._cell_19ixa_225{aspect-ratio:1;width:40px;background-color:#3b82f64d;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);position:relative;font-size:1.25rem}._cell_19ixa_225:hover:not(._disabled_19ixa_239){background-color:#3b82f680;transform:scale(1.05)}._cell_19ixa_225._disabled_19ixa_239{cursor:not-allowed}._cell_19ixa_225._ship_19ixa_72{background-color:#475569cc;border-color:#94a3b880}._cell_19ixa_225._preview_19ixa_254{background-color:#10b98166;border-color:#10b981cc;animation:_pulse-preview_19ixa_1 1s ease-in-out infinite}._cell_19ixa_225._previewInvalid_19ixa_260{background-color:#ef444466;border-color:#ef4444cc;animation:_shake_19ixa_1 .3s ease-in-out}@keyframes _pulse-preview_19ixa_1{0%,to{opacity:.6}50%{opacity:1}}@keyframes _shake_19ixa_1{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}._cell_19ixa_225._hit_19ixa_294{background-color:#ef4444cc;border-color:#dc2626cc}._cell_19ixa_225._hit_19ixa_294:after{content:"💥";font-size:1.5rem;animation:_explode_19ixa_1 .5s ease-out}@keyframes _explode_19ixa_1{0%{transform:scale(0);opacity:0}50%{transform:scale(1.5)}to{transform:scale(1);opacity:1}}._cell_19ixa_225._miss_19ixa_321{background-color:#94a3b84d}._cell_19ixa_225._miss_19ixa_321:after{content:"💨";font-size:1rem;opacity:.6}._cell_19ixa_225._sunk_19ixa_331{background-color:#7f1d1de6;animation:_sink_19ixa_1 .8s ease-out}@keyframes _sink_19ixa_1{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}._statsDisplay_19ixa_349{display:flex;gap:2rem;justify-content:center;margin-top:1rem}._statItem_19ixa_356{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background-color:var(--bg-secondary);border-radius:var(--radius-md);min-width:120px}._statLabel_19ixa_367{font-size:.875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}._statValue_19ixa_374{font-size:1.5rem;font-weight:700;color:var(--text-primary)}._statValue_19ixa_374._ships_19ixa_72{color:var(--accent-primary)}._statValue_19ixa_374._hits_19ixa_384{color:var(--success)}._statValue_19ixa_374._misses_19ixa_388{color:var(--text-muted)}._shipLegend_19ixa_393{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;padding:1rem;background-color:var(--bg-secondary);border-radius:var(--radius-md)}._legendItem_19ixa_403{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:.875rem}._legendItem_19ixa_403._sunk_19ixa_331{opacity:.5;text-decoration:line-through}._legendShip_19ixa_418{font-size:1.25rem}._legendText_19ixa_422{color:var(--text-secondary)}._waitingState_19ixa_427{text-align:center;padding:2rem}._waitingIcon_19ixa_432{font-size:3rem;margin-bottom:1rem;animation:_bounce_19ixa_1 1s infinite}@keyframes _bounce_19ixa_1{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}._waitingText_19ixa_450{font-size:1.125rem;color:var(--text-secondary)}@media(max-width:1024px){._cell_19ixa_225{width:36px}._boardsContainer_19ixa_179{gap:1.5rem}._phaseInfo_19ixa_12{min-width:300px}}@media(max-width:768px){._battleshipContainer_19ixa_1{gap:1rem;padding:.5rem}._cell_19ixa_225{width:30px;font-size:1rem}._cell_19ixa_225._hit_19ixa_294:after{font-size:1.25rem}._boardWrapper_19ixa_207{padding:.75rem}._boardsContainer_19ixa_179{flex-direction:column;gap:1rem}._phaseInfo_19ixa_12{min-width:unset;width:100%;padding:1rem}._phaseTitle_19ixa_21{font-size:1.125rem}._statsDisplay_19ixa_349{gap:1rem;flex-wrap:wrap}._statItem_19ixa_356{min-width:100px;padding:.75rem}._statValue_19ixa_374{font-size:1.25rem}._placementControls_19ixa_62{width:100%}}@media(max-width:480px){._cell_19ixa_225{width:28px}._boardTitle_19ixa_193{font-size:1rem}._shipItem_19ixa_78{flex-direction:column;gap:.5rem;align-items:stretch}._placeButton_19ixa_125{width:100%}._orientationToggle_19ixa_146{flex-direction:column;align-items:stretch}._orientationToggle_19ixa_146>div{display:flex;gap:.5rem}._orientationToggle_19ixa_146 button{flex:1}}@media(hover:none)and (pointer:coarse){._cell_19ixa_225{min-width:36px;min-height:36px}}._dmContainer_6m5w7_1{height:100%;display:flex;background-color:var(--bg-primary);overflow:hidden}._conversationsList_6m5w7_9{width:350px;background-color:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column}._listHeader_6m5w7_17{padding:1rem 1rem 3.5rem;border-bottom:1px solid var(--border)}._listTitle_6m5w7_23{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}._searchWrapper_6m5w7_30{position:absolute}._searchIcon_6m5w7_34{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:1rem}._searchInput_6m5w7_43{width:100%;padding:.75rem 1rem .75rem 2.5rem;background-color:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9375rem}._searchInput_6m5w7_43:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-light)}._searchInput_6m5w7_43::placeholder{color:var(--text-muted)}._conversations_6m5w7_9{flex:1;overflow-y:auto}._conversations_6m5w7_9::-webkit-scrollbar{width:6px}._conversations_6m5w7_9::-webkit-scrollbar-track{background:var(--bg-secondary)}._conversations_6m5w7_9::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}._conversationItem_6m5w7_81{display:flex;align-items:center;gap:.875rem;padding:1rem;cursor:pointer;transition:var(--transition);border-bottom:1px solid var(--border)}._conversationItem_6m5w7_81:hover{background-color:var(--bg-tertiary)}._conversationItem_6m5w7_81._active_6m5w7_95{background-color:var(--bg-tertiary);border-left:3px solid var(--accent-primary)}._userAvatar_6m5w7_100{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.125rem;text-transform:uppercase;flex-shrink:0;position:relative}._onlineBadge_6m5w7_116{position:absolute;bottom:0;right:0;width:14px;height:14px;background-color:var(--success);border:2px solid var(--bg-secondary);border-radius:50%}._conversationInfo_6m5w7_127{flex:1;min-width:0}._conversationHeader_6m5w7_132{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}._userName_6m5w7_139{font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._messageTime_6m5w7_147{font-size:.75rem;color:var(--text-muted);flex-shrink:0}._lastMessage_6m5w7_153{font-size:.875rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:.375rem}._unreadBadge_6m5w7_164{background-color:var(--accent-primary);color:#fff;border-radius:10px;padding:.125rem .5rem;font-size:.75rem;font-weight:700;min-width:20px;text-align:center}._chatArea_6m5w7_176{flex:1;display:flex;flex-direction:column}._dmChatHeader_6m5w7_182{background-color:var(--bg-secondary);border-bottom:1px solid var(--border);padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center}._dmUserInfo_6m5w7_191{display:flex;align-items:center;gap:1rem}._dmUserAvatar_6m5w7_197{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.125rem;text-transform:uppercase}._dmUserDetails_6m5w7_211{flex:1}._dmUserName_6m5w7_215{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.125rem}._dmUserStatus_6m5w7_222{font-size:.875rem;color:var(--text-muted);display:flex;align-items:center;gap:.375rem}._statusDot_6m5w7_230{width:8px;height:8px;border-radius:50%;background-color:var(--success)}._dmActions_6m5w7_237{display:none;gap:.5rem}._dmActionButton_6m5w7_242{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:var(--transition);font-size:1.25rem}._dmActionButton_6m5w7_242:hover{background-color:var(--bg-hover);border-color:var(--accent-primary);color:var(--accent-primary)}._dmMessagesWrapper_6m5w7_264{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;background-color:var(--bg-primary)}._dmMessagesWrapper_6m5w7_264::-webkit-scrollbar{width:8px}._dmMessagesWrapper_6m5w7_264::-webkit-scrollbar-track{background:var(--bg-secondary)}._dmMessagesWrapper_6m5w7_264::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}._dmMessageGroup_6m5w7_287{display:flex;gap:.75rem;align-items:flex-start}._dmMessageGroup_6m5w7_287._own_6m5w7_293{flex-direction:row-reverse}._dmMessageContent_6m5w7_297{display:flex;flex-direction:column;gap:.25rem;max-width:70%}._dmMessageGroup_6m5w7_287._own_6m5w7_293 ._dmMessageContent_6m5w7_297{align-items:flex-end}._dmMessageBubble_6m5w7_308{background-color:var(--bg-secondary);border:1px solid var(--border);padding:.75rem 1rem;border-radius:var(--radius-lg);color:var(--text-primary);word-wrap:break-word;line-height:1.5}._dmMessageGroup_6m5w7_287._own_6m5w7_293 ._dmMessageBubble_6m5w7_308{background-color:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}._dmMessageTime_6m5w7_324{font-size:.75rem;color:var(--text-muted);padding:0 .75rem}._dmInputArea_6m5w7_331{background-color:var(--bg-secondary);border-top:1px solid var(--border);padding:1rem 1.5rem}._dmInputWrapper_6m5w7_337{display:flex;gap:.75rem;align-items:flex-end}._dmInputContainer_6m5w7_343{flex:1;position:relative}._dmMessageInput_6m5w7_348{width:100%;min-height:48px;max-height:120px;padding:.875rem 3rem .875rem 1rem;background-color:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;resize:vertical;transition:var(--transition);font-family:inherit}._dmMessageInput_6m5w7_348:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-light)}._dmMessageInput_6m5w7_348::placeholder{color:var(--text-muted)}._dmSendButton_6m5w7_373{padding:.875rem 1.5rem;background-color:var(--accent-primary);border:none;border-radius:var(--radius-md);color:#fff;font-weight:600;cursor:pointer;transition:var(--transition);min-height:48px}._dmSendButton_6m5w7_373:hover:not(:disabled){background-color:var(--accent-hover);transform:translateY(-1px)}._dmSendButton_6m5w7_373:disabled{opacity:.5;cursor:not-allowed}._emptyState_6m5w7_396{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}._emptyIcon_6m5w7_406{font-size:4rem;margin-bottom:1rem;opacity:.3}._emptyTitle_6m5w7_412{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}._emptyText_6m5w7_419{font-size:1rem;color:var(--text-secondary);max-width:400px;line-height:1.6}@media(max-width:768px){._dmContainer_6m5w7_1{position:relative}._conversationsList_6m5w7_9{width:100%;position:absolute;left:0;top:0;bottom:0;z-index:10;transform:translate(-100%);transition:transform .3s ease}._conversationsList_6m5w7_9._showList_6m5w7_443{transform:translate(0)}._chatArea_6m5w7_176{width:100%}._dmMessageContent_6m5w7_297{max-width:85%}}