.avatar{background:var(--honey-soft);color:var(--honey-deep);font-family:var(--font-display);border-radius:50%;flex:none;place-items:center;font-weight:700;display:inline-grid;position:relative}.avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.avatar-link{display:inline-flex;text-decoration:none!important}.avatar-level{border:2px solid var(--surface);background:var(--accent);color:#fff;min-width:18px;height:18px;font:700 10px/1 var(--font-body);border-radius:999px;place-items:center;padding:0 4px;display:grid;position:absolute;bottom:-4px;right:-4px}.avatar-online{border:2px solid var(--surface);background:#22c55e;border-radius:50%;width:10px;height:10px;position:absolute;top:0;right:0}.spinner-wrap{padding:var(--space-7) 0;place-items:center;display:grid}.spinner{border:3px solid var(--line);border-top-color:var(--honey);border-radius:50%;width:26px;height:26px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty{justify-items:center;gap:var(--space-2);text-align:center;padding:var(--space-7) var(--space-4);display:grid}.empty-hex{width:44px;height:50px;margin-bottom:var(--space-2);background:var(--honey-soft);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.error-box{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:var(--danger-soft);color:var(--danger-text);font-size:var(--text-sm);display:flex}.modal{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);width:min(560px,100vw - 32px);max-height:calc(100dvh - 48px);color:var(--ink);box-shadow:var(--shadow-3);padding:0}.modal-wide{width:min(820px,100vw - 32px)}.modal::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1c191773}.modal[open]{animation:rise var(--dur) var(--ease-out)}.modal-head{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;display:flex}.modal-head h2{font-size:var(--text-lg)}.modal-body{padding:var(--space-5);overflow-y:auto}.seg{border-radius:var(--radius-sm);background:var(--surface-2);gap:2px;padding:3px;display:inline-flex}.seg-item{cursor:pointer;font-size:var(--text-sm);color:var(--ink-2);background:0 0;border:0;border-radius:5px;padding:6px 14px;font-weight:600}.seg-item[aria-selected=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-1)}.progress{background:var(--surface-2);border-radius:999px;height:8px;overflow:hidden}.progress>span{background:var(--honey);transform-origin:0;height:100%;transition:transform var(--dur) var(--ease-out);display:block}.notfound{max-width:520px;margin:var(--space-7) auto;padding:var(--space-7) var(--space-5);justify-items:center;gap:var(--space-3);text-align:center;display:grid}.notfound-hex{width:84px;height:96px;margin-bottom:var(--space-2);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:var(--honey-soft);color:var(--honey-deep);font:800 var(--text-lg)/1 var(--font-display);place-items:center;display:grid}.notfound-title{font-size:var(--text-xl)}