#screen #server-presence{position:absolute;top:8px;left:50%;translate:-50% 0;z-index:8;display:flex;align-items:center;gap:10px;width:max-content;max-width:calc(100% - 16px);max-height:none;overflow:visible;box-sizing:border-box;padding:5px 9px;border:1px solid #c8b96888;border-radius:8px;background:#102e29eb;color:#f6eed2;box-shadow:0 3px 12px #0004;font:12px/1.4 system-ui,sans-serif}
#server-presence time{font-variant-numeric:tabular-nums;white-space:nowrap}
#server-presence>span{white-space:nowrap;color:#bef09e}
#screen #server-presence button{font:600 12px/1.3 system-ui,sans-serif;min-height:30px;margin:0;padding:4px 8px;border:1px solid #8fb397;border-radius:5px;background:#285c46;color:#fff8df;cursor:pointer;white-space:nowrap}
#server-presence button:focus-visible{outline:2px solid #edce76;outline-offset:2px}
#server-presence button:disabled{opacity:.5;cursor:default}
#screen #server-presence #game-audio-toggle{border-color:#d5bd73;color:#fff3be;min-width:56px;min-height:32px}
#screen #server-presence #game-audio-toggle[aria-pressed=true]{background:#4c3833;color:#ffd9c4}
#server-online-list{position:absolute;top:calc(100% + 6px);right:0;width:min(280px,100%);box-sizing:border-box;padding:12px;border:1px solid #9db984;border-radius:8px;background:#102e29fa;box-shadow:0 8px 20px #0006}
#server-online-list[hidden]{display:none}
#server-online-list ul{list-style:none;margin:8px 0 0;padding:0;max-height:min(240px,40dvh);overflow:auto;overscroll-behavior:contain}
#server-online-list li{padding:5px 2px;border-top:1px solid #ffffff18;overflow-wrap:anywhere}
@media(max-width:480px){#screen #server-presence{gap:6px;padding:4px 6px;font-size:11px}#screen #server-presence button{font-size:11px;min-height:32px;padding:4px 6px}}
@media(max-width:360px){#screen #server-presence{gap:4px;font-size:10px;padding:4px}#screen #server-presence button{font-size:10px;padding:4px;min-height:36px}#screen #server-presence #game-audio-toggle{min-width:48px}}