.lazy-image{transition:opacity .18s ease}.lazy-image.is-loading{opacity:.55}.lazy-image.is-loaded{opacity:1}.connection-status{display:inline-flex;align-items:center;gap:.4rem;border-radius:999px;border:1px solid transparent;padding:.3rem .6rem;font-size:.75rem;font-weight:600;line-height:1;background:#f3f4f6;color:#374151}.connection-status-indicator{display:inline-flex;align-items:center;justify-content:center}.connection-status-spinner{animation:connection-spin .85s linear infinite}.connection-status-latency{font-weight:500;opacity:.85}.connection-status-error{display:inline-flex;align-items:center;gap:.25rem;font-weight:500}.connection-status-retry{border:1px solid currentColor;border-radius:999px;padding:.1rem .45rem;background:transparent;color:inherit;font-size:.68rem;font-weight:600;cursor:pointer}.connection-status--connected{background:#ecfdf3;color:#166534;border-color:#86efac}.connection-status--connecting,.connection-status--reconnecting{background:#fefce8;color:#92400e;border-color:#fcd34d}.connection-status--disconnected,.connection-status--error{background:#fef2f2;color:#991b1b;border-color:#fca5a5}@keyframes connection-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.presence-player-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border-radius:8px;background:#ffffff0a;outline:none}.presence-player-item:focus-visible{box-shadow:0 0 0 2px #3b82f699}.presence-player-avatar-wrap{position:relative;flex-shrink:0}.presence-player-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;display:inline-flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700}.presence-player-avatar--fallback{background:#334155;color:#e2e8f0}.presence-player-dot{position:absolute;right:-2px;bottom:-2px;width:10px;height:10px;border-radius:50%;border:2px solid #1e293b}.presence-player-dot--online{background:#10b981}.presence-player-dot--away{background:#f59e0b}.presence-player-dot--busy{background:#ef4444}.presence-player-dot--offline{background:#9ca3af}.presence-player-main{display:flex;flex-direction:column;min-width:0;gap:.125rem}.presence-player-name{color:#f8fafc;font-size:.9rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.presence-player-quest{display:inline-flex;align-items:center;gap:.25rem;color:#e2e8f0;font-size:.72rem;padding:.1rem .4rem;border-radius:999px;background:#0f172ab3;width:fit-content}.presence-player-status{margin-left:auto;color:#cbd5e1;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em}@media(max-width:768px){.presence-player-status{display:none}}.presence-panel{margin:.75rem;border-radius:10px;border:1px solid rgba(148,163,184,.25);background:linear-gradient(180deg,#0f172ab3,#0f172a80);overflow:hidden}.presence-panel-header{width:100%;display:flex;align-items:center;justify-content:space-between;border:0;padding:.75rem;background:transparent;color:#f8fafc;cursor:pointer}.presence-panel-header:hover{background:#94a3b814}.presence-panel-header:focus-visible{outline:2px solid rgba(59,130,246,.6);outline-offset:-2px}.presence-panel-title{display:inline-flex;align-items:center;gap:.5rem;font-size:.88rem;font-weight:600}.presence-panel-content{max-height:280px;overflow-y:auto;padding:0 .5rem .5rem}.presence-panel-list{display:flex;flex-direction:column;gap:.4rem;list-style:none;margin:0;padding:0}.presence-panel-state{color:#cbd5e1;font-size:.85rem;padding:.75rem}.sidebar.collapsed .presence-panel{display:none}.presence-map-marker-wrapper{background:transparent;border:0}.presence-map-marker{display:inline-block;width:20px;height:20px;border-radius:50%;border:2px solid #fff;box-shadow:0 2px 6px #0f172a66}.presence-map-popup{display:flex;align-items:center;gap:.5rem;min-width:150px}.presence-map-popup-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;display:inline-flex;align-items:center;justify-content:center}.presence-map-popup-avatar--fallback{background:#334155;color:#f8fafc;font-size:.65rem;font-weight:700}.presence-map-popup-info{min-width:0}.presence-map-popup-name{font-weight:600;color:#111827;text-decoration:none}.presence-map-popup-name:hover{text-decoration:underline}.presence-map-popup-status{color:#6b7280;font-size:.8rem}.presence-map-popup-quest{margin-top:.2rem;display:inline-block;color:#0f172a;font-size:.72rem;background:#e2e8f0;padding:.1rem .35rem;border-radius:999px}.presence-status{display:flex;flex-direction:column;gap:.35rem;padding:.5rem 1rem}.presence-status__label{font-size:.72rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.presence-status__select{border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#111827;font-size:.85rem;padding:.35rem .5rem}.presence-status__select:focus-visible{outline:2px solid #3b82f6;outline-offset:1px}