body[data-page="community"] #sMain>.tabs{max-width:680px;box-sizing:border-box}body[data-page="community"] #sMain>.tabs>.tab{white-space:nowrap;padding-inline:16px;letter-spacing:.08em}
/* Integrate the supplied voice visuals into the existing community surface. */
body[data-page="community"] #vVoice{flex-direction:column;align-items:center;gap:16px;overflow-y:auto;overscroll-behavior:contain;padding:8px 12px 24px;box-sizing:border-box;letter-spacing:0}
.vc-preview-note{max-width:560px;width:100%;box-sizing:border-box;margin:0;padding:12px 16px;border:1px solid var(--line);border-radius:16px;color:var(--ink-soft);background:rgba(28,20,46,.25);font:14px/1.6 system-ui;letter-spacing:0}
#vVoice .vc-panel{flex:none;max-width:100%}#vVoice .vc-header{box-sizing:border-box;height:auto;min-height:0;margin:0;letter-spacing:0}
#vVoice .vc-user{letter-spacing:0}#vVoice .vc-btn,#vVoice .vc-orb{padding:0;font:inherit}
#vVoice .vc-arrival-preview{flex:none;font:14px/1.5 system-ui;letter-spacing:0;padding:8px 18px;margin:0}
.vc-settings-panel{position:absolute;right:14px;bottom:calc(100% - 8px);width:min(290px,calc(100% - 28px));padding:12px 16px;border:1px solid var(--line);border-radius:16px;background:rgba(28,20,46,.64);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);z-index:5;animation:vc-tile-in .2s ease both;font:14px/1.5 system-ui}
.vc-settings-panel p{margin:0}.vc-settings-panel.is-closing{animation:vc-tile-out .2s ease both}
.vc-mini-slot{width:min(560px,calc(100% - 24px));margin:0 auto 12px;flex:none;letter-spacing:0}
.vc-mini-slot[hidden],.vc-settings-panel[hidden]{display:none!important}.vc-mini.is-leaving{display:flex;animation:vc-tile-out .2s ease both;pointer-events:none}
.vc-mini .vc-mini__status{color:var(--vc-ok)}.vc-mini button{flex:none;padding:0}
@media(max-width:760px){body[data-page="community"] #sMain>.tabs{width:calc(100% - 24px);box-sizing:border-box;gap:2px}body[data-page="community"] #sMain>.tabs>.tab{flex:1;min-width:min-content;padding:8px 3px!important;font-size:12px!important;letter-spacing:0!important;line-height:1.35;overflow-wrap:normal;white-space:normal}body[data-page="community"] #vVoice{padding:4px 12px 24px}.vc-header{padding:16px}.vc-preview-note{font-size:14px}.vc-side--right{gap:6px}.vc-mini-slot{margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){.vc-settings-panel,.vc-settings-panel.is-closing,.vc-mini.is-leaving{animation:none}}

@media(max-width:380px){body[data-page="community"] #sMain>.tabs>.tab{padding-inline:2px!important}}

/* Float the preview bar in the highlighted upper-middle area of chat. */
#vChat .chat-history>.vc-mini-slot{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:min(480px,calc(100% - 160px));margin:0;z-index:5}
#vChat .vc-mini{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
@media(max-width:760px){#vChat .chat-history>.vc-mini-slot{top:44px;width:calc(100% - 24px)}}

/* Keep the compact controls and status legible on narrow screens. */
.vc-mini.is-muted .vc-mini__status,.vc-mini.is-deaf .vc-mini__status{color:var(--vc-danger)}
@media(max-width:380px){.vc-mini{gap:8px;padding:8px 10px}.vc-mini__actions{gap:4px}.vc-mini .vc-btn{width:32px;height:32px}.vc-mini__status{font-size:.72rem}}

.vc-status{width:min(560px,100%);margin:0;color:var(--accent);font:14px/1.5 system-ui;letter-spacing:0}.vc-status[hidden],#vcJoinCancel[hidden],#vcEnableAudio[hidden]{display:none!important}
#vVoice .vc-avatar{border:0;padding:0;cursor:pointer}#vVoice .vc-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}#vcVolume{display:block;width:100%;margin-top:10px;accent-color:var(--accent)}

/* Speech feedback should react promptly; decorative ripples stay gentle. */
#vVoice .vc-avatar{transition:box-shadow .08s ease,transform .08s ease,filter .15s ease}
#vVoice .vc-wave span{transition:transform .08s ease,opacity .08s ease}

.vc-rooms{flex:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;width:100%;max-width:1140px;align-items:start}
.vc-room-slot{min-width:0}.vc-room-slot>.vc-panel{width:100%;max-width:100%}
.vc-room-preview .vc-orb-wrap{grid-column:2}
.vc-room-preview[hidden]{display:none!important}
@media(max-width:900px){.vc-rooms{grid-template-columns:1fr;max-width:560px}}
/* Let the dusk background show through with a softer, diffuse shadow. */
#vVoice .vc-panel{background:linear-gradient(180deg,rgba(46,34,80,.42),rgba(28,20,46,.48));box-shadow:0 12px 38px -16px rgba(12,8,30,.26),inset 0 1px 0 rgba(255,255,255,.04);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
#vVoice .vc-dock{background:linear-gradient(180deg,transparent,rgba(22,16,38,.14))}