/* A small presence indicator keeps the map readable; the detail lives in one sheet. */
#world-online-badge{position:absolute;z-index:9;top:calc(var(--safe-top) + 62px);left:var(--safe-left);display:flex;align-items:center;gap:8px;min-height:44px;max-width:185px;padding:9px 12px;border:1px solid #F7F2EA80;border-radius:8px;background:#121010E8;color:#F7F2EA;font:550 12px/1.3 Archivo,Arial,sans-serif;box-shadow:0 2px 7px #12101026;cursor:pointer}
#world-online-badge[hidden]{display:none}#world-online-badge i{width:7px;height:7px;border-radius:50%;background:#D9C3A5;flex:0 0 7px}#world-online-badge[data-status=online] i{background:#76CAA4}#world-online-badge[data-status=connecting] i{background:#E4BA67}
#world-online-menu{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:64px;width:100%;padding:13px 15px;margin:12px 0;border:1px solid #D9C3A5;border-radius:10px;background:#E8D8CC80;color:#121010;text-align:left;font-family:Archivo,Arial,sans-serif}
#world-online-menu strong{display:block;font-size:16px;line-height:1.35;font-weight:600;margin-bottom:3px}#world-online-menu small{display:block;font-size:12px;line-height:1.4;color:#6B4E32}#world-online-menu>span:last-child{font-size:24px;color:#6B4E32}
.online-dialog{width:min(620px,calc(100vw - 32px));max-width:100%;max-height:calc(100dvh - 36px);padding:0;border:1px solid #B69D86;border-radius:14px;background:#F7F2EA;color:#121010;box-shadow:0 20px 70px #0005;font:400 15px/1.5 Archivo,Arial,sans-serif;overflow:auto}
.online-dialog::backdrop{background:#121010A6;backdrop-filter:blur(4px)}.online-dialog>header{position:sticky;z-index:2;top:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 22px;background:#F7F2EA;border-bottom:1px solid #D9C3A5}.online-dialog>header>div{display:flex;align-items:center;gap:12px}.online-dialog>header img{box-sizing:content-box;object-fit:contain;background:#121010;padding:7px;border-radius:6px;width:28px;height:24px}.online-dialog h2{font:650 20px/1.3 Archivo,Arial,sans-serif;margin:0}.online-dialog [data-online-close]{width:44px;height:44px;padding:0;font-size:30px;line-height:1}
.online-dialog button{min-width:44px;min-height:44px;padding:10px 14px;border:1px solid #B69D86;border-radius:8px;background:#F7F2EA;color:#121010;font:550 14px/1.4 Archivo,Arial,sans-serif;cursor:pointer}.online-dialog button:hover{background:#E8D8CC}.online-dialog button:focus-visible,#world-online-badge:focus-visible,#world-online-menu:focus-visible{outline:3px solid #1F7A63;outline-offset:3px}.online-dialog button:disabled{opacity:.6;cursor:default}.online-content{padding:20px 22px;overflow-wrap:anywhere}.online-tabs{display:flex;gap:8px;margin-bottom:22px}.online-tabs button[aria-pressed=true]{background:#121010;color:#F7F2EA;border-color:#121010}.online-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:18px;border-bottom:1px solid #D9C3A5}.online-summary>div>span,.online-profile-seal{font-size:10px;letter-spacing:.09em;color:#6B4E32;font-weight:650}.online-dialog h3{font:650 25px/1.3 Archivo,Arial,sans-serif;margin:5px 0 8px}.online-dialog h4{font:600 18px/1.4 Archivo,Arial,sans-serif;margin:0 0 7px}.online-dialog p{margin:0 0 15px;color:#6B4E32}.online-room{font:500 10px/1.4 Archivo,Arial,sans-serif;color:#6B4E32;max-width:90px;text-align:right}.online-reactions{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.online-reactions button{font-size:13px}.online-empty{padding:24px 0}.online-note{font-size:13px;line-height:1.55;margin:16px 0!important}.online-people,.online-ranking{list-style:none;margin:0;padding:0}.online-people>li{border-bottom:1px solid #D9C3A5}.online-people button{display:flex;align-items:center;gap:14px;width:100%;border:0;border-radius:0;background:none;padding:15px 0;text-align:left}.online-people button>span:nth-child(2){min-width:0;flex:1}.online-people strong{display:block;font-size:16px;line-height:1.4}.online-people small{display:block;color:#6B4E32;font-size:12px;line-height:1.5}.online-avatar{width:40px;height:44px;flex:0 0 40px;display:grid;place-items:center;background:#D4A4B3;border:1px solid #6B4E3266;border-radius:8px;font:600 13px/1 Archivo,Arial,sans-serif}.online-avatar[data-outfit=brown]{background:#A77B56;color:#F7F2EA}.online-ranking>li{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px 8px;border-bottom:1px solid #D9C3A5}.online-ranking>li.is-self{background:#D4A4B326}.online-ranking small{display:block;font-size:11px;color:#6B4E32;font-weight:400}.online-ranking b{font-size:17px;text-align:right}.online-ranking b small{display:inline}.online-text-button{margin-left:8px;border-color:transparent!important;text-decoration:underline;text-underline-offset:3px}.online-profile dl{margin:20px 0}.online-profile dl>div{display:flex;justify-content:space-between;gap:24px;padding:14px 0;border-bottom:1px solid #D9C3A5}.online-profile dt{color:#6B4E32;font-size:13px}.online-profile dd{margin:0;text-align:right;font-size:14px;font-weight:600;max-width:60%}.online-feedback{padding:12px 14px;margin:18px 0 0!important;background:#D4A4B32B;border-left:3px solid #6B4E32;font-size:13px}
@media(max-width:760px){#world-online-badge{top:calc(var(--safe-top) + 56px);font-size:11px;padding:8px 10px;max-width:160px}.online-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:12px}.online-dialog>header{padding:12px 15px}.online-content{padding:18px 15px}.online-dialog h3{font-size:23px}.online-room{display:none}.online-profile dl>div{gap:15px}.online-summary{gap:10px}.online-tabs button{flex:1}.online-text-button{display:block;margin:8px 0 0}.online-summary>button{padding:9px;font-size:12px}.online-dialog h2{font-size:18px}}
@media(orientation:landscape) and (max-height:550px){#world-online-badge{top:calc(var(--safe-top) + 51px)}.online-dialog{max-height:calc(100dvh - 16px)}.online-dialog>header{padding:8px 15px}.online-content{padding:14px 18px}}