.sidequest{margin:16px 0;padding:16px;border:1px solid #f4cf862b;border-radius:12px;background:linear-gradient(110deg,#f4cf860a,transparent)}
.sidequest__icon{color:var(--gold);font-size:22px;line-height:1}.sidequest strong{font-size:14px}.sidequest p{font-size:12px;margin-top:8px;line-height:1.6}.sidequest--done{border-color:#e4c68b35;background:#e4c68b08}.sidequest--done .sidequest__icon{color:var(--radiant)}
.online-grid{display:grid;gap:8px;max-height:360px;overflow-y:auto;padding:3px}.online-player{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;padding:12px;border:1px solid var(--line);border-radius:12px;background:#ffffff02;min-width:0}.online-player:hover{border-color:#e4c68b45;background:#e4c68b08}.online-player>div:not(.avatar){min-width:0;flex:1}.online-player .nickname{font-weight:600;overflow-wrap:anywhere}.online-player .plus-badge{margin-left:4px}.online-player small{display:block;margin-top:3px}.online-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--radiant);flex-shrink:0;box-shadow:0 0 10px #e4c68b40;vertical-align:middle}.online-caption{font-size:11px;line-height:1.6;margin-top:14px}
.activity-title{font-size:20px;font-weight:600;margin:12px 0 4px}.completion-showcase{margin-top:20px;border-top:1px solid var(--line);padding-top:20px;display:grid;gap:12px}.completion-showcase small{display:block}.completion-showcase>div{padding:12px;background:#ffffff03;border-radius:9px}.profile-title{color:var(--gold);font-size:12px;letter-spacing:.07em;margin:5px 0 12px}
.avatar.frame--gold{border:2px solid #f4cf86;box-shadow:0 0 0 4px #f4cf8612,0 0 20px #f4cf861d}.avatar.frame--emerald{border:2px solid #6ee7b7;box-shadow:0 0 0 4px #6ee7b712,0 0 20px #6ee7b71d}.avatar.frame--aurora{border:2px solid #e7cd99;box-shadow:-3px 0 16px #d8ad5855,3px 0 16px #e4c78e55;animation:aurora-frame 5s ease-in-out infinite}@keyframes aurora-frame{50%{border-color:#d8ad58;box-shadow:-3px 0 16px #e4c78e55,3px 0 16px #d8ad5855}}
@media(max-width:800px){.sidequest{padding:12px}.sidequest .chip{margin-left:0}.online-grid{max-height:280px}}

.online-player>.avatar{flex:0 0 36px;width:36px;height:36px}
