.user-panel{border-bottom:0}.user-card{position:relative;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:0 8px 24px rgb(0 0 0/.28)}.user-card .user-panel-row{padding:8px 8px 8px 10px}.user-card .user-panel-row .status-dot{border-color:var(--surface)}.user-card .voice-status{flex-direction:column;align-items:stretch;gap:10px;margin:0;padding:12px;border:0;border-bottom:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:rgb(32 207 199/.05);color:var(--text)}.user-card .voice-status.connecting,.user-card .voice-status.reconnecting{background:rgb(250 204 21/.06)}.user-card .voice-status.failed{background:var(--danger-soft)}.user-card .voice-status-text{gap:6px}.voice-status-head{display:flex;align-items:center;gap:8px;min-width:0}.voice-status-dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--success)}.voice-status.connected .voice-status-dot{animation:voice-dot 1.8s ease-in-out infinite}.voice-status.connecting .voice-status-dot,.voice-status.reconnecting .voice-status-dot{background:var(--warning)}.voice-status.failed .voice-status-dot{background:var(--danger)}@keyframes voice-dot{50%{opacity:.35}}.user-card .voice-status-head strong{font-size:13px;color:var(--success)}.user-card .voice-status.connecting .voice-status-head strong,.user-card .voice-status.reconnecting .voice-status-head strong{color:var(--warning)}.user-card .voice-status.failed .voice-status-head strong{color:var(--danger)}.user-card .voice-status-label{display:inline-flex;align-items:center;gap:8px;align-self:center}.signal-bars{display:inline-flex;align-items:flex-end;gap:2px;height:12px}.signal-bars span{width:3px;border-radius:1px;background:var(--border-strong)}.signal-bars span:first-child{height:5px}.signal-bars span:nth-child(2){height:8px}.signal-bars span:nth-child(3){height:12px}.signal-bars.link-good .lit{background:var(--success)}.signal-bars.link-fair .lit{background:var(--warning)}.signal-bars.link-poor .lit{background:var(--danger)}.voice-status-ping{font-size:12px;font-weight:500}.voice-status-ping.link-good{color:var(--muted)}.voice-status-time{margin-left:auto;font-family:var(--mono);font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--muted)}.user-card .voice-status-text .voice-status-room{font-size:15px;font-weight:700;color:var(--text);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-card .voice-status-text a.voice-status-room:hover{color:var(--accent-strong);text-decoration:none}.voice-faces{display:flex;align-items:center;gap:10px;min-width:0}.voice-faces-stack{display:flex;flex:none}.voice-faces-stack>span{display:inline-flex;border-radius:50%;box-shadow:0 0 0 2px var(--surface)}.voice-faces-stack>span+span{margin-left:-6px}.voice-faces-stack>span.speaking{position:relative;z-index:1;box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--accent)}.voice-faces-more{width:26px;height:26px;align-items:center;justify-content:center;background:var(--surface-3);color:var(--muted);font-size:11px;font-weight:600}.voice-faces-line{min-width:0;font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-faces-line strong{color:var(--accent);font-weight:600}.voice-status-actions{display:flex;align-items:center;gap:6px}.user-card .voice-status-actions{gap:8px}.voice-card-button{flex:1 1;min-width:0;height:42px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 6px;border:0;border-radius:var(--radius);background:var(--surface-2);color:var(--text);font:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s ease,color .15s ease}.voice-card-button svg{flex:none;width:18px;height:18px}.voice-card-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-card-button:hover{background:var(--surface-3)}.voice-card-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.voice-card-button.active{background:var(--accent);color:var(--accent-text);font-weight:600}.voice-card-button.leave{background:var(--danger-soft);color:var(--danger);font-weight:600}.voice-card-button.leave:hover{background:var(--danger);color:#fff}.voice-card-button:disabled{opacity:.5;cursor:not-allowed}.mic-group{display:inline-flex;align-items:center;border-radius:10px}.mic-group.off,.user-panel-actions>.icon-button.off{background:var(--danger-soft)}.mic-picker>summary{display:inline-flex;align-items:center;justify-content:center;color:var(--muted)}@media (prefers-reduced-motion:reduce){.voice-status.connected .voice-status-dot{animation:none}}.resize-handle{display:none}@media (min-width:901px){.guild-layout{grid-template-columns:var(--channel-w,270px) minmax(0,1fr)}.side-column{width:var(--side-w,330px)}.guild-channel-list,.side-column{position:relative}.resize-handle{display:block;position:absolute;top:0;bottom:0;z-index:7;width:8px;cursor:col-resize;touch-action:none}.resize-channels{right:0}.resize-side{left:0}.resize-handle:after{content:"";position:absolute;top:0;bottom:0;width:2px;border-radius:2px;background:var(--accent);opacity:0;transition:opacity .12s ease 80ms}.resize-channels:after{right:0}.resize-side:after{left:0}.resize-handle.dragging:after,.resize-handle:focus-visible:after,.resize-handle:hover:after{opacity:.8}.resize-handle:focus-visible{outline:none}html.panel-resizing,html.panel-resizing *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}}@media (prefers-reduced-motion:reduce){.resize-handle:after{transition:none}}.muted-speech{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:60;display:flex;align-items:center;gap:10px;padding:8px 8px 8px 14px;transform:translateX(-50%);border:1px solid var(--danger);border-radius:999px;background:var(--surface-2);box-shadow:var(--shadow);color:var(--text);font-weight:600;white-space:nowrap;animation:muted-speech-in .16s ease-out}.muted-speech>svg{color:var(--danger)}.muted-speech .button{padding:6px 14px}@keyframes muted-speech-in{0%{opacity:0;transform:translate(-50%,8px)}}@media (max-width:900px){.muted-speech{bottom:calc(var(--tabbar) + 12px + env(safe-area-inset-bottom))}}.discover{gap:22px}.discover-head{flex-wrap:nowrap;gap:12px}.discover-head>span:nth-child(2){flex:1 1;min-width:0}.discover-head .discover-head-icon{width:42px;height:42px;border-radius:12px}.discover-head h1{font-size:24px;letter-spacing:-.02em}.scroll-row{position:relative;min-width:0}.scroll-row-track{min-width:0}.scroll-row-track>*{scrollbar-width:none}.scroll-row-track>::-webkit-scrollbar{display:none}.scroll-row[data-more-right] .scroll-row-track>*{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 72px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 72px),transparent)}.scroll-row[data-more-left] .scroll-row-track>*{-webkit-mask-image:linear-gradient(90deg,transparent,#000 72px);mask-image:linear-gradient(90deg,transparent,#000 72px)}.scroll-row[data-more-left][data-more-right] .scroll-row-track>*{-webkit-mask-image:linear-gradient(90deg,transparent,#000 72px,#000 calc(100% - 72px),transparent);mask-image:linear-gradient(90deg,transparent,#000 72px,#000 calc(100% - 72px),transparent)}.scroll-row-arrow{position:absolute;top:50%;z-index:2;display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid var(--border-strong);border-radius:50%;background:var(--surface);color:var(--text);box-shadow:0 4px 14px rgb(0 0 0/.35);cursor:pointer;transform:translateY(-50%);transition:background .15s ease,border-color .15s ease}.scroll-row-arrow:focus-visible,.scroll-row-arrow:hover{border-color:var(--accent);background:var(--surface-2)}.scroll-row-arrow.left{left:-6px}.scroll-row-arrow.right{right:-6px}@media (hover:none){.scroll-row-arrow{display:none}}.discover-games .game-picker{padding-bottom:0}.discover-status{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--border));border-radius:16px;background:linear-gradient(100deg,color-mix(in srgb,var(--accent) 16%,transparent),transparent 65%),var(--surface)}.discover-status-pulse{flex:none;width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 color-mix(in srgb,var(--accent) 60%,transparent);animation:status-pulse 2s ease-out infinite}@keyframes status-pulse{70%{box-shadow:0 0 0 9px transparent}to{box-shadow:0 0 0 0 transparent}}@media (prefers-reduced-motion:reduce){.discover-status-pulse{animation:none}}.discover-status-text{display:grid;flex:1 1;gap:2px;min-width:180px}.discover-status-text strong{font-size:15.5px}.discover-status-text .muted{font-size:13px}.discover-status-actions{display:flex;flex-wrap:wrap;gap:8px;margin-left:auto}.discover-status .alert{flex-basis:100%}.slot-dots{display:inline-flex;flex-wrap:wrap;gap:5px;max-width:180px}.slot-dot{width:12px;height:12px;border:2px solid color-mix(in srgb,var(--accent) 55%,var(--border));border-radius:50%}.slot-dot.filled{border-color:var(--accent);background:var(--accent)}@media (max-width:640px){.discover-status-actions{width:100%;margin-left:0}.discover-status-actions .button{flex:1 1}}.side-block-empty{display:grid;gap:10px;justify-items:start}.side-block-empty p{margin:0;font-size:13px}.lfg-rows{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px}.lfg-row,.public-discover .lfg-row{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--surface);transition:border-color .15s ease,transform .15s ease}.lfg-row:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--line));transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){.lfg-row:hover{transform:none}}.lfg-card-top{display:flex;align-items:center;gap:12px;min-width:0}.lfg-row .lfg-game{flex:none;width:44px;height:44px}.lfg-row .lfg-main{gap:2px}.lfg-row .lfg-title{font-size:15px}.lfg-byline{overflow:hidden;color:var(--muted);font-size:12.5px;text-overflow:ellipsis;white-space:nowrap}.lfg-byline-game{color:var(--accent);font-weight:650}.lfg-endorsed{color:var(--warm);font-weight:600}.lfg-row .lfg-tags{min-height:24px}.lfg-tag{display:inline-flex;align-items:center;gap:4px}.lfg-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}.lfg-card-foot .lfg-count{display:grid;justify-items:start;gap:5px;text-align:left}.lfg-card-foot .lfg-count .muted{font-size:12.5px}.lfg-card-foot .lfg-actions{flex-wrap:wrap;justify-content:flex-end}.lfg-filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.lfg-filter-toggle{display:inline-flex;align-items:center;gap:6px}.lfg-filter-toggle[aria-expanded=true]{border-color:var(--accent)}.lfg-filter-count{display:grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--accent);color:var(--accent-text);font-size:11px;font-weight:800}.lfg-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line));border-radius:999px;background:var(--accent-soft);color:var(--text);font:inherit;font-size:12.5px;font-weight:650;cursor:pointer}.lfg-chip:focus-visible,.lfg-chip:hover{border-color:var(--accent)}.lfg-chip span{color:var(--muted);font-size:15px;line-height:1}.discover-section .card.filters .row{flex-wrap:wrap}.discover-section .card.filters label{white-space:nowrap}@media (max-width:640px){.discover-section .card.filters label{flex:1 1 100%;min-width:0}.discover-section .card.filters select{min-width:0;width:100%}}.discover-count{padding:2px 9px;border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:12.5px;font-weight:700}.live-dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 0 0 rgb(74 222 128/.55);animation:live-breathe 2s ease-out infinite}@keyframes live-breathe{70%{box-shadow:0 0 0 7px transparent}to{box-shadow:0 0 0 0 transparent}}@media (prefers-reduced-motion:reduce){.live-dot{animation:none}}.voice-now-block{display:grid;gap:8px;min-width:0}.live-label{gap:8px;font-size:12.5px;font-weight:750;letter-spacing:.02em}.live-count,.live-label{display:inline-flex;align-items:center;color:var(--success)}.live-count{gap:6px;font-size:12px;font-weight:700}.voice-now-card{background:linear-gradient(100deg,color-mix(in srgb,var(--success) 10%,transparent),transparent 70%),var(--surface)}.community-cover{position:relative;overflow:hidden}.community-cover.generated{background:radial-gradient(circle at 18% 120%,rgb(255 255 255/.18),transparent 45%),radial-gradient(circle at 85% -20%,rgb(0 0 0/.35),transparent 55%),repeating-linear-gradient(135deg,rgb(255 255 255/.05) 0 2px,transparent 2px 14px),var(--cover)}.community-cover-mark{position:absolute;right:-10px;bottom:-18px;opacity:.35;transform:rotate(-12deg);filter:saturate(.9)}.community-action{align-self:flex-start;margin-top:10px;padding:6px 14px;border-radius:10px;background:var(--accent-strong);color:var(--accent-text);font-size:13px;font-weight:750}.community-action.joined{background:var(--surface-2);color:var(--text)}.skeleton{border-radius:16px;background:linear-gradient(100deg,var(--surface) 30%,color-mix(in srgb,var(--surface-2) 80%,var(--text) 4%) 50%,var(--surface) 70%);background-size:300% 100%;animation:skeleton-light 1.4s ease-in-out infinite}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px;margin:0;padding:0;list-style:none}.skeleton-listing{height:168px}.skeleton-community{flex:none;width:250px;height:236px}@keyframes skeleton-light{0%{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.community-body{position:relative;z-index:1}.guild-nav button.guild-shortcut{display:flex;align-items:center;width:100%;border:0;border-radius:8px;background:none;color:var(--muted);font:inherit;font-size:15px;text-align:left;cursor:pointer}.guild-nav button.guild-shortcut:focus-visible,.guild-nav button.guild-shortcut:hover{color:var(--text);background:rgb(255 255 255/.04)}.guild-shortcut-count{margin-left:auto;min-width:20px;padding:1px 7px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:750;text-align:center}.event-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.event-card{display:grid;gap:6px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.event-card.highlight{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.event-when{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;color:var(--accent);font-size:13px;text-transform:capitalize}.event-when .muted{text-transform:none}.event-live{padding:1px 8px;border-radius:999px;background:color-mix(in srgb,var(--success) 18%,transparent);color:var(--success);font-weight:750}.event-title{font-size:16px}.event-description{margin:0;color:var(--muted);font-size:13.5px;white-space:pre-wrap;overflow-wrap:anywhere}.event-meta{gap:4px 14px;font-size:12.5px}.event-actions,.event-meta{display:flex;flex-wrap:wrap}.event-actions{align-items:center;gap:8px;margin-top:4px}.event-form-when{gap:10px}.event-form-when .field{flex:1 1 140px}.event-chip{display:grid;gap:5px;width:230px;height:100%;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 10%,transparent),transparent 60%),var(--surface);color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:border-color .15s ease,transform .15s ease}.event-chip:focus-visible,.event-chip:hover{border-color:var(--accent);transform:translateY(-2px)}.event-chip strong{overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.event-chip-when{color:var(--accent);font-size:12.5px;font-weight:750;text-transform:capitalize}.event-chip-guild{display:flex;align-items:center;gap:6px;min-width:0;font-size:13px}.event-chip-guild>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-chip .muted{font-size:12px}@media (prefers-reduced-motion:reduce){.event-chip:hover{transform:none}}.search-palette{display:grid;gap:12px;width:min(520px,100%)}.search-palette .search-box{display:flex;align-items:center;gap:10px;height:46px;padding:0 14px;border:1px solid var(--border-strong);border-radius:12px;background:var(--bg);color:var(--muted)}.search-palette .search-box:focus-within{border-color:var(--accent)}.search-palette .search-box input{flex:1 1;min-width:0;min-height:0;height:100%;padding:0;border:0;border-radius:0;outline:0;box-shadow:none;background:none;color:var(--text)}.search-hint{margin:0;font-size:13.5px}.search-group h3{margin:4px 0 6px;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.search-results{display:grid;gap:2px;margin:0;padding:0;list-style:none}.search-result{display:flex;align-items:center;gap:12px;width:100%;padding:8px 10px;border:0;border-radius:10px;background:none;color:var(--text);font:inherit;text-align:left;cursor:pointer}.search-result:focus-visible,.search-result:hover{background:var(--surface-3)}.search-kind{display:grid;flex:none;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--accent-soft);color:var(--accent)}.search-text{display:grid;min-width:0}.search-text small,.search-text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-text strong{font-weight:650}.search-text small{color:var(--muted);font-size:12.5px}@media (min-width:901px){.messages-layout.single-room{grid-template-columns:1fr}.messages-layout.single-room .conversation-list{display:none}}.global-meta{display:flex;flex-wrap:wrap;gap:4px 10px;margin-left:auto;color:var(--muted);font-size:12.5px}.global-meta>span+span:before{content:"·";margin-right:10px}.composer-note{margin:0 16px 6px;padding:6px 12px;border-radius:10px;background:var(--surface-2);color:var(--muted);font-size:12.5px}.composer-note.error{color:var(--danger)}.global-welcome{display:grid;justify-items:center;gap:8px;max-width:420px;margin:auto;padding:24px;border:1px dashed var(--border-strong);border-radius:14px;text-align:center}.global-welcome p{margin:0}.global-side{display:grid;gap:22px;padding:4px 2px 16px}.global-side h3{margin:0 0 8px;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.global-side p{margin:0 0 8px;font-size:13px}.global-side-head{display:flex;align-items:baseline;justify-content:space-between}.global-side-head a{font-size:12.5px}.global-writers{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px;padding:0;list-style:none}.global-listings{display:grid;gap:8px;margin:0 0 10px;padding:0;list-style:none}.global-listing{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.global-listing-text{display:grid;flex:1 1;min-width:0;gap:1px}.global-listing-text strong{font-size:13.5px}.global-listing-text small,.global-listing-text span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px}@media (max-width:900px){.composer-note{margin:0 8px 6px}.global-meta,.global-side-toggle{display:none}}.watch-together{margin-top:14px;display:flex;flex-direction:column;gap:8px}.watch-together.idle{flex-direction:row;align-items:center;flex-wrap:wrap}.watch-together header{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.watch-together header .stream-tool:first-of-type{margin-left:auto}.watch-open{display:flex;gap:8px;flex:1 1;flex-wrap:wrap}.watch-open .input{flex:1 1 260px;min-width:0}.watch-player{position:relative;aspect-ratio:16/9;max-height:70vh;background:#000;border-radius:10px;overflow:hidden}.watch-player iframe{width:100%;height:100%}.watch-cover,.watch-player iframe{position:absolute;inset:0;border:0}.watch-cover{background:transparent;cursor:pointer}.watch-together:fullscreen{background:var(--bg);padding:12px;margin:0}.watch-together:fullscreen .watch-player{flex:1 1;max-height:none}.watch-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.watch-seek{flex:1 1 160px;min-width:0;accent-color:var(--accent)}.watch-time{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.watch-volume{display:flex;align-items:center;gap:6px}.watch-volume input{width:90px;accent-color:var(--accent)}.watch-failure{color:var(--danger);font-size:.9em}