:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1216;--panel:#161a20;--sunken:#0c0f13;--line:#29313b;--line-strong:#3a4450;--text:#e6e9ed;--muted:#98a2ae;--accent:#5b8def;--accent-ink:#fff;--good:#3fbf7f;--warn:#e0b04a;--bad:#e5635f;--info:#6aa7e8;--radius:10px;--font:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--bg);min-height:100%;color:var(--text);font-family:var(--font);-webkit-text-size-adjust:100%;margin:0;padding:0;font-size:16px;line-height:1.5}button,input,kbd{font-family:inherit;font-size:inherit;color:inherit}button{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--panel);cursor:pointer;min-height:2.5rem;padding:.5rem 1rem}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);color:var(--accent-ink);border-color:#0000;font-weight:600}button.primary:hover:not(:disabled){filter:brightness(1.08)}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input[type=range]{accent-color:var(--accent)}h1,h2{letter-spacing:.01em;font-weight:600}p{margin:0}.noscript{text-align:center;margin:2rem 1rem}.loading{min-height:100vh;color:var(--muted);justify-content:center;align-items:center;display:flex}.landing{justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex}.landing-inner{text-align:center;width:100%;max-width:30rem}.brand{overflow-wrap:anywhere;margin:0 0 .5rem;font-size:2rem;line-height:1.2}.tagline{color:var(--muted);margin-bottom:1.5rem}.banner{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--panel);text-align:left;border-left-width:4px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;margin:0 0 1rem;padding:.65rem .85rem;font-size:.92rem;display:flex}.banner-error{border-color:var(--bad)}.banner-warn{border-color:var(--warn)}.banner-info{border-color:var(--info)}.banner button{min-height:2.1rem;padding:.3rem .8rem;font-size:.88rem}.steam-btn{border-radius:var(--radius);background:var(--accent);color:var(--accent-ink);align-items:center;gap:.6rem;padding:.75rem 1.4rem;font-weight:600;text-decoration:none;display:inline-flex}.steam-btn:hover{filter:brightness(1.08)}.hint{max-width:26rem;color:var(--muted);margin:1.4rem auto 0;font-size:.9rem}.version{color:var(--muted);margin-top:2rem;font-size:.78rem}.topbar{border-bottom:1px solid var(--line);background:var(--sunken);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem 1rem;padding:.7rem 1rem;display:flex}.brand-small{overflow-wrap:anywhere;font-weight:600}.identity{flex-wrap:wrap;align-items:center;gap:.6rem;font-size:.9rem;display:flex}.identity img{border:1px solid var(--line);border-radius:50%;width:1.75rem;height:1.75rem}#me-name{text-overflow:ellipsis;white-space:nowrap;max-width:14rem;overflow:hidden}#logout{min-height:2rem;padding:.25rem .75rem;font-size:.85rem}.chip{border:1px solid var(--line-strong);color:var(--muted);white-space:nowrap;border-radius:999px;padding:.15rem .65rem;font-size:.8rem}.chip[data-state=connected]{border-color:var(--good);color:var(--good)}.chip[data-state=connecting],.chip[data-state=warn]{border-color:var(--warn);color:var(--warn)}.chip[data-state=error]{border-color:var(--bad);color:var(--bad)}.stage{flex-direction:column;gap:1rem;max-width:46rem;margin:0 auto;padding:1.2rem 1rem 2rem;display:flex}.stage>.banner{margin:0}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:1rem}.card h2{margin:0 0 .3rem;font-size:1rem}#presence{border-left:4px solid var(--line-strong)}#presence[data-state=ingame]{border-left-color:var(--good)}#presence[data-state=connected]{border-left-color:var(--accent)}#presence[data-state=offline],#presence[data-state=dead]{border-left-color:var(--warn)}.presence-line{overflow-wrap:anywhere}.presence-sub{color:var(--muted);margin-top:.25rem;font-size:.88rem}.presence-sub:empty{display:none}.join-row{flex-wrap:wrap;gap:.6rem;display:flex}#mute[data-muted=true]{border-color:var(--bad);color:var(--bad)}.mute-dot{vertical-align:middle;background:currentColor;border-radius:50%;width:.55rem;height:.55rem;margin-right:.45rem;display:inline-block}#mic-panel{margin-top:1rem}#mic-panel .banner{margin:0 0 .9rem}.meter-row{align-items:center;gap:.6rem;display:flex}#mic-indicator{background:var(--line-strong);border-radius:50%;flex:none;width:.75rem;height:.75rem}#mic-indicator[data-state=on]{background:var(--good)}.vu{background:var(--sunken);border-radius:999px;flex:1;height:.5rem;overflow:hidden}.vu[data-active=false]{opacity:.4}.vu-fill{background:var(--accent);width:0;height:100%}.vu-fill[data-hot=true]{background:var(--warn)}.mic-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;margin-top:.9rem;display:flex}.mic-modes{border:1px solid var(--line);background:var(--sunken);border-radius:999px;flex-wrap:wrap;gap:.25rem;padding:.25rem;display:inline-flex}.mic-mode-tab{min-height:2.1rem;color:var(--muted);background:0 0;border:none;border-radius:999px;padding:.3rem .85rem;font-size:.88rem}.mic-mode-tab[aria-selected=true]{background:var(--accent);color:var(--accent-ink);font-weight:600}.ptt-binding{color:var(--muted);align-items:center;gap:.4rem;font-size:.88rem;display:inline-flex}.ptt-binding button{min-height:2rem;padding:.2rem .6rem;font-size:.82rem}kbd{border:1px solid var(--line-strong);background:var(--sunken);color:var(--text);border-bottom-width:2px;border-radius:4px;padding:.1rem .45rem;font-size:.85rem}.note{color:var(--muted);margin-top:.8rem;font-size:.85rem}.volume-row{flex-wrap:wrap;align-items:center;gap:.7rem;margin-top:.9rem;font-size:.92rem;display:flex}.volume-row input[type=range]{flex:1;min-width:8rem}.pct{min-width:2.8rem;color:var(--muted);text-align:right;font-size:.8rem}#neighbor-list{flex-direction:column;gap:.4rem;margin:.6rem 0 0;padding:0;list-style:none;display:flex}#neighbor-list li{border:1px solid var(--line);border-radius:var(--radius);background:var(--sunken);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.75rem;padding:.5rem .7rem;font-size:.9rem;display:grid}#neighbor-list li.empty{color:var(--muted);border-style:dashed;display:block}#neighbor-list li.speaking{border-color:var(--good)}#neighbor-list li.occluded .n-name{color:var(--muted)}.n-main{flex-direction:column;min-width:0;display:flex}.n-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.n-species{color:var(--muted);font-size:.78rem}.n-species:empty{display:none}.n-where{color:var(--muted);white-space:nowrap;font-size:.82rem}.n-vol{align-items:center;gap:.4rem;display:inline-flex}.n-vol input[type=range]{width:7rem}.settings summary{cursor:pointer;font-weight:600}.settings-body{flex-direction:column;gap:.8rem;margin-top:.9rem;display:flex}.toggle{cursor:pointer;align-items:flex-start;gap:.6rem;display:flex}.toggle input{accent-color:var(--accent);margin-top:.3rem}.toggle-text{flex-direction:column;display:flex}.toggle-hint{color:var(--muted);font-size:.82rem}.footer{color:var(--muted);text-align:center;font-size:.78rem}@media (width<=560px){.topbar{flex-direction:column;align-items:flex-start}#neighbor-list li{grid-template-columns:minmax(0,1fr) auto}.n-vol{grid-column:1/-1}.n-vol input[type=range]{flex:1;width:auto}.mic-modes{border-radius:var(--radius)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}