/* The same Ember Night materials and icon language as the game sidebar. */
#dashboardNavbarChat.cm-game-topbar { display:flex; align-items:center; justify-content:space-between; gap:18px; height:60px; padding:0 18px; width:100%; background:rgba(11,13,19,.96); border-bottom:1px solid rgba(255,255,255,.07); box-shadow:0 6px 24px -20px #000; }
.cm-game-topbar svg { width:18px; height:18px; flex-shrink:0; }
.cm-topbar-brand,.cm-topbar-links,.cm-topbar-actions { display:flex; align-items:center; gap:8px; }
.cm-topbar-brand,.cm-topbar-actions { flex-shrink:0; }
.cm-topbar-toggle { width:34px; height:34px; display:flex; align-items:center; justify-content:center; border-radius:9px; }
.cm-topbar-logo { display:flex; align-items:center; padding:0 6px; }
.cm-topbar-logo img { max-width:132px; height:34px; object-fit:contain; }
.cm-topbar-online { display:flex; align-items:center; gap:6px; margin-left:10px; padding-left:16px; border-left:1px solid rgba(255,255,255,.08); font-size:10px; color:#9ca3af; white-space:nowrap; }
.cm-topbar-online b { color:#d1d5db; font:500 11px 'JetBrains Mono',monospace; }
.cm-topbar-online > span { width:5px; height:5px; background:#34d399; border-radius:50%; box-shadow:0 0 7px rgba(52,211,153,.25); }
.cm-topbar-links { gap:3px; min-width:0; overflow-x:auto; scrollbar-width:thin; padding:12px 0; margin:-12px 0; }
.cm-topbar-link { position:relative; display:flex; gap:7px; align-items:center; height:36px; padding:0 11px; border-radius:8px; color:#9ca3af; font-size:12px; font-weight:500; white-space:nowrap; }
.cm-topbar-link svg { width:16px; height:16px; }
.cm-topbar-link:hover { background:rgba(255,255,255,.04); }
.cm-topbar-link.is-current { color:#ffc070; background:rgba(255,125,16,.07); }
.cm-topbar-link.is-current::after { content:''; position:absolute; bottom:-12px; height:2px; left:12px; right:12px; background:#ff7d10; border-radius:2px; }
.cm-topbar-deposit { display:flex; align-items:center; justify-content:center; gap:6px; height:35px; padding:0 12px; border-radius:9px; background:linear-gradient(110deg,#ff9a37,#ff7d10); color:#06070b !important; font-size:12px; font-weight:700; white-space:nowrap; }
.cm-topbar-deposit:hover { color:#06070b !important; background:linear-gradient(110deg,#ffc070,#ff9a37); }
.cm-topbar-veteran { display:flex; align-items:center; justify-content:center; width:35px; height:35px; padding:0; border:1px solid rgba(167,139,250,.2); border-radius:9px; color:#c4b5fd; }
.cm-topbar-veteran img { width:22px; height:22px; object-fit:contain; filter:drop-shadow(0 0 5px rgba(167,139,250,.25)); }
.cm-topbar-veteran:hover { color:#ede9fe; border-color:rgba(167,139,250,.5); background:rgba(139,92,246,.1); }
.cm-topbar-login { padding:8px 12px; color:#d1d5db; font-size:12px; }
.cm-topbar-account { position:relative; }
#dashboardNavbarChat .cm-account-trigger { display:flex; align-items:center; gap:9px; height:38px; padding:3px 8px 3px 4px; border-radius:10px; cursor:pointer; }
.cm-account-avatar { width:28px; height:28px; border-radius:8px; object-fit:cover; border:1px solid rgba(255,154,55,.25); }
.cm-account-initials { display:flex; align-items:center; justify-content:center; background:rgba(255,125,16,.08); color:#ffc070; font:500 10px 'JetBrains Mono',monospace; }
.cm-account-name { text-align:left; font-size:11px; line-height:1.3; max-width:100px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cm-account-name small { display:block; font:9px/1.6 'JetBrains Mono',monospace; color:#9ca3af; }
.cm-game-topbar .cm-account-chevron { width:12px; height:12px; color:#9ca3af; }
#dashboardNavbarChat #dropdown-user { width:272px; max-height:calc(100dvh - 76px); overflow-y:auto; border-radius:14px; padding:8px; }
.cm-account-menu-heading { display:flex; flex-direction:column; gap:6px; padding:15px 13px; border-bottom:1px solid rgba(255,255,255,.07); margin-bottom:6px; }
.cm-account-menu-heading strong { color:#fff; font-size:14px; overflow-wrap:anywhere; }
.cm-account-menu-heading span { color:#9ca3af; font:11px 'JetBrains Mono',monospace; }
.cm-account-menu-heading i { padding:0 5px; font-style:normal; color:#4b5563; }
.cm-account-menu ul { margin:0; padding:0; list-style:none; }
.cm-account-menu a { display:flex; align-items:center; gap:11px; min-height:42px; padding:10px 13px; border-radius:9px; color:#d1d5db; font-size:13px; line-height:1.35; }
.cm-account-menu a svg { color:#9ca3af; width:18px; height:18px; }
.cm-account-menu a:hover { background:rgba(255,255,255,.05); }
.cm-account-menu .cm-account-logout { margin-top:5px; border-top:1px solid rgba(255,255,255,.07); border-radius:0 0 8px 8px; color:#fca5a5; }
.cm-topbar-events { position:relative; }
.cm-topbar-events summary { list-style:none; color:#6ee7b7; cursor:pointer; font-size:11px; padding:8px; }
.cm-topbar-events summary::-webkit-details-marker { display:none; }
.cm-topbar-events summary span { padding:2px 5px; border-radius:4px; background:rgba(16,185,129,.12); }
.cm-topbar-events > div { position:absolute; top:40px; right:0; min-width:200px; padding:6px; background:#0b0d13; border:1px solid rgba(255,255,255,.1); border-radius:12px; }
.cm-topbar-events a { display:block; color:#d1d5db; font-size:12px; padding:10px; border-radius:8px; }
.cm-topbar-events a:hover { background:rgba(16,185,129,.08); }
#dashboardNavbarChat #balance-button { height:38px; padding:5px 9px; border-radius:10px; }
#dashboardNavbarChat #balance-button > .absolute,#dashboardNavbarChat #balance-button .relative > .absolute,#dashboardNavbarChat #dropdown-balance .floating-particles { display:none; }
#dashboardNavbarChat #balance-button img { height:23px; width:23px; margin-right:8px; transform:none; }
#dashboardNavbarChat #balance-button .cm-balance-value { max-width:142px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font:500 12px/1.25 'JetBrains Mono',monospace; }
#dashboardNavbarChat #balance-button .cm-balance-currency { font:9px/1.5 'JetBrains Mono',monospace; color:#9ca3af; }
#dashboardNavbarChat #balance-button svg { width:12px; height:12px; margin-left:9px; transform:none; }
#dashboardNavbarChat #dropdown-balance { border-radius:14px; width:260px; max-height:calc(100dvh - 76px); overflow-y:auto; animation:none; }
@media (max-width:1399px) { .cm-account-name { display:none; } }
@media (max-width:1279px) { .cm-topbar-online { display:none; } .cm-topbar-link { padding:0 8px; } }
@media (max-width:1099px) { .cm-topbar-links { display:none; } }
@media (max-width:767px) { #dashboardNavbarChat.cm-game-topbar { padding:0 10px; gap:8px; } .cm-topbar-brand,.cm-topbar-actions { gap:6px; } .cm-topbar-logo { padding:0; } .cm-topbar-logo img { max-width:100px; height:28px; } .cm-topbar-events { display:none; } }
@media (max-width:599px) { .cm-topbar-actions > .cm-topbar-deposit:has(svg) { display:none; } .cm-game-topbar .cm-account-chevron { display:none; } #dashboardNavbarChat .cm-account-trigger { padding:3px; width:36px; justify-content:center; } #dashboardNavbarChat #balance-button .cm-balance-value { max-width:88px; font-size:11px; } }
@media (max-width:359px) { .cm-topbar-logo img { max-width:72px; } #dashboardNavbarChat #balance-button img { display:none; } }
@media (prefers-reduced-motion:reduce) { .cm-game-topbar * { animation:none !important; transition:none !important; } }