#left-column{background-color:var(--bg-secondary);overflow-y:auto;box-sizing:border-box;padding:0;display:flex;flex-direction:column;border-right:1px solid var(--border-subtle)}#server-list-header{padding:var(--space-lg) var(--space-md);text-align:center;border-bottom:1px solid var(--border-medium);background-color:var(--bg-primary);margin-bottom:0}#server-list-logo{height:58px;width:auto;filter:drop-shadow(0 2px 8px rgba(235,117,56,.3));margin-bottom:var(--space-sm)}#server-list-tagline{font-size:10px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1.2px;font-weight:600;margin-top:var(--space-sm)}#server-list-container{flex:1;overflow-y:auto}.server-item{margin-bottom:var(--space-md);position:relative;transition:all .2s ease}.server-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:linear-gradient(180deg,var(--gamevox-orange-start),var(--gamevox-orange-end));transition:height .2s ease;border-radius:0 2px 2px 0}.server-item.active:before,.server-item:hover:before{height:80%}.server-name{font-weight:600;font-size:14px;margin-bottom:var(--space-xs);cursor:pointer;transition:all .2s ease;padding:var(--space-sm) var(--space-sm) var(--space-sm) var(--space-md);border-radius:var(--radius-md);display:flex;align-items:center;gap:var(--space-sm);color:var(--text-primary)}.REMOVEDserver-name:hover{background-color:var(--hover-overlay);transform:translate(2px)}.server-name.active{background-color:var(--selected-bg);color:var(--gamevox-orange-start)}.server-icon{width:24px;height:24px;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-elevated));display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--text-secondary);flex-shrink:0;transition:all .2s ease}.server-item.active .server-icon,.server-item:hover .server-icon{background:linear-gradient(135deg,var(--gamevox-orange-start),var(--gamevox-orange-end));color:#fff;box-shadow:0 0 12px #eb753866}.server-icon img{width:100%;height:100%;object-fit:cover}.server-item.self-hosted-offline .server-icon{opacity:.4;filter:grayscale(100%)}.server-item.self-hosted-offline .server-name{opacity:.5}.offline-badge{font-size:8px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:1px}.channel-list{list-style:none;padding:0 var(--space-sm) 0 var(--space-sm)}.channel-list li{padding:var(--space-sm) var(--space-md);cursor:pointer;transition:none;display:flex;align-items:center;gap:var(--space-sm);border-radius:var(--radius-sm);margin-bottom:1px;font-size:15px;color:var(--text-secondary);font-weight:500}.channel-list li:hover{background-color:var(--hover-overlay);color:var(--text-primary)}.channel-list li.active{background-color:var(--active-overlay);color:var(--text-primary);font-weight:600}.voice-channel:before,.file-share-channel:before,.text-channel:before,.news-channel:before{display:none}.channel-list li[type]:before{width:16px;height:16px;background-size:cover;content:"";flex-shrink:0}.channel-list li[type=voice]:before{background-image:url(/assets/voice-icon.30c9c8c8.svg)}.channel-list li[type=text]:before{background-image:url(/assets/text-icon.7b07b077.svg)}.channel-list li[type=fileshare]:before{background-image:url(/assets/file-icon.5c79a6eb.svg)}.channel-list li[type=news]:before{background-image:url(/assets/news-icon.6b945b1a.svg)}.channel-list li[type=forum]:before{background-image:url(/assets/forum-icon.de47788f.svg)}.highlight-channel{background-color:var(--selected-bg);color:var(--gamevox-orange-start);font-weight:600}.channel-list li.voice-active{background-color:#43b58133}.channel-list li.voice-active .channel-name{color:#43b581;font-weight:600}.channel-section-header{display:none}.channel-list li.channel{position:relative}.channel-list li.has-unread{color:var(--text-primary);font-weight:600}.channel-list li.channel.muted{opacity:.5}.channel-list li.channel.muted .channel-name:after{content:" (muted)";font-size:10px;font-weight:400;color:var(--text-muted, #949ba4)}.channel-list li.channel .unread-badge{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:var(--bg-tertiary);color:var(--text-secondary);font-size:10px;font-weight:600;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px}.channel-list li.channel .unread-badge.has-mention{background:var(--accent-main);color:#fff}.server-unread-badge{margin-left:auto;background:var(--bg-tertiary);color:var(--text-secondary);font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 5px;flex-shrink:0;position:relative;z-index:1}.server-unread-badge.has-mention{background:var(--accent-main);color:#fff}@keyframes badge-pulse{0%{transform:translateY(-50%) scale(.5);opacity:0}50%{transform:translateY(-50%) scale(1.2)}to{transform:translateY(-50%) scale(1);opacity:1}}.pending-applications-notification{padding:0!important;margin-bottom:8px!important}.pending-applications-notification .notification-content{display:flex;align-items:center;gap:8px;padding:10px 12px;background:linear-gradient(135deg,rgba(255,107,53,.15) 0%,rgba(247,147,30,.15) 100%);border:1px solid rgba(255,107,53,.3);border-radius:6px;cursor:pointer;transition:all .2s ease;color:var(--text-primary);font-size:13px;font-weight:500}.pending-applications-notification .notification-content:hover{background:linear-gradient(135deg,rgba(255,107,53,.25) 0%,rgba(247,147,30,.25) 100%);border-color:#ff6b3580}.pending-applications-notification .notification-content svg{flex-shrink:0;stroke:var(--gamevox-orange-end)}.pending-applications-notification .notification-badge{margin-left:auto;background:linear-gradient(135deg,var(--gamevox-orange-start) 0%,var(--gamevox-orange-end) 100%);color:#fff;font-size:11px;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 6px}#add-server-container{position:fixed;bottom:0;left:0;width:240px;padding:var(--space-sm);border-top:1px solid var(--border-medium);border-right:1px solid var(--border-subtle);background-color:var(--bg-primary);box-sizing:border-box;z-index:100}#add-server-btn{width:100%;padding:var(--space-md);background:linear-gradient(135deg,var(--gamevox-orange-start) 0%,var(--gamevox-orange-end) 100%);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.5px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);box-shadow:var(--shadow-orange)}#add-server-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #eb753880;background:linear-gradient(135deg,#f58549 0%,#f55d4c 100%)}#add-server-btn:active{transform:translateY(0) scale(.98)}#add-server-btn:before{content:"+";font-size:18px;font-weight:700}#add-server-btn.subtle{background:transparent;border:1px dashed var(--border-light);color:var(--text-tertiary);box-shadow:none;font-size:12px;padding:var(--space-sm) var(--space-md)}#add-server-btn.subtle:hover{background:var(--bg-tertiary);border-color:var(--text-tertiary);color:var(--text-secondary);transform:none;box-shadow:none}#add-server-btn.subtle:before{font-size:14px}.voice-participants{display:none}.voice-participant{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:13px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;position:relative}.voice-participant:hover{background-color:var(--hover-overlay);color:var(--text-primary)}.voice-participant.speaking{color:var(--text-primary)}.voice-participant.muted-speaking .voice-participant-avatar{filter:drop-shadow(0 0 3px #f59e0b) drop-shadow(0 0 6px rgba(245,158,11,.5));animation:muted-speaking-pulse .8s ease-in-out infinite}@keyframes muted-speaking-pulse{0%,to{filter:drop-shadow(0 0 3px #f59e0b) drop-shadow(0 0 6px rgba(245,158,11,.5))}50%{filter:drop-shadow(0 0 4px #f59e0b) drop-shadow(0 0 10px rgba(245,158,11,.7))}}.voice-participant-avatar-wrapper{position:relative;width:24px;height:24px;flex-shrink:0}.voice-participant-avatar{width:24px;height:24px;clip-path:polygon(50% 0%,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);object-fit:cover;flex-shrink:0;transition:filter .2s ease}.voice-mobile-indicator{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;background-color:var(--bg-tertiary);border-radius:3px;display:flex;align-items:center;justify-content:center;border:1px solid var(--bg-secondary)}.voice-mobile-indicator:before{content:"";width:8px;height:10px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23b9bbbe'%3E%3Cpath d='M17 1.01L7 1c-1.1 0-2 .9-2 2v18c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V3c0-1.1-.9-1.99-2-1.99zM17 19H7V5h10v14z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center}.voice-participant-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-muted-icon,.voice-deafened-icon,.voice-server-muted-icon,.voice-blocked-icon,.voice-video-icon,.voice-video-muted-icon,.voice-screen-icon,.voice-changer-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.voice-muted-icon svg,.voice-deafened-icon svg,.voice-server-muted-icon svg,.voice-blocked-icon svg,.voice-video-icon svg,.voice-video-muted-icon svg,.voice-screen-icon svg,.voice-changer-icon svg{width:14px;height:14px}.voice-muted-icon,.voice-deafened-icon,.voice-server-muted-icon,.voice-blocked-icon{color:#f04747}.voice-video-icon{color:#43b581}.voice-video-muted-icon{color:#f04747}.voice-screen-icon{color:#43b581}.voice-changer-icon{color:#b39ddb}.voice-participant.blocked{opacity:.5}.voice-participant.blocked .voice-participant-avatar{filter:grayscale(100%)}.voice-participant.blocked .voice-participant-name{color:var(--text-tertiary);font-style:italic}.voice-participant.speaking .voice-participant-avatar{filter:drop-shadow(0 0 3px #43b581) drop-shadow(0 0 6px rgba(67,181,129,.5))}.channel .channel-name{cursor:pointer;flex:1}.channel[type=voice]{flex-wrap:wrap;position:relative}.channel[type=voice] .voice-participants{width:100%;padding-bottom:0}.voice-participants .screen-share-volume{padding:2px 8px;gap:5px}.voice-participants .screen-share-volume svg{width:13px;height:13px}.voice-participants .screen-share-volume-slider{height:3px}.voice-participants .screen-share-volume-slider::-webkit-slider-thumb{width:12px;height:12px}.voice-participants .screen-share-volume-value{font-size:10px;min-width:28px}.voice-join-icon{display:none;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:50%;background:#43b581;color:#fff;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease;z-index:2}.voice-join-icon svg{width:12px;height:12px}.channel[type=voice]:hover .voice-join-icon{display:flex}.voice-join-icon:hover{background:#3ca374}.voice-join-icon .gv-spinner .spinner-track{stroke:#ffffff4d}.voice-join-icon .gv-spinner .spinner-progress{stroke:#fff}.voice-join-icon.connecting{pointer-events:none;opacity:.85}.channel[type=voice].voice-active .voice-join-icon{background:#f04747}.channel[type=voice].voice-active .voice-join-icon:hover{background:#d84040}.channel[type=voice].voice-active:hover .voice-join-icon{display:flex}.channel.draggable{cursor:grab}.channel.draggable:active{cursor:grabbing}.channel.dragging{opacity:.5;background-color:var(--bg-tertiary)}.channel.drop-above,.channel-section-header.drop-above{border-top:2px solid var(--gamevox-orange-start);margin-top:-2px}.channel.drop-below,.channel-section-header.drop-below{border-bottom:2px solid var(--gamevox-orange-start);margin-bottom:-2px}.channel-section-header.draggable{cursor:grab}.channel-section-header.draggable:active{cursor:grabbing}.channel-section-header.dragging{opacity:.5}.channel.draggable:after{content:"\2630";position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:12px;color:var(--text-tertiary);opacity:0;transition:opacity .15s ease;pointer-events:none}.channel.draggable:hover:after{opacity:.6}.channel.draggable.dragging:after{opacity:0}.channel.organizing{border-left:2px solid var(--gamevox-orange-start);margin-left:-2px;padding-left:10px}.channel.organizing:after{opacity:.4}.channel-section-header.organizing{border-left:2px solid var(--gamevox-orange-start);margin-left:-2px;padding-left:6px}.channel-section-header .section-collapse-toggle{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;opacity:.5;cursor:pointer;transition:opacity .15s ease}.collapse-chevron{width:20px;height:20px}.channel-section-header:hover .section-collapse-toggle{opacity:1}.channel-section-header .collapse-chevron{transition:transform .15s ease}.channel-section-header.collapsed .collapse-chevron{transform:rotate(-90deg)}.channel-list li.section-hidden{display:none!important}.rules-notification-banner{padding:0 var(--space-sm);margin-bottom:var(--space-sm)}.rules-banner-content{display:flex;align-items:center;gap:8px;padding:10px 12px;background:linear-gradient(135deg,rgba(250,166,26,.15) 0%,rgba(245,124,0,.15) 100%);border:1px solid rgba(250,166,26,.4);border-radius:6px;color:var(--text-primary);font-size:12px}.rules-banner-icon{width:16px;height:16px;flex-shrink:0;stroke:#faa61a}.rules-banner-text{flex:1;color:var(--text-secondary)}.rules-banner-btn{background:linear-gradient(135deg,var(--gamevox-orange-start) 0%,var(--gamevox-orange-end) 100%);color:#fff;border:none;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s ease}.rules-banner-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #eb753866}#server-switcher{display:block}html.layout-modern #left-column{display:flex;flex-direction:column}html.layout-modern #server-list-container{flex:1;overflow-y:auto}#server-switcher-header{position:relative;height:120px;background:linear-gradient(135deg,var(--accent-start),var(--accent-end));background-size:cover;background-position:center;background-repeat:no-repeat;cursor:pointer;overflow:hidden;border-radius:8px;margin:6px;border-top:none;box-shadow:0 0 8px -3px color-mix(in srgb,var(--banner-accent-color, var(--accent-main)) 50%,transparent);transition:box-shadow .3s ease,border-color .3s ease}#server-switcher-header:hover{box-shadow:0 0 12px -2px color-mix(in srgb,var(--banner-accent-color, var(--accent-main)) 60%,transparent)}#server-switcher-header:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.08) 50%,transparent 100%);transform:skew(-20deg);animation:banner-shimmer 8s ease-in-out infinite;pointer-events:none;z-index:1}@keyframes banner-shimmer{0%{left:-100%}15%{left:150%}to{left:150%}}.server-switcher-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.1) 50%,rgba(0,0,0,.6) 100%);pointer-events:none;border-radius:6px}.server-switcher-content{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:6px;padding:0 1px;color:#fff;pointer-events:none}.server-switcher-content .server-icon{width:28px;height:28px;border-radius:5px;background:transparent;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;overflow:hidden;flex-shrink:0;border:none;text-shadow:0 1px 3px rgba(0,0,0,.8)}.server-switcher-content .server-icon img{width:100%;height:100%;object-fit:cover;border-radius:5px}.server-switcher-content .server-name{flex:1;font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 3px rgba(0,0,0,1.8)}.server-switcher-content .dropdown-arrow{width:18px;height:18px;opacity:.8;transition:transform .2s ease}#server-switcher.open .dropdown-arrow{transform:rotate(180deg)}#server-switcher-dropdown{display:none;position:fixed;top:32px;left:240px;bottom:0;width:480px;background:var(--bg-elevated);border-right:1px solid var(--border-medium);box-shadow:var(--shadow-lg);z-index:200;flex-direction:row}#server-switcher.open #server-switcher-dropdown{display:flex}body.web-mode #server-switcher-dropdown{top:0}.server-dropdown-list{width:220px;flex-shrink:0;border-right:1px solid var(--border-subtle);overflow-y:auto;background:var(--bg-elevated)}.server-dropdown-item{display:flex;align-items:center;gap:8px;padding:6px 10px;margin:2px 6px;width:calc(100% - 12px);cursor:pointer;transition:background-color .15s ease,border-color .15s ease;border:1px solid transparent;border-radius:8px;background:none;text-align:left;color:var(--text-primary);position:relative;overflow:hidden}.server-dropdown-item:hover,.server-dropdown-item.hovered{background:var(--hover-overlay);border-color:var(--border-subtle)}.server-dropdown-item.active{background:var(--selected-bg);border-color:var(--accent-main)}.server-dropdown-item.has-banner:before{content:"";position:absolute;inset:-10px;background-image:var(--server-banner-url);background-size:cover;background-position:center;filter:blur(4px);opacity:.6;pointer-events:none;z-index:0;transition:opacity .15s ease,filter .15s ease}.server-dropdown-item.has-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,.2) 100%);pointer-events:none;z-index:0;transition:background .15s ease}.server-dropdown-item.has-banner>*{position:relative;z-index:1}.server-dropdown-item.has-banner{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8);border:1px solid rgba(255,255,255,.15);box-shadow:0 2px 8px #0000004d}.server-dropdown-item.has-banner .server-icon{background:transparent;border:none;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8)}.server-dropdown-item.has-banner:hover,.server-dropdown-item.has-banner.hovered{background:none;border-color:#ffffff4d;box-shadow:0 2px 12px #0006}.server-dropdown-item.has-banner:hover:before,.server-dropdown-item.has-banner.hovered:before{opacity:.85;filter:blur(4px)}.server-dropdown-item.has-banner:hover:after,.server-dropdown-item.has-banner.hovered:after{background:linear-gradient(90deg,rgba(0,0,0,.15) 0%,rgba(0,0,0,.05) 100%)}.server-dropdown-item.has-banner.active{border-color:var(--accent-main);box-shadow:0 2px 12px #eb75384d}.server-dropdown-item.has-banner.active:after{background:linear-gradient(90deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.05) 100%)}.server-dropdown-item.has-banner .arrow-indicator{color:#ffffffb3}.server-dropdown-item.has-banner:hover .arrow-indicator,.server-dropdown-item.has-banner.hovered .arrow-indicator{color:#fff}.server-dropdown-item .arrow-indicator{position:absolute;right:var(--space-xs);top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-tertiary);opacity:0;transition:opacity .15s ease}.server-dropdown-item:hover .arrow-indicator,.server-dropdown-item.hovered .arrow-indicator{opacity:1;color:var(--text-primary)}.server-dropdown-item .unread-badge{background:var(--accent-main);color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center;margin-left:auto;margin-right:var(--space-md)}.server-dropdown-item .server-icon{width:24px;height:24px;border-radius:5px;background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-elevated));display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;overflow:hidden;flex-shrink:0;border:none;color:var(--text-secondary)}.server-dropdown-item .server-icon img{width:100%;height:100%;object-fit:cover;border-radius:5px}.server-dropdown-item .server-info{flex:1;min-width:0}.server-dropdown-item .server-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.server-dropdown-item .server-name:hover{background-color:transparent;transform:none}.server-channels-preview{flex:1;overflow-y:auto;background:var(--bg-secondary);min-width:0}.server-channels-preview .preview-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);font-size:12px;font-weight:600;color:var(--text-primary);background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:1}.server-channels-preview .preview-header-text{flex:1}.server-channels-preview .preview-settings-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;transition:background-color .15s ease,color .15s ease}.server-channels-preview .preview-settings-btn:hover{background:var(--hover-overlay);color:var(--text-primary)}.server-channels-preview .preview-settings-btn svg{width:14px;height:14px}.server-channels-preview .channel-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);cursor:pointer;color:var(--text-secondary);font-size:14px;transition:background-color .15s ease,color .15s ease}.server-channels-preview .channel-item:hover{background:var(--hover-overlay);color:var(--text-primary)}.server-channels-preview .channel-item.has-unread{color:var(--text-primary);font-weight:500}.server-channels-preview .channel-item .channel-icon{width:18px;height:18px;opacity:.7;flex-shrink:0}.server-channels-preview .channel-item .channel-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.server-channels-preview .channel-item .unread-count{background:var(--accent-main);color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:8px;min-width:18px;text-align:center}.server-channels-preview .no-channels{padding:var(--space-lg);text-align:center;color:var(--text-tertiary);font-size:13px}.server-dropdown-empty{padding:var(--space-md);text-align:center;color:var(--text-tertiary);font-size:13px}.empty-channel-state{display:flex;flex-direction:column;align-items:center;padding:32px 16px 24px;list-style:none}.empty-channel-icon{color:var(--text-tertiary);opacity:.4;margin-bottom:12px}.empty-channel-text{color:var(--text-secondary);font-size:14px;font-weight:500;margin:0 0 4px}.empty-channel-subtext{color:var(--text-tertiary);font-size:12px;margin:0 0 16px}.empty-create-channel-btn{display:inline-flex;align-items:center;gap:6px;background:var(--accent-color);color:#fff;border:none;border-radius:4px;padding:8px 16px;font-size:13px;cursor:pointer;transition:opacity .15s ease}.empty-create-channel-btn:hover{opacity:.85}.add-server-dropdown-btn{border-top:1px solid var(--border-subtle);margin-top:var(--space-xs);padding-top:var(--space-sm)}.add-server-dropdown-btn .add-server-icon{background:linear-gradient(135deg,var(--gamevox-orange-start),var(--gamevox-orange-end));color:#fff;display:flex;align-items:center;justify-content:center}.add-server-dropdown-btn .add-server-icon svg{stroke:#fff}.add-server-dropdown-btn:hover{background:var(--hover-overlay)}.add-server-dropdown-btn:hover .add-server-icon{box-shadow:0 0 8px #eb753866}.add-server-dropdown-btn .server-name{color:var(--gamevox-orange-start);font-weight:600}#server-toolbar{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);min-height:48px;position:relative;z-index:10}html.hide-server-toolbar #server-toolbar{display:none}#toolbar-channel-dropdown{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:14px;cursor:pointer;min-width:150px;transition:border-color .15s ease,background-color .15s ease}#toolbar-channel-dropdown:hover{border-color:var(--border-medium);background:var(--bg-elevated)}#toolbar-channel-dropdown .channel-icon{width:16px;height:16px;opacity:.7}#toolbar-channel-dropdown .channel-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toolbar-spacer{flex:1}.toolbar-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.toolbar-btn:hover{background:var(--bg-elevated);border-color:var(--border-medium);color:var(--text-primary)}.toolbar-btn svg{width:18px;height:18px}#server-toolbar [data-tooltip]{position:relative}#server-toolbar [data-tooltip]:after{content:attr(data-tooltip);position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);padding:4px 8px;background:var(--bg-primary);color:var(--text-primary);font-size:12px;font-weight:500;white-space:nowrap;border-radius:var(--radius-sm);border:1px solid var(--border-medium);box-shadow:0 2px 8px #0000004d;pointer-events:none;opacity:0;z-index:10000}#server-toolbar [data-tooltip]:hover:after{opacity:1}#toolbar-home-btn[data-tooltip]:after{left:0;transform:none}#toolbar-settings-btn[data-tooltip]:after{left:auto;right:0;transform:none}#toolbar-invite-btn{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:linear-gradient(135deg,var(--accent-start),var(--accent-end));border:none;border-radius:var(--radius-sm);color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:box-shadow .15s ease}#toolbar-invite-btn:hover{box-shadow:var(--shadow-accent)}#toolbar-invite-btn svg{width:14px;height:14px}#toolbar-invite-btn.copied{background:#22c55e}#toolbar-home-btn{display:flex;align-items:center;justify-content:center;padding:var(--space-xs);min-width:32px}#toolbar-home-btn:hover{color:var(--accent-primary, #f97316)}#toolbar-home-btn svg{width:18px;height:18px}html.layout-modern #server-list-container .server-name,html.layout-modern #server-list-container .server-item{display:none}html.layout-modern #server-list-container .server-item.active{display:block}html.layout-modern #server-list-container .server-item.active .channel-list{display:block!important}html.layout-modern .server-item:before{display:none}html.layout-modern .channel-list{padding:0}html.layout-modern .channel-section-header{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--text-tertiary);padding:12px 8px 6px;margin-top:8px;cursor:default;user-select:none;list-style:none}html.layout-modern .channel-section-header:first-child{margin-top:4px;padding-top:8px}html.layout-modern .channel-section-header:hover{background-color:transparent;color:var(--text-tertiary)}html.layout-modern .channel-section-header:before{display:none}html.layout-modern .channel-section-header .section-icon{width:16px;height:16px;flex-shrink:0;opacity:.7}html.layout-modern .channel-section-header .section-icon svg{width:100%;height:100%}html.layout-modern .channel-section-header .section-label{flex:1}html.layout-modern .channel-section-header .section-add-channel{font-size:16px;font-weight:400;line-height:1;color:var(--text-tertiary);cursor:pointer;opacity:0;transition:opacity .15s ease,color .15s ease;padding:0 4px}html.layout-modern .channel-section-header:hover .section-add-channel{opacity:1}html.layout-modern .channel-section-header .section-add-channel:hover{color:var(--text-primary)}html.layout-modern .channel-list li.channel:before{display:none}html.layout-modern .channel-list li.channel{padding:4px 8px;font-size:14px;border-radius:4px;margin:1px 4px}html.layout-modern .channel-list li.channel:hover{background-color:var(--hover-overlay)}html.layout-modern .channel-list li.channel.highlight-channel{background-color:var(--selected-bg)}html.layout-modern #center-column{display:flex;flex-direction:column}html.layout-modern #chatMessages{flex:1;overflow-y:auto}#toolbar-channel-menu{display:none;position:absolute;top:100%;left:0;width:200px;max-height:300px;overflow-y:auto;background:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);margin-top:var(--space-xs);z-index:101}#toolbar-channel-menu.open{display:block}.channel-menu-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);cursor:pointer;transition:background-color .15s ease;border:none;background:none;width:100%;text-align:left;color:var(--text-primary);font-size:14px}.channel-menu-item:hover{background:var(--hover-overlay)}.channel-menu-item.active{background:var(--selected-bg)}.channel-menu-item .channel-icon{width:16px;height:16px;opacity:.7}.channel-menu-category{padding:var(--space-xs) var(--space-md);font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}html.layout-modern #left-column.collapsed,html.layout-modern #right-column.collapsed{width:0;min-width:0;padding:0;overflow:hidden;border:none}html.layout-modern #left-column,html.layout-modern #right-column{transition:width .2s ease,min-width .2s ease,padding .2s ease}html.layout-modern .channel-section-header.custom-header{padding-left:12px}html.layout-modern .channel-list li.channel.show-type-icon:before{display:block}html.layout-modern .pending-applications-notification{margin:0 8px 8px!important;padding:0!important}html.layout-modern .pending-applications-notification .notification-content{padding:8px 10px;font-size:12px;border-radius:4px}html:not(.layout-modern) #server-switcher{display:none}html:not(.layout-modern) .server-item{margin-bottom:2px;position:relative;overflow:hidden}html:not(.layout-modern) .server-item .server-name{padding:6px 8px 6px 12px;margin-bottom:0;position:relative;overflow:hidden}html:not(.layout-modern) .server-item .server-icon{display:none}html:not(.layout-modern) .server-item .server-name .tier-icon-16{margin-left:auto}html:not(.layout-modern) .server-item.has-banner .server-name:before{content:"";position:absolute;inset:-10px;background-image:var(--server-banner-url);background-size:cover;background-position:center;filter:blur(2px);opacity:.7;pointer-events:none;z-index:0;transition:opacity .15s ease,filter .15s ease}html:not(.layout-modern) .server-item.has-banner .server-name:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.25) 0%,rgba(0,0,0,.15) 100%);pointer-events:none;z-index:0;transition:background .15s ease}html:not(.layout-modern) .server-item.has-banner .server-name>*{position:relative;z-index:1}html:not(.layout-modern) .server-item.has-banner .server-name{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8)}html:not(.layout-modern) .server-item.has-banner .server-icon{background:transparent;border:none;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8);clip-path:none;border-radius:5px}html:not(.layout-modern) .server-item.has-banner .server-icon img{width:100%;height:100%;object-fit:cover;border-radius:5px}html:not(.layout-modern) .server-item.has-banner:hover .server-name:before{opacity:.85;filter:blur(1px)}html:not(.layout-modern) .server-item.has-banner:hover .server-name:after{background:linear-gradient(90deg,rgba(0,0,0,.2) 0%,rgba(0,0,0,.1) 100%)}html:not(.layout-modern) .server-item.has-banner.active .server-name{height:80px;padding:0;border-radius:var(--radius-md);align-items:flex-end;color:#fff;background-color:transparent}html:not(.layout-modern) .server-item.has-banner.active .server-name:before{inset:0;filter:none;opacity:1;background-size:cover;border-radius:var(--radius-md)}html:not(.layout-modern) .server-item.has-banner.active .server-name:after{background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.15) 50%,rgba(0,0,0,.65) 100%);border-radius:var(--radius-md)}html:not(.layout-modern) .server-item.has-banner.active .server-name>*{padding:8px 10px}html:not(.layout-modern) .server-item.has-banner.active .server-icon{width:28px;height:28px}html:not(.layout-modern) #add-server-container{display:block;width:240px;padding:var(--space-sm)}html.layout-modern #add-server-container{display:none}html:not(.layout-modern) #server-list-container{padding-bottom:60px}html:not(.layout-modern) #server-list-container .server-item{display:block}html:not(.layout-modern) #server-list-container .server-name{display:flex}html:not(.layout-modern) .server-item:before{display:block}html:not(.layout-modern) .server-item.has-banner.active:before{display:none}html:not(.layout-modern) .channel-list li{padding:4px 8px;font-size:13px;margin-bottom:0;border-radius:var(--radius-sm)}html:not(.layout-modern) .channel-list li[type]:before{width:14px;height:14px}html:not(.layout-modern) .channel-section-header.classic-header{display:flex;padding:8px 8px 4px;margin-top:8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);cursor:default;user-select:none}html:not(.layout-modern) .channel-section-header.classic-header:first-child{margin-top:0}html:not(.layout-modern) .channel-section-header.classic-header:before{display:none}html:not(.layout-modern) .channel-section-header.classic-header:hover{background:transparent;color:var(--text-secondary)}html:not(.layout-modern) .channel-section-header .section-add-channel{font-size:16px;font-weight:400;line-height:1;color:var(--text-muted);cursor:pointer;opacity:0;transition:opacity .15s ease,color .15s ease;padding:0 4px;margin-left:auto}html:not(.layout-modern) .channel-section-header:hover .section-add-channel{opacity:1}html:not(.layout-modern) .channel-section-header .section-add-channel:hover{color:var(--text-primary)}.server-status{display:none;flex-direction:row;align-items:center;gap:10px;padding:12px 14px;margin:4px 8px 8px;border-radius:6px;background:var(--bg-tertiary);border:1px solid var(--border-light)}.server-status .status-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--bg-secondary)}.server-status .status-icon svg{opacity:.7}.server-status .status-text{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.server-status .status-title{font-size:13px;font-weight:600;color:var(--text-primary)}.server-status .status-desc{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.server-status.application-pending{background:rgba(245,158,11,.1);border-color:#f59e0b4d}.server-status.application-pending .status-icon{background:rgba(245,158,11,.2)}.server-status.application-pending .status-icon svg{stroke:#f59e0b}.server-status.application-rejected{background:rgba(239,68,68,.1);border-color:#ef44444d}.server-status.application-rejected .status-icon{background:rgba(239,68,68,.2)}.server-status.application-rejected .status-icon svg{stroke:#ef4444}.server-status.application-required{background:rgba(235,117,56,.1);border-color:#eb75384d}.server-status.application-required .status-icon{background:rgba(235,117,56,.2)}.server-status.application-required .status-icon svg{stroke:var(--gamevox-orange-start, #eb7538)}.server-status .btn-apply{flex-shrink:0;padding:6px 14px;font-size:12px;font-weight:600;border:none;border-radius:4px;cursor:pointer;background:linear-gradient(135deg,var(--gamevox-orange-start, #eb7538),var(--gamevox-orange-end, #d46830));color:#fff;transition:transform .15s,box-shadow .15s}.server-status .btn-apply:hover{transform:translateY(-1px);box-shadow:0 2px 8px #eb753866}.server-status.rules-required{background:rgba(59,130,246,.1);border-color:#3b82f64d}.server-status.rules-required .status-icon{background:rgba(59,130,246,.2)}.server-status.rules-required .status-icon svg{stroke:#3b82f6}.server-status .btn-view-rules{flex-shrink:0;padding:6px 14px;font-size:12px;font-weight:600;border:none;border-radius:4px;cursor:pointer;background:#3b82f6;color:#fff;transition:transform .15s,box-shadow .15s,background .15s}.server-status .btn-view-rules:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 2px 8px #3b82f666}.server-status.no-permission{background:var(--bg-tertiary);border-color:var(--border-medium)}.server-status.no-permission .status-icon{background:var(--bg-secondary)}.server-status.no-permission .status-icon svg{stroke:var(--text-muted)}.server-status.no-permission{flex-direction:column;align-items:flex-start;gap:12px}.server-status .status-header{display:flex;align-items:center;gap:10px;width:100%}.server-status .status-header svg{flex-shrink:0;opacity:.6}.server-status .status-items{display:flex;flex-direction:column;gap:8px;width:100%;padding-left:34px}.server-status .status-item{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary)}.server-status .status-item svg{flex-shrink:0;opacity:.6}.server-status .status-item.status-ok{color:#22c55e}.server-status .status-item.status-ok svg{stroke:#22c55e;opacity:1}.server-status .status-item.status-action{color:var(--text-primary)}.server-status .status-item.status-action button{margin-left:auto}.application-field{margin-bottom:16px}.application-field .field-label{display:block;font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:6px}.application-field .required-mark{color:#ef4444;margin-left:2px}.application-field .form-input{width:100%;padding:10px 12px;font-size:14px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:6px;color:var(--text-primary);transition:border-color .2s ease,box-shadow .2s ease}.application-field .form-input:focus{outline:none;border-color:var(--accent-color, #3b82f6);box-shadow:0 0 0 3px #3b82f633}.application-field textarea.form-input{resize:vertical;min-height:80px}.application-field select.form-input{cursor:pointer}.application-field.field-error .form-input{border-color:#ef4444;box-shadow:0 0 0 3px #ef444433}.application-field .checkbox-label,.application-field .radio-label{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-primary);cursor:pointer;padding:4px 0}.application-field .checkbox-label input,.application-field .radio-label input{width:16px;height:16px;cursor:pointer}.availability-input{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:8px;padding:12px}.availability-days{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.availability-day{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:4px;font-size:13px;color:var(--text-primary);cursor:pointer;transition:background .15s ease,border-color .15s ease}.availability-day:hover{background:var(--bg-hover)}.availability-day input:checked+span{color:var(--accent-color, #3b82f6);font-weight:500}.availability-times{display:flex;gap:16px;align-items:center;font-size:13px;color:var(--text-secondary)}.availability-times label{display:flex;align-items:center;gap:8px}.availability-times input[type=time]{padding:6px 10px;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:4px;color:var(--text-primary);font-size:13px}.form-description{padding:12px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:6px;margin-bottom:20px;font-size:14px;color:var(--text-secondary);line-height:1.5}.form-description ul,.form-description ol{margin:8px 0;padding-left:24px}.form-description ul{list-style-type:disc}.form-description ol{list-style-type:decimal}.form-description li{margin:4px 0}.form-description a{color:var(--gamevox-orange-start);text-decoration:underline}.form-description a:hover{color:var(--gamevox-orange-end)}.wiki-tooltip-card{display:flex;align-items:flex-start;gap:12px;padding:12px;background:rgba(20,20,25,.98);border:1px solid rgba(255,255,255,.15);border-radius:10px;cursor:pointer;max-width:400px;transition:border-color .15s ease,box-shadow .15s ease;box-shadow:0 4px 16px #0006}.wiki-tooltip-card:hover{background:rgba(30,30,35,.98);border-color:#ffffff40;box-shadow:0 6px 24px #00000080}.wiki-tooltip-card.compact{padding:8px;gap:8px}.wiki-tooltip-icon{width:48px;height:48px;border-radius:4px;flex-shrink:0;background:rgba(0,0,0,.3);object-fit:cover}.wiki-tooltip-card.compact .wiki-tooltip-icon{width:32px;height:32px}.wiki-tooltip-content{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.wiki-tooltip-name{font-weight:600;font-size:14px;line-height:1.3;word-break:break-word}.wiki-tooltip-card.compact .wiki-tooltip-name{font-size:13px}.wiki-tooltip-description{font-size:12px;color:#b0b0b0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.wiki-tooltip-footer{display:flex;align-items:center;gap:6px;margin-top:4px}.wiki-tooltip-game{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:2px 6px;border-radius:3px;color:#fff}.wiki-tooltip-type{font-size:10px;color:#888;text-transform:capitalize}.wiki-tooltip-trigger{cursor:help;border-bottom:1px dotted currentColor;transition:opacity .15s}.wiki-tooltip-trigger:hover{opacity:.8}.wiki-tooltip-popup{position:fixed;z-index:10000;pointer-events:none;transform:translate(-50%)}.wiki-tooltip-popup.ready{animation:tooltipFadeIn .15s ease}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.wiki-search{position:relative;width:100%}.wiki-search-input{width:100%;padding:10px 36px 10px 14px;background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;font-size:14px;outline:none;transition:border-color .15s,background .15s}.wiki-search-input:focus{border-color:#ffffff4d;background:rgba(0,0,0,.6)}.wiki-search-input::placeholder{color:#fff6}.wiki-search-loading{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:translateY(-50%) rotate(360deg)}}.wiki-search-results{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:rgba(30,30,35,.98);border:1px solid rgba(255,255,255,.1);border-radius:6px;max-height:400px;overflow-y:auto;z-index:1000;box-shadow:0 8px 32px #00000080}.wiki-search-result{border-bottom:1px solid rgba(255,255,255,.05)}.wiki-search-result:last-child{border-bottom:none}.wiki-search-result.selected{background:rgba(255,255,255,.1)}.wiki-search-result .wiki-tooltip-card{border-radius:0;border-left:none;background:transparent}.wiki-search-result.selected .wiki-tooltip-card{background:rgba(255,255,255,.05)}.wiki-message-tooltips{display:flex;flex-direction:column;gap:8px;margin-top:8px}.wiki-rich-content{white-space:pre-wrap;word-break:break-word}.wiki-search-results::-webkit-scrollbar{width:8px}.wiki-search-results::-webkit-scrollbar-track{background:transparent}.wiki-search-results::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:4px}.wiki-search-results::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}.wiki-search-modal{position:fixed;inset:0;display:flex;align-items:flex-start;justify-content:center;padding-top:20vh;background:rgba(0,0,0,.6);z-index:10000;animation:modalFadeIn .15s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.wiki-search-modal-content{width:100%;max-width:600px;padding:0 16px}.wiki-search-modal .wiki-search-input{font-size:18px;padding:14px 18px}.wiki-tooltip-extra{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px;font-size:11px;color:#999}.wiki-tooltip-extra-item{display:flex;align-items:center;gap:4px}.wiki-tooltip-extra-label{color:#666}.wiki-tooltip-extra-value{color:#ccc}.wiki-tooltip-card.wowhead-tooltip{border-color:#f7931e66;max-width:450px}.wiki-tooltip-card.wowhead-tooltip:hover{border-color:#f7931e99}.wowhead-tooltip .wowhead-icon{width:56px;height:56px;border:2px solid #333;border-radius:4px}.wowhead-tooltip .wowhead-content{gap:8px}.wowhead-tooltip-html{font-size:13px;line-height:1.5;color:#ffd100}.wowhead-tooltip-html table{border-collapse:collapse;width:100%}.wowhead-tooltip-html td,.wowhead-tooltip-html th{padding:1px 0;vertical-align:top}.wowhead-tooltip-html th{text-align:left;font-weight:400}.wowhead-tooltip-html .q0{color:#9d9d9d}.wowhead-tooltip-html .q1{color:#fff}.wowhead-tooltip-html .q2{color:#1eff00}.wowhead-tooltip-html .q3{color:#0070dd}.wowhead-tooltip-html .q4{color:#a335ee}.wowhead-tooltip-html .q5{color:#ff8000}.wowhead-tooltip-html .q6{color:#e6cc80}.wowhead-tooltip-html .q7,.wowhead-tooltip-html .q8{color:#0cf}.wowhead-tooltip-html .q{color:#ffd100}.wowhead-tooltip-html b.q0,.wowhead-tooltip-html b.q1,.wowhead-tooltip-html b.q2,.wowhead-tooltip-html b.q3,.wowhead-tooltip-html b.q4,.wowhead-tooltip-html b.q5,.wowhead-tooltip-html b.q6,.wowhead-tooltip-html b.q7{font-size:15px;display:block;margin-bottom:4px}.wowhead-tooltip-html .whtt-extra,.wowhead-tooltip-html .indent{padding-left:10px}.wowhead-tooltip-html .q2,.wowhead-tooltip-html span[style*="color: #00FF00"],.wowhead-tooltip-html span[style*="color:#00FF00"]{color:#1eff00!important}.wowhead-tooltip-html small{font-size:11px;color:#8d99ae}.wowhead-tooltip-html .moneygold,.wowhead-tooltip-html .gold{color:gold}.wowhead-tooltip-html .moneysilver,.wowhead-tooltip-html .silver{color:silver}.wowhead-tooltip-html .moneycopper,.wowhead-tooltip-html .copper{color:#b87333}.wowhead-tooltip-html .whtt-sellprice{color:#ffd100;margin-top:4px}.wowhead-tooltip-html .q10,.wowhead-tooltip-html span[style*="color: #FF0000"],.wowhead-tooltip-html span[style*="color:#FF0000"],.wowhead-tooltip-html span[style*="color: red"],.wowhead-tooltip-html span[style*="color:red"]{color:#f44!important}.wowhead-tooltip-html .c11,.wowhead-tooltip-html .q{color:#ffd100;font-style:italic}.wowhead-tooltip-html br{display:block;content:"";margin:2px 0}.wowhead-tooltip-html a{color:inherit;text-decoration:none}.wowhead-tooltip-html a:hover{text-decoration:underline}.wowhead-tooltip-html .whtt-ilvl{color:#ffd100}.wowhead-tooltip-html .indent.q0{color:#8d99ae}.wowhead-tooltip-html .socket-meta{color:#9d9d9d}.wowhead-tooltip-html .socket-red{color:#f44}.wowhead-tooltip-html .socket-blue{color:#44f}.wowhead-tooltip-html .socket-yellow{color:#ff4}.wowhead-tooltip-html .socket-prismatic,.wowhead-tooltip-html .socket-cogwheel,.wowhead-tooltip-html .socket-hydraulic{color:#fff}.wiki-tooltip-card.html-tooltip{max-width:400px}.html-tooltip .html-tooltip-icon{width:48px;height:48px;border:2px solid #333;border-radius:4px}.html-tooltip .html-tooltip-content{gap:6px}.html-tooltip-html{font-size:12px;line-height:1.5;color:#ccc}.wiki-tooltip-card.lol-tooltip{border-color:#c89b3c66}.wiki-tooltip-card.lol-tooltip:hover{border-color:#c89b3c99}.lol-tooltip .html-tooltip-icon{border-color:#463714}.lol-tooltip-html{font-size:12px;line-height:1.6;color:#a09b8c}.lol-tooltip-html stats{color:#8c8c8c;display:block;margin:4px 0}.lol-tooltip-html mainText{display:block;color:#a09b8c}.lol-tooltip-html attention{color:#f0e6d2;font-weight:500}.lol-tooltip-html passive{color:#5b5a56;font-style:italic}.lol-tooltip-html active{color:#0ac8b9}.lol-tooltip-html unique,.lol-tooltip-html uniquePassive{color:#c8aa6e}.lol-tooltip-html rules{color:#7a7a7a;font-style:italic;display:block;margin:6px 0}.lol-tooltip-html keyword,.lol-tooltip-html keywordMajor{color:#c89b3c}.lol-tooltip-html scaleMR{color:#9b59b6}.lol-tooltip-html scaleArmor{color:#f39c12}.lol-tooltip-html scaleAD{color:#e74c3c}.lol-tooltip-html scaleAP{color:#3498db}.lol-tooltip-html scaleHealth{color:#27ae60}.lol-tooltip-html scaleMana{color:#2980b9}.lol-tooltip-html scaleLevel{color:#c89b3c}.lol-tooltip-html status{color:#e74c3c}.lol-tooltip-html speed{color:#3498db}.lol-tooltip-html shield{color:#f1c40f}.lol-tooltip-html healing{color:#2ecc71}.lol-tooltip-html physicalDamage{color:#e74c3c}.lol-tooltip-html magicDamage{color:#3498db}.lol-tooltip-html trueDamage{color:#fff}.wiki-tooltip-gold{font-size:11px;color:#c89b3c;margin-left:auto}.wiki-tooltip-card.minecraft-tooltip{border-color:#62b24766;max-width:450px}.wiki-tooltip-card.minecraft-tooltip:hover{border-color:#62b24799}.minecraft-crafting{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.minecraft-crafting-label{display:block;font-size:10px;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.minecraft-recipe{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.minecraft-grid{display:flex;flex-direction:column;gap:2px;background:rgba(0,0,0,.3);padding:3px;border-radius:3px}.minecraft-grid-row{display:flex;gap:2px}.minecraft-grid-cell{width:20px;height:20px;background:rgba(139,90,43,.4);border:1px solid rgba(139,90,43,.6);border-radius:2px;display:flex;align-items:center;justify-content:center}.minecraft-grid-cell.empty{background:rgba(0,0,0,.2);border-color:#ffffff1a}.minecraft-grid-cell.filled{background:rgba(98,178,71,.3);border-color:#62b24780}.minecraft-cell-text{font-size:10px;color:#fff;font-weight:600}.minecraft-arrow{color:#62b247;font-size:16px;font-weight:700}.minecraft-output-box{display:flex;align-items:center;gap:4px;background:rgba(98,178,71,.2);padding:4px 8px;border-radius:3px;border:1px solid rgba(98,178,71,.4)}.minecraft-output{color:#62b247;font-size:12px;font-weight:500}.minecraft-amount{color:#888;font-size:11px}.minecraft-ingredients-list{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px;width:100%}.minecraft-ingredient-tag{font-size:10px;color:#b0b0b0;background:rgba(255,255,255,.1);padding:2px 6px;border-radius:3px}.minecraft-smelting{display:flex;align-items:center;gap:8px;margin-bottom:8px}.minecraft-smelting-input,.minecraft-smelting-output{background:rgba(0,0,0,.3);padding:4px 8px;border-radius:3px}.minecraft-smelting-input{border:1px solid rgba(255,140,0,.5)}.minecraft-smelting-output{border:1px solid rgba(98,178,71,.5)}.minecraft-ingredient{font-size:11px;color:orange}.wow-tooltip-raw,.wow-tooltip-raw .wowhead-tooltip{font-family:Friz Quadrata,Arial,sans-serif;font-size:13px;line-height:1.4;color:#fff}.wow-tooltip-raw .wowhead-tooltip-width-restriction,.wow-tooltip-raw .wowhead-tooltip-width-320{width:auto!important;float:none!important}.wow-tooltip-raw table{border-collapse:collapse;width:100%}.wow-tooltip-raw td{padding:0;vertical-align:top;text-align:left}.wow-tooltip-raw th{padding:0;vertical-align:top;text-align:right;font-weight:400;background:transparent!important}.wow-tooltip-raw b{font-weight:600}.wow-tooltip-raw .q,.wow-tooltip-raw .q-alt{color:#ffd100}.wow-tooltip-raw .q0,.wow-tooltip-raw .q0-alt{color:#9d9d9d!important}.wow-tooltip-raw .q1,.wow-tooltip-raw .q1-alt{color:#fff!important}.wow-tooltip-raw .q2,.wow-tooltip-raw .q2-alt{color:#1eff00!important}.wow-tooltip-raw .q3,.wow-tooltip-raw .q3-alt{color:#0070dd!important}.wow-tooltip-raw .q4{color:#a335ee!important}.wow-tooltip-raw .q4-alt{color:#9345ff!important}.wow-tooltip-raw .q5,.wow-tooltip-raw .q5-alt{color:#ff8000!important}.wow-tooltip-raw .q6,.wow-tooltip-raw .q6-alt{color:#e5cc80!important}.wow-tooltip-raw .q7,.wow-tooltip-raw .q7-alt,.wow-tooltip-raw .q8,.wow-tooltip-raw .q8-alt{color:#0cf!important}.wow-tooltip-raw .q9,.wow-tooltip-raw .q9-alt{color:#71d5ff!important}.wow-tooltip-raw .q10,.wow-tooltip-raw .q10-alt{color:#ff4040!important}.wow-tooltip-raw .q13,.wow-tooltip-raw .q13-alt{color:#ffff98!important}.wow-tooltip-raw .q14,.wow-tooltip-raw .q14-alt{color:#8788ee!important}.wow-tooltip-raw .q.whtt-extra,.wow-tooltip-raw .q.whtt-ilvl,.wow-tooltip-raw .whtt-ilvl{color:#ffd100}.wow-tooltip-raw b.q0,.wow-tooltip-raw b.q1,.wow-tooltip-raw b.q2,.wow-tooltip-raw b.q3,.wow-tooltip-raw b.q4,.wow-tooltip-raw b.q5,.wow-tooltip-raw b.q6,.wow-tooltip-raw b.q7,.wow-tooltip-raw b.q8,.wow-tooltip-raw b.q9,.wow-tooltip-raw b.q11,.wow-tooltip-raw b.q12,.wow-tooltip-raw b.q13,.wow-tooltip-raw b.q14{font-size:15px}.wow-tooltip-raw th[style*=background-position]{display:none}.wow-tooltip-raw tr:empty,.wow-tooltip-raw tr>th:only-child{display:none}.wow-tooltip-raw .whtt-reqlevel{color:#fff}.wow-tooltip-raw .rating-percent,.wow-tooltip-raw small.rating-percent{color:#888;font-size:11px}.wow-tooltip-raw table[width="100%"]{width:100%}.wow-tooltip-raw .indent{display:block;padding-left:0}.wow-tooltip-raw .whtt-extra:not(.whtt-ilvl){display:block;padding-left:0}.wow-tooltip-raw .moneygold,.wow-tooltip-raw .gold{color:gold}.wow-tooltip-raw .moneysilver,.wow-tooltip-raw .silver{color:#c7c7cf}.wow-tooltip-raw .moneycopper,.wow-tooltip-raw .copper{color:#f0a050}.wow-tooltip-raw .moneygold:after{content:"";display:inline-block;width:10px;height:10px;margin-left:2px;background:url(https://wow.zamimg.com/images/icons/money-gold.gif) no-repeat center;background-size:contain;vertical-align:middle}.wow-tooltip-raw .moneysilver:after{content:"";display:inline-block;width:10px;height:10px;margin-left:2px;background:url(https://wow.zamimg.com/images/icons/money-silver.gif) no-repeat center;background-size:contain;vertical-align:middle}.wow-tooltip-raw .moneycopper:after{content:"";display:inline-block;width:10px;height:10px;margin-left:2px;background:url(https://wow.zamimg.com/images/icons/money-copper.gif) no-repeat center;background-size:contain;vertical-align:middle}.wow-tooltip-raw .whtt-sellprice img,.wow-tooltip-raw .moneygold+img,.wow-tooltip-raw .moneysilver+img,.wow-tooltip-raw .moneycopper+img{display:none}.wow-tooltip-raw .whtt-sellprice{color:#fff;margin-top:6px}.wow-tooltip-raw .socket-meta{color:#9d9d9d}.wow-tooltip-raw .socket-red{color:#f44}.wow-tooltip-raw .socket-blue{color:#44f}.wow-tooltip-raw .socket-yellow{color:#ff4}.wow-tooltip-raw .socket-prismatic,.wow-tooltip-raw .socket-cogwheel,.wow-tooltip-raw .socket-hydraulic{color:#fff}.wow-tooltip-raw a{color:inherit;text-decoration:none;pointer-events:none}.wow-tooltip-raw br{display:block;margin-bottom:4px}.wow-tooltip-raw small{font-size:11px;color:#8d99ae}.wow-tooltip-raw span[style*="color: #00FF00"],.wow-tooltip-raw span[style*="color:#00FF00"],.wow-tooltip-raw span[style*="color: green"],.wow-tooltip-raw span[style*="color:green"]{color:#1eff00!important}.wow-tooltip-raw span[style*="color: #FF0000"],.wow-tooltip-raw span[style*="color:#FF0000"],.wow-tooltip-raw span[style*="color: red"],.wow-tooltip-raw span[style*="color:red"]{color:#ff2020!important}.wow-tooltip-raw span[style*="color: #FFD100"],.wow-tooltip-raw span[style*="color:#FFD100"]{color:#ffd100!important}.wow-tooltip-raw .c1{color:#c69b6d!important}.wow-tooltip-raw .c2{color:#f48cba!important}.wow-tooltip-raw .c3{color:#aad372!important}.wow-tooltip-raw .c4{color:#fff468!important}.wow-tooltip-raw .c5{color:#fff!important}.wow-tooltip-raw .c6{color:#c41e3a!important}.wow-tooltip-raw .c7{color:#0070dd!important}.wow-tooltip-raw .c8{color:#3fc7eb!important}.wow-tooltip-raw .c9{color:#8788ee!important}.wow-tooltip-raw .c10{color:#00ff98!important}.wow-tooltip-raw .c11{color:#ff7c0a!important}.wow-tooltip-raw .c12{color:#a330c9!important}.wow-tooltip-raw .c13{color:#33937f!important}.wow-tooltip-raw .covenant-kyrian{color:#3fc7eb!important}.wow-tooltip-raw .covenant-venthyr{color:#ff4040!important}.wow-tooltip-raw .covenant-necrolord{color:#40bf40!important}.wow-tooltip-raw .covenant-night-fae{color:#a330c9!important}.wow-tooltip-raw .gem1{color:#9d9d9d!important}.wow-tooltip-raw .gem2{color:#e60c0b!important}.wow-tooltip-raw .gem4{color:#ffff35!important}.wow-tooltip-raw .gem6{color:#f48905!important}.wow-tooltip-raw .gem8{color:#295df1!important}.wow-tooltip-raw .gem10{color:#b957fc!important}.wow-tooltip-raw .gem12{color:#22c516!important}.wow-tooltip-raw .gem14{color:#fff!important}.wow-tooltip-raw .r1{color:#1eff00!important}.wow-tooltip-raw .r2{color:#0070dd!important}.wow-tooltip-raw .r3{color:#a335ee!important}.wow-tooltip-raw .r4{color:#ff8000!important}.wow-tooltip-raw .alliance{color:#0070dd!important}.wow-tooltip-raw .horde{color:#ff2020!important}.wow-tooltip-raw .neutral{color:#ffd100!important}.wow-tooltip-raw .rep-hated{color:red!important}.wow-tooltip-raw .rep-hostile{color:#f44!important}.wow-tooltip-raw .rep-unfriendly{color:#e62!important}.wow-tooltip-raw .rep-neutral{color:#ff0!important}.wow-tooltip-raw .rep-friendly{color:#0f0!important}.wow-tooltip-raw .rep-honored{color:#0f8!important}.wow-tooltip-raw .rep-revered{color:#0fc!important}.wow-tooltip-raw .rep-exalted{color:#0ff!important}.wow-tooltip-raw .power-mana{color:#00f!important}.wow-tooltip-raw .power-rage{color:red!important}.wow-tooltip-raw .power-focus{color:#ff8040!important}.wow-tooltip-raw .power-energy{color:#ff0!important}.wow-tooltip-raw .power-runic{color:#00d1ff!important}.wow-tooltip-raw .power-chi{color:#b5ffea!important}.wow-tooltip-raw .power-insanity{color:#60c!important}.wow-tooltip-raw .power-fury{color:#c8009f!important}.wow-tooltip-raw .power-pain{color:#ff9c00!important}.wow-tooltip-raw .power-maelstrom{color:#0080ff!important}.wow-tooltip-raw .ts1{color:#9d9d9d!important}.wow-tooltip-raw .ts2{color:#fff!important}.wow-tooltip-raw .ts3{color:#1eff00!important}.wow-tooltip-raw .ts4{color:#0070dd!important}.wow-tooltip-raw .ts5{color:#a335ee!important}.wow-tooltip-raw .ts6{color:#ff8000!important}.wow-tooltip-raw .ts7{color:#e6cc80!important}.wow-tooltip-raw .ts8{color:#ffd100!important}.wow-tooltip-raw .zone-friendly{color:#0f0!important}.wow-tooltip-raw .zone-contested{color:#ff0!important}.wow-tooltip-raw .zone-hostile{color:red!important}.wow-tooltip-raw .zone-sanctuary{color:#68ccef!important}.wow-tooltip-raw .spell-physical{color:#ff0!important}.wow-tooltip-raw .spell-holy{color:#fc0!important}.wow-tooltip-raw .spell-fire{color:#ff8000!important}.wow-tooltip-raw .spell-nature{color:#4dff4d!important}.wow-tooltip-raw .spell-frost{color:#80ffff!important}.wow-tooltip-raw .spell-shadow{color:#8080ff!important}.wow-tooltip-raw .spell-arcane{color:#ff80ff!important}.wow-tooltip-raw .bind-pickup,.wow-tooltip-raw .bind-equip,.wow-tooltip-raw .bind-use{color:#fff}.wow-tooltip-raw .bind-warbound{color:#0cf}.wow-tooltip-raw .set-name{color:#ffd100}.wow-tooltip-raw .set-inactive{color:#9d9d9d}.wow-tooltip-raw .set-active,.wow-tooltip-raw .enchant,.wow-tooltip-raw .socket{color:#1eff00}.wow-tooltip-raw .durability-full{color:#fff}.wow-tooltip-raw .durability-damaged{color:#ff0}.wow-tooltip-raw .durability-broken{color:red}.wow-tooltip-raw .transmog{color:#ff80ff}.wow-tooltip-raw .transmog-known{color:#1eff00}.wow-tooltip-raw .pvp-item{color:#ff0}.wow-tooltip-raw .pvp-rating{color:#ffd100}.wow-tooltip-raw .azerite{color:#e6cc80!important}.wow-tooltip-raw .azerite-power{color:#ffd100!important}.wow-tooltip-raw .azerite-active{color:#1eff00!important}.wow-tooltip-raw .corruption{color:#a330c9!important}.wow-tooltip-raw .upgrade-level{color:#0cf}.wow-tooltip-raw .crafting-quality-1{color:#fff!important}.wow-tooltip-raw .crafting-quality-2{color:#1eff00!important}.wow-tooltip-raw .crafting-quality-3{color:#0070dd!important}.wow-tooltip-raw .crafting-quality-4{color:#a335ee!important}.wow-tooltip-raw .crafting-quality-5{color:#ff8000!important}.wow-tooltip-raw .currency-valor,.wow-tooltip-raw .currency-conquest{color:#a335ee}.wow-tooltip-raw .currency-honor{color:#1eff00}.wow-tooltip-raw .warband{color:#0cf!important}.wow-tooltip-raw .keystone{color:#a335ee!important}.wow-tooltip-raw .keystone-level{color:#ff8000!important}.wow-tooltip-raw .use-effect,.wow-tooltip-raw .equip-effect,.wow-tooltip-raw .chance-effect{color:#1eff00}.wow-tooltip-raw .flavor-text{color:#ffd100;font-style:italic}.wow-tooltip-raw .already-known,.wow-tooltip-raw .not-learned{color:#ff2020}.wow-tooltip-raw .learnable{color:#1eff00}.wow-tooltip-raw .cooldown,.wow-tooltip-raw .charges{color:#fff}.wiki-card-expanded.minecraft-crafting-card{max-width:520px;width:auto}.minecraft-card-layout{display:flex;gap:12px;align-items:flex-start}.minecraft-card-info{flex:1 1 300px;min-width:220px}.minecraft-crafting-section{flex:0 0 auto;align-self:flex-start}.mc-crafting-container{background:#8b8b8b;border:2px solid;border-color:#373737 #fff #fff #373737;padding:6px;display:inline-flex;flex-direction:column;align-items:center;width:fit-content}.mc-crafting-label,.mc-smelting-label{color:#404040;font-size:11px;font-weight:700;margin-bottom:4px;text-align:center}.mc-ingredients-list{display:flex;flex-wrap:wrap;align-items:center;gap:2px;margin-bottom:6px;font-size:11px;color:#404040}.mc-ingredient-item{display:inline-flex;align-items:center;gap:2px;white-space:nowrap}.mc-ingredient-list-icon{width:16px;height:16px;image-rendering:pixelated;vertical-align:middle}.mc-ingredient-list-name{color:#36b}.mc-crafting-layout,.mc-smelting-layout{display:flex;align-items:center;gap:8px}.mc-crafting-grid{display:grid;grid-template-columns:repeat(3,38px);grid-template-rows:repeat(3,38px);gap:2px;background:#8b8b8b}.mc-grid-cell{width:38px;height:38px;background:#8b8b8b;border:2px solid;border-color:#373737 #fff #fff #373737;display:flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box}.mc-grid-cell.has-item{background:#c6c6c6}.mc-grid-cell.output-cell{width:46px;height:46px;background:#c6c6c6;border-color:#fff #373737 #373737 #fff}.mc-item-icon{width:32px;height:32px;object-fit:contain;image-rendering:optimizeSpeed;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:pixelated;-ms-interpolation-mode:nearest-neighbor}.mc-grid-cell.output-cell .mc-item-icon{width:40px;height:40px}.mc-grid-cell.output-cell .mc-item-icon{width:32px;height:32px}.mc-ingredient-name{font-size:7px;color:#333;text-align:center;word-break:break-word;line-height:1;padding:1px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.mc-ingredient-name.mc-fallback{display:none}.mc-arrow{font-size:20px;color:#404040;font-weight:700;line-height:1}.mc-output{display:flex;align-items:center;justify-content:center;position:relative}.mc-output-amount{position:absolute;bottom:1px;right:1px;font-size:9px;font-weight:700;color:#fff;text-shadow:1px 1px 0 #333,-1px -1px 0 #333,1px -1px 0 #333,-1px 1px 0 #333}.mc-crafting-container.mc-smelting{background:#8b8b8b}.mc-smelting-input{display:flex;flex-direction:column;gap:2px}.soundboard-panel{position:fixed;left:70px;width:320px;max-height:400px;background:var(--bg-secondary, #2b2d31);border:1px solid var(--border-color, #3f4147);border-radius:8px;box-shadow:0 4px 16px #0006;z-index:1000;display:flex;flex-direction:column;overflow:hidden}.soundboard-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--border-color, #3f4147);flex-shrink:0}.soundboard-title{font-size:13px;font-weight:600;color:var(--text-primary, #f2f3f5)}.soundboard-header-controls{display:flex;align-items:center;gap:6px}.soundboard-volume{display:flex;align-items:center;gap:4px;color:var(--text-muted, #949ba4)}.soundboard-volume input[type=range]{width:60px;height:4px;cursor:pointer;accent-color:var(--accent-color, #eb7538)}.soundboard-action-btn{width:24px;height:24px;border:none;background:transparent;color:var(--text-muted, #949ba4);font-size:16px;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;padding:0;line-height:1}.soundboard-action-btn:hover{background:var(--bg-modifier-hover, #36373d);color:var(--text-primary, #f2f3f5)}.soundboard-clips-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:8px;overflow-y:auto;max-height:300px;flex:1}.soundboard-empty{grid-column:1 / -1;text-align:center;color:var(--text-muted, #949ba4);font-size:12px;padding:24px 8px}.soundboard-empty-upload{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:28px 8px;cursor:pointer;border:2px dashed var(--border-color, #3f4147);border-radius:8px;color:var(--text-muted, #949ba4);font-size:13px;transition:border-color .15s,color .15s}.soundboard-empty-upload:hover{border-color:var(--accent-color, #eb7538);color:var(--text-primary, #f2f3f5)}.soundboard-empty-upload:hover svg{opacity:.8}.soundboard-add-clip{border:2px dashed var(--border-color, #3f4147)!important;background:transparent!important;color:var(--text-muted, #949ba4);transition:border-color .15s,color .15s}.soundboard-add-clip:hover{border-color:var(--accent-color, #eb7538)!important;color:var(--text-primary, #f2f3f5);background:transparent!important}.soundboard-clip{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 4px;background:var(--bg-tertiary, #1e1f22);border:1px solid transparent;border-radius:6px;cursor:pointer;transition:background .1s,border-color .1s;min-height:56px;position:relative;overflow:hidden}.soundboard-clip:hover{background:var(--bg-modifier-hover, #36373d);border-color:var(--accent-color, #eb7538)}.soundboard-clip:active{transform:scale(.95)}.soundboard-clip.playing{border-color:var(--accent-color, #eb7538);background:rgba(88,101,242,.15)}.soundboard-clip.cooldown{opacity:.5;cursor:not-allowed}.soundboard-clip-emoji{font-size:18px;line-height:1;margin-bottom:2px}.soundboard-clip-name{font-size:10px;color:var(--text-secondary, #b5bac1);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.soundboard-clip-shortcut{position:absolute;top:2px;right:4px;font-size:8px;color:var(--text-muted, #949ba4);opacity:.6}.soundboard-clip:hover .soundboard-clip-shortcut{display:none}.soundboard-clip-actions{position:absolute;top:2px;right:2px;display:none;align-items:center;gap:2px}.soundboard-clip:hover .soundboard-clip-actions{display:flex}.soundboard-clip-edit,.soundboard-clip-delete{width:14px;height:14px;border:none;background:rgba(0,0,0,.5);border-radius:3px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;padding:0}.soundboard-clip-edit{color:var(--text-secondary, #b5bac1)}.soundboard-clip-edit:hover{color:var(--accent-color, #eb7538)}.soundboard-clip-delete{color:#ed4245;font-size:10px}.soundboard-clip.playing:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--accent-color, #eb7538);animation:soundboard-progress var(--clip-duration, 2s) linear forwards}@keyframes soundboard-progress{0%{width:100%}to{width:0%}}.soundboard-footer{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;border-top:1px solid var(--border-color, #3f4147);flex-shrink:0}.soundboard-slot-info,.soundboard-cooldown-info{font-size:11px;color:var(--text-muted, #949ba4)}#voice-view-soundboard-btn.active{color:var(--accent-color, #eb7538);background:rgba(235,117,56,.15)}.soundboard-toast{position:fixed;bottom:70px;left:50%;transform:translate(-50%);background:var(--bg-secondary, #2b2d31);border:1px solid var(--border-color, #3f4147);border-radius:6px;padding:6px 12px;font-size:12px;color:var(--text-secondary, #b5bac1);z-index:999;animation:fadeInOut 2s ease-in-out forwards;pointer-events:none}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%) translateY(10px)}15%{opacity:1;transform:translate(-50%) translateY(0)}75%{opacity:1}to{opacity:0}}.soundboard-indicator{position:absolute;bottom:4px;left:50%;transform:translate(-50%);background:rgba(235,117,56,.9);color:#fff;font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px;white-space:nowrap;max-width:90%;overflow:hidden;text-overflow:ellipsis;pointer-events:none;z-index:5;animation:sbIndicatorFade 2s ease-in-out forwards}.voice-bar-card .soundboard-indicator{position:static;transform:none;margin-left:auto;flex-shrink:0}@keyframes sbIndicatorFade{0%{opacity:0}8%{opacity:1}75%{opacity:1}to{opacity:0}}.text-soundboard-panel{width:100%;background:var(--bg-secondary, #2b2d31);border-bottom:1px solid var(--border-color, #3f4147);border-radius:8px 8px 0 0;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.text-sb-header{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;border-bottom:1px solid var(--border-color, #3f4147);flex-shrink:0}.text-sb-title{font-size:13px;font-weight:600;color:var(--text-primary, #f2f3f5)}.text-sb-controls{display:flex;align-items:center;gap:6px}.text-sb-volume{display:flex;align-items:center;gap:4px;color:var(--text-muted, #949ba4)}.text-sb-volume input[type=range]{width:60px;height:4px;cursor:pointer;accent-color:var(--accent-color, #eb7538)}.text-sb-upload-btn{width:22px;height:22px;border:none;background:transparent;color:var(--text-muted, #949ba4);font-size:16px;font-weight:600;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;padding:0;line-height:1}.text-sb-upload-btn:hover{background:var(--bg-modifier-hover, #36373d);color:var(--accent-color, #eb7538)}.text-sb-close-btn{background:none;border:none;color:var(--text-muted, #949ba4);font-size:18px;cursor:pointer;padding:0 4px;line-height:1}.text-sb-close-btn:hover{color:var(--text-primary, #f2f3f5)}.text-sb-empty-upload{flex-direction:row;padding:6px 12px;gap:6px;border-width:1px;font-size:12px}.text-sb-clips{display:flex;flex-direction:row;gap:4px;padding:4px 8px;overflow-x:auto;overflow-y:hidden;flex:1;min-height:0;scrollbar-width:thin}.text-sb-clips::-webkit-scrollbar{height:4px}.text-sb-clips::-webkit-scrollbar-thumb{background:var(--border-color, #3f4147);border-radius:2px}.text-sb-clip{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px 6px;border-radius:6px;background:var(--bg-tertiary, #1e1f22);border:1px solid transparent;cursor:pointer;transition:background .15s,border-color .15s;min-width:56px;max-width:72px;flex-shrink:0;position:relative;overflow:hidden}.text-sb-clip:hover{background:var(--bg-modifier-hover, #36373d);border-color:var(--border-color, #3f4147)}.text-sb-clip:active{background:var(--accent-color, #eb7538)}.text-sb-clip.on-cooldown{opacity:.5;cursor:not-allowed}.text-sb-clip-emoji{font-size:16px;line-height:1;margin-bottom:1px}.text-sb-clip-icon svg{width:16px;height:16px;fill:var(--text-muted, #949ba4)}.text-sb-clip-name{font-size:10px;color:var(--text-secondary, #b5bac1);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.text-sb-empty{text-align:center;padding:10px 20px;color:var(--text-muted, #949ba4);font-size:12px;white-space:nowrap}.text-sb-empty-upload{padding:6px 12px}#textSoundboardButton.text-sb-btn-active{color:var(--accent-color, #eb7538)}.soundboard-event-message{display:flex;align-items:center;justify-content:center;gap:6px;padding:4px 12px;margin:2px 0;color:var(--text-muted, #949ba4);font-size:12px;font-style:italic}.soundboard-event-message .sb-event-emoji{font-size:14px;line-height:1}.soundboard-event-message .sb-event-emoji svg{width:14px;height:14px;fill:var(--text-muted, #949ba4);vertical-align:middle}.soundboard-event-message .sb-event-username{font-weight:600;color:var(--text-secondary, #b5bac1)}.soundboard-clip-icon svg{width:18px;height:18px;fill:var(--text-muted, #949ba4)}.soundboard-manager-popup{width:280px;max-height:360px;background:var(--bg-secondary, #2b2d31);border:1px solid var(--border-color, #3f4147);border-radius:8px;box-shadow:0 4px 16px #0006;z-index:1000;display:flex;flex-direction:column;overflow:hidden}.sb-mgr-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--border-color, #3f4147)}.sb-mgr-title{font-size:13px;font-weight:600;color:var(--text-primary, #f2f3f5)}.sb-mgr-close{background:none;border:none;color:var(--text-muted, #949ba4);font-size:18px;cursor:pointer;padding:0 4px;line-height:1}.sb-mgr-close:hover{color:var(--text-primary, #f2f3f5)}.sb-mgr-volume{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--border-color, #3f4147);color:var(--text-muted, #949ba4)}.sb-mgr-volume input[type=range]{flex:1;height:4px;cursor:pointer;accent-color:var(--accent-color, #eb7538)}#sb-mgr-volume-label{font-size:11px;min-width:32px;text-align:right;color:var(--text-secondary, #b5bac1)}.sb-mgr-clips-list{flex:1;overflow-y:auto;padding:4px 0;max-height:220px}.sb-mgr-empty{text-align:center;padding:16px;color:var(--text-muted, #949ba4);font-size:12px}.sb-mgr-clip{display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:default}.sb-mgr-clip:hover{background:var(--bg-modifier-hover, #36373d)}.sb-mgr-clip-icon{font-size:16px;line-height:1;flex-shrink:0;width:20px;text-align:center}.sb-mgr-clip-icon svg{width:16px;height:16px;fill:var(--text-muted, #949ba4);vertical-align:middle}.sb-mgr-clip-name{flex:1;font-size:13px;color:var(--text-secondary, #b5bac1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-mgr-clip-actions{display:flex;align-items:center;gap:2px;margin-left:auto;flex-shrink:0}.sb-mgr-clip-play,.sb-mgr-clip-edit,.sb-mgr-clip-delete{width:22px;height:22px;border:none;background:transparent;color:var(--text-muted, #949ba4);font-size:14px;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;padding:0;opacity:0;transition:opacity .1s}.sb-mgr-clip:hover .sb-mgr-clip-play,.sb-mgr-clip:hover .sb-mgr-clip-edit,.sb-mgr-clip:hover .sb-mgr-clip-delete{opacity:1}.sb-mgr-clip-play:hover{color:var(--accent-color, #eb7538);background:rgba(235,117,56,.1)}.sb-mgr-clip-edit:hover{color:var(--text-primary, #f2f3f5);background:var(--bg-modifier-hover, #36373d)}.sb-mgr-clip-delete:hover{color:#ed4245;background:rgba(237,66,69,.1)}.sb-mgr-footer{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-top:1px solid var(--border-color, #3f4147)}.sb-mgr-add-btn{display:flex;align-items:center;gap:4px;background:none;border:1px solid var(--border-color, #3f4147);color:var(--text-secondary, #b5bac1);font-size:12px;padding:8px;border-radius:4px;cursor:pointer}.sb-mgr-add-btn:hover{background:var(--bg-modifier-hover, #36373d);color:var(--text-primary, #f2f3f5);border-color:var(--accent-color, #eb7538)}.sb-mgr-slot-info{font-size:11px;color:var(--text-muted, #949ba4)}.sb-trimmer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);z-index:10001;display:flex;align-items:center;justify-content:center}.sb-trimmer-modal{background:var(--bg-secondary, #2b2d31);border-radius:8px;padding:16px;width:460px;box-shadow:0 4px 16px #0006}.sb-trimmer-title{font-size:14px;font-weight:600;color:var(--text-primary, #f2f3f5);margin-bottom:12px}.sb-trimmer-waveform-container{position:relative;height:80px;background:var(--bg-tertiary, #1e1f22);border-radius:4px;overflow:hidden;cursor:pointer;user-select:none}.sb-trimmer-waveform-container canvas{display:block;width:100%;height:100%}.sb-trimmer-selection{position:absolute;top:0;bottom:0;background:rgba(235,117,56,.15);border-left:2px solid var(--accent-color, #eb7538);border-right:2px solid var(--accent-color, #eb7538);pointer-events:none}.sb-trimmer-handle{position:absolute;top:0;bottom:0;width:12px;cursor:ew-resize;z-index:2;display:flex;align-items:center;justify-content:center}.sb-trimmer-handle:after{content:"";width:4px;height:24px;background:var(--accent-color, #eb7538);border-radius:2px;box-shadow:0 0 4px #eb753880}.sb-trimmer-handle:hover:after,.sb-trimmer-handle.dragging:after{background:#ff9050;box-shadow:0 0 8px #eb7538cc}.sb-trimmer-dim-left,.sb-trimmer-dim-right{position:absolute;top:0;bottom:0;background:rgba(0,0,0,.5);pointer-events:none}.sb-trimmer-dim-left{left:0}.sb-trimmer-dim-right{right:0}.sb-trimmer-playhead{position:absolute;top:0;bottom:0;width:2px;background:#fff;pointer-events:none;z-index:3;display:none}.sb-trimmer-info{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:12px;color:var(--text-muted, #949ba4)}.sb-trimmer-time{font-family:monospace;font-size:12px}.sb-trimmer-controls{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.sb-trimmer-controls button{padding:6px 14px;border:none;border-radius:4px;font-size:13px;cursor:pointer}.sb-trimmer-play-btn{background:var(--bg-tertiary, #1e1f22);color:var(--text-primary, #f2f3f5);border:1px solid var(--border-color, #3f4147)!important;display:flex;align-items:center;gap:4px}.sb-trimmer-play-btn:hover{background:var(--bg-modifier-hover, #36373d)}.sb-trimmer-cancel-btn{background:transparent;color:var(--text-muted, #949ba4)}.sb-trimmer-cancel-btn:hover{color:var(--text-primary, #f2f3f5)}.sb-trimmer-trim-btn{background:var(--accent-color, #eb7538);color:#fff}.sb-trimmer-trim-btn:hover{background:#d4682f}.sb-recorder-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);z-index:10001;display:flex;align-items:center;justify-content:center}.sb-recorder-modal{background:var(--bg-secondary, #2b2d31);border-radius:8px;padding:16px;width:400px;box-shadow:0 4px 16px #0006}.sb-recorder-title{font-size:14px;font-weight:600;color:var(--text-primary, #f2f3f5);margin-bottom:12px}.sb-recorder-canvas-container{position:relative;height:80px;background:var(--bg-tertiary, #1e1f22);border-radius:4px;overflow:hidden}.sb-recorder-canvas-container canvas{display:block;width:100%;height:100%}.sb-recorder-status{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;font-size:13px;color:var(--text-secondary, #b5bac1);min-height:24px}.sb-recorder-dot{width:10px;height:10px;border-radius:50%;background:#f04747;animation:sb-recorder-pulse 1s ease-in-out infinite}@keyframes sb-recorder-pulse{0%,to{opacity:1}50%{opacity:.3}}.sb-recorder-timer{font-family:monospace;font-size:14px;font-weight:600}.sb-recorder-controls{display:flex;justify-content:center;gap:8px;margin-top:12px}.sb-recorder-controls button{padding:6px 14px;border:none;border-radius:4px;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:4px}.sb-recorder-record-btn{background:#f04747;color:#fff}.sb-recorder-record-btn:hover{background:#d83c3c}.sb-recorder-stop-btn{background:var(--bg-tertiary, #1e1f22);color:var(--text-primary, #f2f3f5);border:1px solid var(--border-color, #3f4147)!important}.sb-recorder-stop-btn:hover{background:var(--bg-modifier-hover, #36373d)}.sb-recorder-play-btn{background:var(--bg-tertiary, #1e1f22);color:var(--text-primary, #f2f3f5);border:1px solid var(--border-color, #3f4147)!important}.sb-recorder-play-btn:hover{background:var(--bg-modifier-hover, #36373d)}.sb-recorder-rerecord-btn{background:var(--bg-tertiary, #1e1f22);color:var(--text-primary, #f2f3f5);border:1px solid var(--border-color, #3f4147)!important}.sb-recorder-rerecord-btn:hover{background:var(--bg-modifier-hover, #36373d)}.sb-recorder-save-btn{background:var(--accent-color, #eb7538);color:#fff}.sb-recorder-save-btn:hover{background:#d4682f}.sb-recorder-cancel-btn{background:transparent;color:var(--text-muted, #949ba4)}.sb-recorder-cancel-btn:hover{color:var(--text-primary, #f2f3f5)}.soundboard-clip[draggable=true],.text-sb-clip[draggable=true]{cursor:grab}.soundboard-clip[draggable=true]:active,.text-sb-clip[draggable=true]:active{cursor:grabbing}.soundboard-clip.sb-drag-over,.text-sb-clip.sb-drag-over{outline:2px solid var(--accent-color, #eb7538);outline-offset:-2px;background:rgba(235,117,56,.15)}.soundboard-clip.sb-dragging,.text-sb-clip.sb-dragging{opacity:.4}.dj-panel{position:fixed;width:340px;max-height:600px;background:var(--bg-secondary, #2b2d31);border:1px solid var(--border-color, #3f4147);border-radius:8px;box-shadow:0 4px 16px #0006;z-index:1000;display:flex;flex-direction:column;overflow:hidden}.dj-panel-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border-color, #3f4147);flex-shrink:0}.dj-panel-title{font-size:13px;font-weight:600;color:var(--text-primary, #f2f3f5)}.dj-panel-close{width:24px;height:24px;border:none;background:transparent;color:var(--text-muted, #949ba4);font-size:16px;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center}.dj-panel-close:hover{background:var(--bg-tertiary, #1e1f22);color:var(--text-primary, #f2f3f5)}.dj-panel-content{padding:12px 14px;overflow-y:auto;flex:1}.dj-panel-empty{text-align:center;padding:0 0 4px}.dj-panel-empty p{color:var(--text-muted, #949ba4);font-size:12px;margin:0 0 12px;line-height:1.4}.dj-quality-select{width:100%;padding:6px 10px;border-radius:4px;border:1px solid var(--border-color, #3f4147);background:var(--bg-tertiary, #1e1f22);color:var(--text-primary, #f2f3f5);font-size:13px;margin-bottom:6px;cursor:pointer}.dj-mode-btn{flex:1;padding:5px 8px;border:1px solid var(--border-color, #3f4147);border-radius:4px;background:var(--bg-tertiary, #1e1f22);color:var(--text-secondary, #b5bac1);font-size:12px;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.dj-mode-btn:hover{background:var(--bg-hover, #2b2d31);color:var(--text-primary, #f2f3f5)}.dj-mode-btn.active{background:var(--accent-dim, rgba(235, 117, 56, .15));color:var(--accent-start, #eb7538);border-color:var(--accent-start, #eb7538)}.dj-become-btn{width:100%;padding:10px;border:none;border-radius:6px;background:linear-gradient(135deg,var(--accent-start, #eb7538),var(--accent-end, #e85d26));color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:box-shadow .15s ease}.dj-become-btn:hover{box-shadow:var(--shadow-accent, 0 2px 12px rgba(235, 117, 56, .4))}.dj-become-btn:disabled{opacity:.5;cursor:not-allowed}.dj-illustration{position:relative;width:100%;height:120px;border-radius:6px;overflow:hidden;margin-bottom:10px}.dj-illustration-img{width:100%;height:100%;object-fit:cover;object-position:center 20%;display:block;border-radius:6px}.dj-illustration-avatar{position:absolute;top:4px;left:50%;transform:translate(-50%);width:72px;height:72px;background:var(--accent-color, #eb7538);padding:2px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}.dj-now-playing{display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border-color, #3f4147);margin-bottom:10px}.dj-now-playing-info{min-width:0;text-align:center}.dj-now-playing-name{font-size:13px;font-weight:600;color:var(--text-primary, #f2f3f5);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dj-now-playing-title{font-size:11px;color:var(--text-muted, #949ba4);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dj-listener-count{font-size:11px;color:var(--text-muted, #949ba4);margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dj-panel-actions{display:flex;flex-direction:column;gap:6px}.dj-panel-action-btn{width:100%;padding:8px;border:none;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s}.dj-panel-action-btn.listen{background:#43b581;color:#fff}.dj-panel-action-btn.listen:hover{background:#3ca374}.dj-panel-action-btn.stop-listening{background:var(--bg-tertiary, #1e1f22);color:var(--text-primary, #f2f3f5);border:1px solid var(--border-color, #3f4147)}.dj-panel-action-btn.stop-dj{background:#ed4245;color:#fff}.dj-panel-action-btn.stop-dj:hover{background:#d63b3e}.dj-panel-action-btn.takeover{background:var(--accent-color, #eb7538);color:#fff}.dj-panel-action-btn.takeover:hover{filter:brightness(1.1)}.dj-panel-action-btn:disabled{opacity:.5;cursor:not-allowed}.dj-listeners-section{margin:8px 0}.dj-listeners-label{font-size:11px;font-weight:600;color:var(--text-muted, #949ba4);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.dj-listeners-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px;max-height:120px;overflow-y:auto}.dj-listener-item{display:flex;align-items:center;gap:6px;padding:3px 4px;border-radius:4px}.dj-listener-item:hover{background:var(--bg-tertiary, #1e1f22)}.dj-listener-name{font-size:12px;color:var(--text-primary, #f2f3f5);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.dj-cooldown-text{font-size:11px;color:var(--text-muted, #949ba4);text-align:center;margin-top:4px}.dj-volume-row{display:flex;align-items:center;gap:8px;margin-top:8px}.dj-volume-row label{font-size:11px;color:var(--text-muted, #949ba4);min-width:45px}.dj-volume-row input[type=range]{flex:1;height:4px;cursor:pointer;accent-color:var(--accent-color, #eb7538)}.dj-slider-value{font-size:11px;color:var(--text-muted, #949ba4);min-width:38px;text-align:right;font-variant-numeric:tabular-nums}.dj-eq-section{margin-top:8px;border-top:1px solid var(--border-color, #3f4147);padding-top:6px}.dj-eq-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:11px;color:var(--text-muted, #949ba4);text-transform:uppercase;letter-spacing:.5px;padding:4px 0;user-select:none}.dj-eq-chevron{font-size:8px;transition:transform .2s}.dj-eq-section.open .dj-eq-chevron{transform:rotate(180deg)}.dj-eq-bands{display:none;padding-top:6px}.dj-eq-section.open .dj-eq-bands{display:block}.dj-eq-band{display:flex;align-items:center;gap:8px;margin-bottom:4px}.dj-eq-band label{font-size:11px;color:var(--text-muted, #949ba4);min-width:45px}.dj-eq-band input[type=range]{flex:1;height:4px;cursor:pointer;accent-color:var(--accent-color, #eb7538)}.dj-eq-reset{width:100%;margin-top:6px;padding:4px 0;font-size:10px;color:var(--text-muted, #949ba4);background:transparent;border:1px solid var(--border-color, #3f4147);border-radius:4px;cursor:pointer;text-transform:uppercase;letter-spacing:.5px}.dj-eq-reset:hover{color:var(--text-primary, #fff);border-color:var(--text-muted, #949ba4)}.toolbar-dj-indicator{position:absolute;top:2px;right:2px;width:8px;height:8px;border-radius:50%;background:#43b581}#toolbar-dj-btn{position:relative}#toolbar-dj-btn.dj-active{color:#43b581;animation:dj-pulse 2s ease-in-out infinite}@keyframes dj-pulse{0%,to{opacity:1}50%{opacity:.6}}#toolbar-dj-btn.dj-available{color:var(--accent-color, #eb7538)}.dj-announcement-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);z-index:10000;display:flex;align-items:center;justify-content:center;animation:dj-overlay-in .2s ease-out}@keyframes dj-overlay-in{0%{opacity:0}to{opacity:1}}.dj-announcement-card{background:var(--bg-secondary, #2b2d31);border:1px solid var(--border-color, #3f4147);border-radius:12px;padding:0;text-align:center;max-width:420px;width:90%;box-shadow:0 8px 32px #00000080;animation:dj-card-in .3s ease-out;overflow:hidden}@keyframes dj-card-in{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.dj-announcement-banner{position:relative;width:100%;height:200px;overflow:visible}.dj-announcement-banner-img{width:100%;height:100%;object-fit:cover;object-position:center 20%;display:block}.dj-announcement-avatar-wrap{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:2}.dj-announcement-hex{width:100px!important;height:100px!important;background:var(--accent-color, #eb7538);padding:3px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.6))}.dj-beat{animation:dj-beat 1.2s ease-in-out infinite}@keyframes dj-beat{0%{transform:scale(1)}8%{transform:scale(1.08)}15%{transform:scale(.98)}30%{transform:scale(1.05)}38%{transform:scale(.97)}50%{transform:scale(1.07)}58%{transform:scale(.99)}70%{transform:scale(1.04)}80%{transform:scale(1)}90%{transform:scale(1.06)}to{transform:scale(1)}}.dj-announcement-text{margin-bottom:8px;padding:0 24px}.dj-announcement-username{display:block;font-size:18px;font-weight:700;color:var(--text-primary, #f2f3f5);margin-bottom:4px}.dj-announcement-message{display:block;font-size:14px;color:var(--text-muted, #949ba4);font-style:italic}.dj-announcement-media-title{font-size:12px;color:var(--accent-color, #eb7538);margin-bottom:12px;padding:0 24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dj-announcement-actions{display:flex;gap:8px;justify-content:center;padding:0 24px 24px}.dj-btn{padding:10px 24px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:filter .15s,transform .1s}.dj-btn:hover{filter:brightness(1.1)}.dj-btn:active{transform:scale(.97)}.dj-btn-listen{background:#43b581;color:#fff}.dj-btn-watch{background:#5865f2;color:#fff}.dj-btn-ignore{background:var(--bg-tertiary, #1e1f22);color:var(--text-muted, #949ba4);border:1px solid var(--border-color, #3f4147)}.dj-btn-ignore:hover{color:var(--text-primary, #f2f3f5)}.mention-autocomplete{position:absolute;bottom:100%;left:0;right:0;max-height:200px;overflow-y:auto;background:var(--bg-secondary, #2b2d31);border:1px solid var(--border-color, #3f4147);border-radius:8px;box-shadow:0 4px 16px #0006;z-index:100;margin-bottom:4px;display:none}.mention-autocomplete.visible{display:block}.mention-autocomplete-header{padding:6px 12px;font-size:11px;font-weight:600;color:var(--text-muted, #949ba4);text-transform:uppercase;letter-spacing:.02em;border-bottom:1px solid var(--border-color, #3f4147)}.mention-autocomplete-item{display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;transition:background .1s}.mention-autocomplete-item:hover,.mention-autocomplete-item.selected{background:var(--bg-modifier-hover, #36373d)}.mention-autocomplete-item .mention-avatar{width:24px;height:24px;border-radius:50%;background:var(--bg-tertiary, #1e1f22);flex-shrink:0;object-fit:cover}.mention-autocomplete-item .mention-avatar-placeholder{width:24px;height:24px;border-radius:50%;background:var(--accent-color, #eb7538);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#fff;flex-shrink:0}.mention-autocomplete-item .mention-username{font-size:13px;color:var(--text-primary, #f2f3f5);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mention-autocomplete-item .mention-everyone-icon{width:24px;height:24px;border-radius:50%;background:var(--accent-color, #eb7538);display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.chat-mention{background:rgba(88,101,242,.15);color:var(--accent-color, #eb7538);padding:0 2px;border-radius:3px;font-weight:500;cursor:pointer}.chat-mention:hover{background:rgba(88,101,242,.3);text-decoration:underline}.chat-mention.self-mention{background:rgba(88,101,242,.25);color:#fff}.chat-message.mentioned,.chat-message-same-user.mentioned{background:rgba(88,101,242,.06);border-left:2px solid var(--accent-color, #eb7538)}.chat-mention.everyone{background:rgba(250,166,26,.15);color:#faa61a}.chat-mention.everyone:hover{background:rgba(250,166,26,.3)}.chat-mention.group-mention{background:rgba(250,166,26,.15);color:#faa61a}.chat-mention.group-mention:hover{background:rgba(250,166,26,.3)}.chat-mention.group-mention.self-mention{background:rgba(250,166,26,.25);color:#fff}.mention-autocomplete-item .mention-group-icon{width:24px;height:24px;border-radius:50%;background:#faa61a;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;color:#fff}.chat-channel-mention{background:rgba(var(--accent-rgb),.15);color:var(--gamevox-orange-start, #eb7538);padding:0 2px;border-radius:3px;font-weight:500;cursor:pointer}.chat-channel-mention:hover{background:rgba(var(--accent-rgb),.3);text-decoration:underline}.channel-mention-inline-icon{width:14px;height:14px;vertical-align:-2px;margin-right:1px}.channel-mention-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-muted, #949ba4)}.channel-mention-icon svg{width:16px;height:16px}.emoji-autocomplete{position:absolute;bottom:100%;left:0;right:0;max-height:260px;overflow-y:auto;background:var(--bg-secondary, #2b2d31);border:1px solid var(--border-color, #3f4147);border-radius:8px;box-shadow:0 4px 16px #0006;z-index:100;margin-bottom:4px;display:none}.emoji-autocomplete.visible{display:block}.emoji-ac-header{padding:8px 12px 4px;font-size:11px;font-weight:700;color:var(--text-muted, #949ba4);text-transform:uppercase;letter-spacing:.02em}.emoji-ac-item{display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;transition:background .1s}.emoji-ac-item:hover,.emoji-ac-item.selected{background:var(--bg-modifier-hover, #36373d)}.emoji-ac-item .emoji-ac-emoji{font-size:22px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.emoji-ac-item .emoji-ac-emoji .twemoji{width:22px;height:22px}.emoji-ac-item .emoji-ac-custom-img{width:22px;height:22px;object-fit:contain;flex-shrink:0}.emoji-ac-item .emoji-ac-name{font-size:13px;color:var(--text-primary, #f2f3f5);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-panel{position:absolute;top:48px;right:8px;width:420px;max-height:calc(100vh - 120px);background-color:var(--bg-elevated, #1e2024);border:1px solid var(--border-medium, #3a3d42);border-radius:8px;box-shadow:0 8px 24px #00000080;z-index:1000;display:flex;flex-direction:column;overflow:hidden}.search-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-medium, #3a3d42);font-weight:600;font-size:14px;color:var(--text-primary, #e0e0e0)}.search-panel-close{background:none;border:none;color:var(--text-secondary, #b0b0b0);font-size:20px;cursor:pointer;padding:6px 8px;line-height:1;border-radius:4px;transition:background .15s,color .15s}.search-panel-close:hover{color:var(--text-primary, #e0e0e0);background:var(--bg-modifier-hover, rgba(255, 255, 255, .08))}.search-input-area{padding:12px 16px;border-bottom:1px solid var(--border-medium, #3a3d42)}.search-input-container{display:flex;align-items:center;background:var(--bg-tertiary, #1e1f22);border-radius:6px;padding:0 10px;border:1px solid transparent;transition:border-color .15s}.search-input-container:focus-within{border-color:var(--accent-color, #eb7538)}.search-input-icon{color:var(--text-muted, #949ba4);flex-shrink:0;width:16px;height:16px}.search-input-container .search-input{flex:1;background:none;border:none!important;box-shadow:none!important;color:var(--text-primary, #e0e0e0);font-size:14px;padding:8px;margin-bottom:0;outline:none;min-width:0;width:auto;border-radius:0}.search-input-container .search-input::placeholder{color:var(--text-muted, #949ba4)}.search-filters{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.search-filter-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:var(--bg-secondary, #2b2d31);border:1px solid var(--border-medium, #3a3d42);border-radius:4px;font-size:12px;color:var(--text-secondary, #b0b0b0);cursor:pointer;transition:all .15s;user-select:none}.search-filter-chip:hover{background:var(--bg-modifier-hover, #36373d);border-color:var(--accent-color, #eb7538)}.search-filter-chip.active{background:rgba(88,101,242,.15);border-color:var(--accent-color, #eb7538);color:var(--accent-color, #eb7538)}.search-filter-chip .filter-remove{font-size:14px;line-height:1;margin-left:2px;opacity:.7}.search-filter-chip .filter-remove:hover{opacity:1}.search-filter-row{display:flex;align-items:center;gap:8px;margin-top:8px}.search-filter-row label{font-size:12px;color:var(--text-muted, #949ba4);white-space:nowrap;min-width:40px}.search-filter-row input,.search-filter-row select{flex:1;background:var(--bg-tertiary, #1e1f22);border:1px solid var(--border-medium, #3a3d42);border-radius:4px;color:var(--text-primary, #e0e0e0);font-size:12px;padding:4px 8px;outline:none;min-width:0}.search-filter-row input:focus,.search-filter-row select:focus{border-color:var(--accent-color, #eb7538)}.search-filter-row input[type=date]{color-scheme:dark}.search-filter-toggles{display:flex;gap:6px;margin-top:8px}.search-filter-toggle{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:var(--bg-secondary, #2b2d31);border:1px solid var(--border-medium, #3a3d42);border-radius:4px;font-size:11px;color:var(--text-muted, #949ba4);cursor:pointer;transition:all .15s}.search-filter-toggle:hover{color:var(--text-secondary, #b0b0b0);border-color:var(--text-muted, #949ba4)}.search-filter-toggle.active{background:rgba(88,101,242,.15);border-color:var(--accent-color, #eb7538);color:var(--accent-color, #eb7538)}.search-results{flex:1;overflow-y:auto;padding:8px;min-height:100px}.search-results-info{padding:6px 8px;font-size:12px;color:var(--text-muted, #949ba4);border-bottom:1px solid var(--border-medium, #3a3d42);margin-bottom:4px}.search-result-item{padding:10px 12px;border-radius:6px;cursor:pointer;transition:background-color .1s;margin-bottom:4px}.search-result-item:hover{background-color:var(--bg-hover, rgba(255,255,255,.06))}.search-result-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.search-result-avatar{width:20px;height:20px;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);object-fit:cover;flex-shrink:0}.search-result-avatar-placeholder{width:20px;height:20px;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--accent-color, #eb7538);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:#fff;flex-shrink:0}.search-result-username{font-weight:600;font-size:13px;color:var(--text-primary, #e0e0e0)}.search-result-channel{font-size:11px;color:var(--text-muted, #949ba4);margin-left:auto;display:flex;align-items:center;gap:3px}.search-result-channel:before{content:"#";opacity:.7}.search-result-time{font-size:11px;color:var(--text-tertiary, #72767d);margin-left:4px}.search-result-content{font-size:13px;color:var(--text-secondary, #b0b0b0);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:break-word}.search-result-content mark{background:rgba(250,166,26,.3);color:var(--text-primary, #e0e0e0);border-radius:2px;padding:0 1px}.search-result-file{display:flex;align-items:center;gap:10px;margin-top:6px;padding:8px 10px;background:var(--bg-tertiary, #1e1f22);border:1px solid var(--border-medium, #3a3d42);border-radius:6px}.search-result-file-icon{flex-shrink:0;width:28px;height:28px;color:var(--accent-color, #eb7538)}.search-result-file-icon svg{width:100%;height:100%;stroke:currentColor}.search-result-file-details{min-width:0;flex:1}.search-result-file-name{font-size:13px;font-weight:500;color:var(--accent-color, #eb7538);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-file-meta{font-size:11px;color:var(--text-muted, #949ba4);margin-top:1px}.search-result-no-content{color:var(--text-muted, #949ba4);font-size:12px}.search-empty{text-align:center;color:var(--text-tertiary, #72767d);padding:32px 16px;font-size:13px}.search-empty svg{width:48px;height:48px;margin-bottom:12px;opacity:.4}.search-loading{text-align:center;padding:24px 16px;color:var(--text-muted, #949ba4);font-size:13px}.search-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 16px;border-top:1px solid var(--border-medium, #3a3d42)}.search-pagination button{background:var(--bg-secondary, #2b2d31);border:1px solid var(--border-medium, #3a3d42);color:var(--text-secondary, #b0b0b0);padding:4px 12px;border-radius:4px;font-size:12px;cursor:pointer;transition:all .15s}.search-pagination button:hover:not(:disabled){background:var(--bg-modifier-hover, #36373d);color:var(--text-primary, #e0e0e0)}.search-pagination button:disabled{opacity:.4;cursor:not-allowed}.search-pagination-info{font-size:12px;color:var(--text-muted, #949ba4)}.search-shortcut-hint{font-size:11px;color:var(--text-muted, #949ba4);padding:6px 16px;text-align:center;border-top:1px solid var(--border-medium, #3a3d42)}.search-shortcut-hint kbd{background:var(--bg-tertiary, #1e1f22);border:1px solid var(--border-medium, #3a3d42);border-radius:3px;padding:1px 5px;font-size:11px;font-family:inherit}.dm-search-panel{position:absolute;top:48px;right:0;width:360px;max-height:calc(100% - 48px);background-color:var(--bg-elevated, #1e2024);border-left:1px solid var(--border-medium, #3a3d42);z-index:100;display:flex;flex-direction:column;overflow:hidden}.dm-search-panel-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border-medium, #3a3d42);font-weight:600;font-size:13px;color:var(--text-primary, #e0e0e0);flex-shrink:0}.dm-search-panel-close{background:none;border:none;color:var(--text-secondary, #b0b0b0);font-size:18px;cursor:pointer;padding:4px 6px;line-height:1;border-radius:4px;transition:background .15s,color .15s}.dm-search-panel-close:hover{color:var(--text-primary, #e0e0e0);background:var(--bg-modifier-hover, rgba(255, 255, 255, .08))}.dm-search-input-area{padding:10px 14px;border-bottom:1px solid var(--border-medium, #3a3d42);flex-shrink:0}.dm-search-input-container{display:flex;align-items:center;background:var(--bg-tertiary, #1e1f22);border-radius:6px;padding:0 10px;border:1px solid transparent;transition:border-color .15s}.dm-search-input-container:focus-within{border-color:var(--accent-color, #eb7538)}.dm-search-input-icon{color:var(--text-muted, #949ba4);flex-shrink:0;width:16px;height:16px}.dm-search-input{flex:1;background:none;border:none!important;box-shadow:none!important;color:var(--text-primary, #e0e0e0);font-size:13px;padding:7px 8px;margin-bottom:0;outline:none;min-width:0;width:auto;border-radius:0}.dm-search-input::placeholder{color:var(--text-muted, #949ba4)}.dm-search-results{flex:1;overflow-y:auto;padding:4px 0}.dm-search-results .search-result-item{padding:10px 14px;cursor:default;border-bottom:1px solid var(--border-subtle, rgba(255,255,255,.04));transition:background .1s}.dm-search-results .search-result-item:hover{background:var(--bg-modifier-hover, rgba(255,255,255,.04))}.dm-search-results .search-results-info{padding:6px 14px;font-size:11px;color:var(--text-muted, #949ba4);border-bottom:1px solid var(--border-subtle, rgba(255,255,255,.04))}.dm-search-empty,.dm-search-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-muted, #949ba4);font-size:13px;gap:10px}.dm-search-empty svg,.dm-search-loading svg{width:32px;height:32px;opacity:.5}.dm-search-results .search-pagination{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 14px;border-top:1px solid var(--border-medium, #3a3d42)}.dm-header-btn.dm-header-btn-active{color:var(--accent-primary, #eb7538);background:var(--bg-elevated)}.level-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:20px;padding:0 6px;border-radius:10px;font-size:11px;font-weight:700;color:#fff;background:#72767d}.level-badge.level-green{background:#43b581}.level-badge.level-blue{background:#3b82f6}.level-badge.level-gold{background:#faa61a}.xp-progress-bar{width:100%;height:6px;background:var(--bg-tertiary, #1e1f22);border-radius:3px;overflow:hidden;margin:6px 0}.xp-progress-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,#eb7538,#ef4d3b);transition:width .5s ease;min-width:0}.viewer-xp-card{display:flex;flex-direction:column;gap:4px}.viewer-xp-header{display:flex;align-items:center;gap:8px}.viewer-xp-level-text{font-size:14px;font-weight:600;color:var(--text-primary, #dbdee1)}.viewer-xp-text{font-size:12px;color:var(--text-secondary, #949ba4);text-align:right}.top-contributors-list{display:flex;flex-direction:column;gap:6px}.contributor-row{display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:var(--radius-sm, 4px)}.contributor-row:hover{background:var(--bg-tertiary, #1e1f22)}.contributor-rank{font-size:12px;font-weight:700;color:var(--text-secondary, #949ba4);width:18px;text-align:center}.contributor-rank.rank-1{color:#faa61a}.contributor-rank.rank-2{color:silver}.contributor-rank.rank-3{color:#cd7f32}.contributor-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover}.contributor-info{flex:1;min-width:0}.contributor-name{font-size:13px;font-weight:500;color:var(--text-primary, #dbdee1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contributor-xp{font-size:11px;color:var(--text-secondary, #949ba4)}.contributor-level{flex-shrink:0}.contributor-separator{height:1px;background:var(--border-subtle, #2b2d31);margin:4px 0}.contributor-row.contributor-viewer{background:var(--bg-tertiary, #1e1f22);border-radius:var(--radius-sm, 4px)}.contributor-progress-bar{height:4px;margin-top:3px}.xp-profile-section{display:flex;flex-direction:column;gap:10px}.xp-profile-global{display:flex;flex-direction:column;gap:4px}.xp-profile-level-row{display:flex;align-items:center;gap:8px}.xp-profile-level-text{font-size:14px;font-weight:600;color:var(--text-primary, #dbdee1)}.xp-profile-total{margin-left:auto;font-size:12px;color:var(--text-secondary, #949ba4)}.xp-profile-progress-text{font-size:11px;color:var(--text-muted, #6d6f78)}.xp-profile-server-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary, #949ba4);margin-bottom:4px;padding-top:8px;border-top:1px solid var(--border-subtle, #3f4147)}.xp-profile-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}.xp-breakdown-item{display:flex;justify-content:space-between;font-size:12px}.xp-breakdown-label{color:var(--text-secondary, #949ba4)}.xp-breakdown-value{color:var(--text-primary, #dbdee1);font-weight:500}.chat-level-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:16px;padding:0 4px;border-radius:8px;font-size:10px;font-weight:700;color:#fff;background:#72767d;margin-left:4px;vertical-align:middle}.chat-level-badge.level-green{background:#43b581}.chat-level-badge.level-blue{background:#3b82f6}.chat-level-badge.level-gold{background:#faa61a}